函数节流与函数防抖 函数防抖(debounce)函数防抖是指在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 例如我们需要做一个实时查询的输入框,需要在用户停止输入就发送请求.当用户输入时会清除上一个还未执行的setTimeout,然后创建一个新的setTimeout,这样如果用户一直输入的话,就不会执行fn函数 实现1const debounce = (fn, interval = 300) =& 2020-06-01 JavaScript Function
JavaScript工具函数 验证规则验证邮箱1export const isEmail = (email) => {2 return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(email);3} 验证手机号码1export const isMobile = ( 2020-06-01 JavaScript Function
Javascript之函数柯里化 什么是柯里化柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数的函数，并且返回接受余下的参数且返回结果的新函数的技术。 简单示例1// 普通函数2function add(x,y) {3 return x+y;4}5add(1,2); // 367// 柯里化函数89function addCurry(x) {10 2020-05-20 JavaScript Function
JavaScript事件委托 事件委托事件委托就是把原本需要绑定在子元素上面的响应事件委托给它们的父元素或者更外层元素。可以把事件分为事件冒泡和事件捕获。 事件冒泡当鼠标点击或其他方式触发事件时，事件会从点击的元素不断上升直到根节点。会在某一个外层捕获这个冒泡事件，执行操作。 示例如下只需要监听ul上是否触发点击事件，而不需要在每一个li上添加点击事件。因为每个函数都会占用内存空间，现在只需要一个事件处理程序酒可以代理所有事件 2020-05-06 JavaScript 事件
认识Object.defineProperty() definePropertyObject.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 语法 Object.defineProperty(obj, prop, descriptor) 参数- obj 要操作的对象 - prop 修改或新增的属性名称 - descriptor 属性描述符 属性描述符描述符不能两者同时存在，只能 2020-05-06 JavaScript Object
PHP中Trait的使用 Traittriat是PHP中一种代码复用技术。 官方解释: Trait 是为类似 PHP 的单继承语言而准备的一种代码复用机制。Trait 为了减少单继承语言的限制，使开发人员能够自由地在不同层次结构内独立的类中复用 method。Trait 和 Class 组合的语义定义了一种减少复杂性的方式，避免传统多继承和 Mixin 类相关典型问题。 创建 Triat使用关键字trait来创建 2020-04-27 PHP Trait
ThinkPHP5使用laravel-mix 安装 Laravel-mix移动文件将webpack.mix.js 和 package.json两个文件复制到ThinkPHP5项目的根目录 安装依赖1yarn install 设置路径修改webpack.mix.js文件,增加.setPublicPath('./public'); 1const mix = require('laravel-mix');2mix.js('reso 2020-04-20 PHP ThinkPHP PHP Laravel-mix
ThinkPHP5.1中数据库迁移migration与数据填充Faker的使用 数据库迁移工具 think-migration通过composer安装1composer require topthink/think-migration=2.0.* 安装完成后，在命令行下查看，就会发现新增了几个migrate和seed命令1php think 1migrate2 migrate:create Create a new migration3 migrate:rollb 2020-04-20 PHP ThinkPHP Migration Faker
Vue组件间的通信 父组件向子组件传值 父组件通过 v-bind 绑定 message 值到子组件的 prop. 1<template>2 <div id="app">3 <Children v-bind:message="message"></Children>4 </d 2020-03-28 Vue Vue
CSS权重 CSS 选择器CSS 选择器参考手册 选择器 例子 描述 通配符 * 选择所有元素 id #id 选择 id=”firstname” 的所有元素 class .container 选择 class=”container” 的所有元素 标签 span 选择所有 元素 后代选择器 div p 选择 元素内部的所有 元素 子元素选择器 div>p 选择父元素为 2020-03-27 CSS 选择器
