- 博客(6)
- 收藏
- 关注
RSS订阅原创 到底什么是BFC?一篇就够了
一、什么是bfc？1、规范解释：块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。2、通俗理解：BFC 是一个独立的布局环境,可以理解为一个容器,在这个容器中按照一定规则进行物品摆放,并且不会影响其它环境中的物品。3、BFC是一个css渲染特殊的一部分，需要一定的条件才能触发：(1) 给元素添加浮动，浮动元素就具有BFC特性----float: left/right
2021-02-27 14:27:34
6372
原创 函数节流和防抖（二）—— 节流函数
二、什么是函数防抖？1、概念：函数防抖（throttle），是指在连续触发的事件中，在延迟时间内有且仅执行一次函数。节流如字面意思，会稀释函数的执行频率。2、使用场景：当用户量很大时，搜索框中搜索按钮的连续点击在规定的时间内不准点击第二次，例如用户名、手机号、邮箱输入验证功能3、代码实现：setTimeout版function throttle(fun, wait) { let timer; return function (...arguments) { if(timer)
2021-01-11 23:41:05
359
1
原创 函数防抖和节流（一）—— 防抖函数
一.什么是函数防抖？1、概念：函数防抖（debounce），就是指触发事件后，在延迟时间内函数只能执行一次，如果触发事件后在延迟时间内又触发了事件，则会重新计算函数延执行时间。等延迟时间计时完毕，则执行目标代码。2、例如:坐电梯的时候，如果电梯检测到有人进来（触发事件），就会多等待 10 秒，此时如果又有人进来（10秒之内重复触发事件），那么电梯就会再多等待 10 秒。在上述例子中，电梯在检测到有人进入 10 秒钟之后，才会关闭电梯门开始运行。因此，“函数防抖”的关键在于，在 一个事件 发生 一定时
2021-01-11 19:08:20
989
1
原创 箭头函数的this指向（二）
首先来看一个简单的例子：let obj = { fun(){ setTimeout(function(){ console.log(this); // window }, 1000); setTimeout(() => { console.log(this); // {fun: f} }, 1000) } }; obj.fun();通过这个例子不难看
2020-12-20 00:31:14
228
1
原创 箭头函数的this指向（一）
在es5语法中，this默认绑定到window，代码如下：var obj = { birth: 1990, getAge: function() { var b = this.birth; // 1990 var fn = function() { // console.log(this); // this指向window
2020-12-20 00:18:25
191
2
原创 webpack3.6.0版本与loaders，plugins版本的兼容性问题解决
webpack3.6.0版本与loaders，plugins版本的兼容性问题解决1.webpack.config.jsconst path = require('path');const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');const UglifyjsWebpackPlugin = require('uglifyjs-webpack-plugin');modu
2020-12-16 00:44:57
3343
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人