用户登录

禁止注册!| 忘记密码?

防抖和节流

防抖和节流
防抖节流一个常见的对象就是输入处理程序,正如上面所说,频繁执行 js 会导致卡帧,甚至导致额外(且不必要)的布局工作,另外结合其它的业务也会导致额外请求开支(例如请求校验)。 防抖节流都是为了控制事...
260 次浏览
ES5~8 2021-02-01

js原生实现双向绑定

js原生实现双向绑定
根据对象的访问器属性去监听对象属性的变化,访问器属性不能直接在对象中设置,而必须通过 defineProperty() 方法单独定义。 访问器属性的"值"比较特殊,读取或设置访问器属性的值,实际上是调用其内部特性...
188 次浏览
ES5~8 2021-01-28

格子墙图片效果

格子墙图片效果
预览地址1 https://xiaozhublog.com/project/gridwall/gridwall1.html 预览地址2 https://xiaozhublog.com/project/gridwall/gridwall2.html 预览地址3 https://xiaozhublog.com/project/gridwal...
233 次浏览
案例 2020-08-26

字符串常用方法

字符串常用方法
charAt() var a = "hello,xiaozhublog!" console.log(a.charAt(1)) // e // charAt会返回字符串的第几位, 从0开始 indexOf() var b = "hello,xiaozhublog!" console.log(b.indexO...
280 次浏览
ES5~8 2020-08-24

jQuery+layUI

jQuery+layUI
layUI制作的后台管理系统, 纯静态。 地址1: https://xiaozhublog.com/project/salary/admin/ 地址2 https://xiaozhublog.com/project/salary/superadmin/
188 次浏览
案例 2020-08-23

常用小技巧

常用小技巧
可编辑 contenteditable = true 放入标签中,标签可编辑 文字自动换行 wrod-wrap:break-word css样式 文字最后一行对齐方式 text-align-last 保持顶部位置对齐方式变,只作用最后一行。...
122 次浏览
CSS3 2020-08-21

事件委托+拖拽

事件委托+拖拽
功能 增加小方块,并实现拖拽。 技能 1、应用事件委托,event.target 2、鼠标位置clientX,clientY 3、元素外层距离浏览器边缘位置offsetLeft, offsetTop 案例地址 https://xiaozhublog.com...
124 次浏览
案例 2020-08-20

setTimeOut与setInterval

setTimeOut与setInterval
<script> //轮询 var timer = setInterval(() => { console.log(1) }, 200); //延时 setTimeout(()=>{ 关闭轮询 clearInt...
147 次浏览
ES5~8 2020-08-17