摘要：
参考Promise 的 官方规范 https://promisesaplus.com/ Promise 其实就是一个状态机 它只有两种状态变化 pending =》 fulfilled pending =》 rejected 并且状态一旦发生变化后就不会再改变 我们用es5来实现下 先写个架子， 并 阅读全文
摘要：
单行的js 代码虽然简洁，但却不易维护，甚至难以理解， 但这却并不影响前端童鞋们编写简洁代码的热情， 一 ， 生成随机ID 解析 ： 1 , Math.random() 生成一个 0 到 1 的 随机数 =》 number = 0.7147259888717723 2 , number.toStri 阅读全文
摘要：
先初始化棋盘 HTML: CSS： JS：// 棋盘 我们先让每个棋子的value都为1，看看效果： 不要犯密集恐惧症哦， 我们用事件委托来绑定事件， 这样事件只需要绑定一次而不用绑定15 * 15次， 很大地提升了效率， 开始写点击事件： 现在我们可以下棋了： 很有成就感是不是，就差最后一步也最是 阅读全文
摘要：
它们都是为了解决事件的频繁触发而出现的 不同之处： 防抖： 当事件频繁触发时不执行事件处理函数， 只有空闲下来的时候才会执行事件处理函数， （比如一个搜素场景， 当用户正在输入的时候不触发搜索 只有当用户停止输入时才发起搜索请求）。 节流： 当事件频繁触发时规定一定时间内只触发一次事件处理函数， 比 阅读全文
摘要：
今天我们来折纸飞机（可以飞出去的那种哦） 基本全用css来实现，只有一小部分的js 首先看一下飞机的构造 灰色区域为可折叠区域 白色区域为机身 三角形由border画出来的再经过各种平移翻转变成上图 写之前再补充个知识点： 我们颜色的设置不用rgba， 用hsl() h: 色调 0- 360 0(或 阅读全文
摘要：
今天练习一个小demo, 从本地读取图片， 然后实现类似淘宝放大镜的效果， 再加两个需求 1 .可以调节缩放比例，默认放大两倍 2 . 图片宽高自适应， 不固定宽高 话不多说先看效果： 原理：1， 右侧放大区域的大小等于左侧半透明滑块大小乘以缩放倍数 2， 右侧放大区域图片的原始尺寸要和 左侧图片一 阅读全文
摘要：
核心属性： background-attachment 这个属性就牛逼了， 它可以定义背景图片是相对视口固定， 还是随着视口滚动， 加上这个属性网页瞬间就从屌丝变成 高大上。 我们来看个例子： html: css: 代码很简单，让视口出现滚动条， 然后它是这样的： 很普通的一个滚动效果， 然后我们把 阅读全文
摘要：
‘手写 ’ 这个词 ，面试是不是听过无数遍呢 ! 今天我们来手写一个这样的事件委托函数 =》 function（ parent， selector， type , handle) {} 你需要传递的参数分别是： parent： 事件绑定的父级 selector： 选择器， type: 事件类型 ha 阅读全文
摘要：
工作的越久，有些基础知识我们可能就逐渐淡忘了，今天我们来回顾一下css的圣杯布局和双飞翼布局， 这两个名词你可能不熟， 那三栏布局你肯定就非常熟悉了， 就是两边定宽， 中间自适应 的 布局 1 ， 圣杯布局 首先HTML结构是这样的，因为要保证中间的结构先渲染， 所以 center 要放在 最前面 阅读全文
摘要：
面试高频之js的异步加载 讲这个问题之前， 我们从另一个面试高频问题来切入， 我们的web页面从开始解析到页面渲染完成都经历了什么 ？ 1 ， 创建document对象， 开始解析页面， 此时document.readyState = 'loading' 2 , 遇到link标签引入的css文件， 阅读全文