React点击空白处关闭弹框

2023-03-30
阅读 1 分钟
1.7k
前置知识:React的合成事件系统:reactv17之前,事件代理到document上,react17和react18中,则委托到根节点。冒泡阶段执行。执行顺序为:原生dom事件-》React合成事件-》原生ducument事件引用React合成事件封装了stopPropagation方法,e.stopPropagation可以阻塞合成事件之间的冒泡,不能阻止合成事件冒泡到原生ducumen...

前端字体渲染font-face font-display

2020-03-28
阅读 2 分钟
3.4k
浏览器对字体渲染大体思路 {代码...} Chrome和Firefox 超时时间为 3 秒 IE浏览器超时时间为 0 秒,即如果本地没有该字体,则直接使用备用字体 Safari一直等待下载,直到网络超时 这些不同策略将导致展示不受控制,甚至影响性能。所以出现了@font-face规则,以及其中的font-display @font-face规则,font-display` {代码....

关于浏览器渲染以及性能优化的一些概念

2020-03-26
阅读 1 分钟
1.6k
Load事件:整个页面被加载,包括依赖的资源,如样式文件、图片DomContentLoaded: 初始的html文件被加载解析,不包括样式文件、图片、子框架等

实现一个Promise

2020-03-17
阅读 6 分钟
937
`其实,promise主要是异步操作完成后,再执行指定操作。new Promise执行指定异步操作then中获得异步操作结果,并执行指定回调

CMD、AMD、CommonJS

2020-03-14
阅读 2 分钟
1.2k
JS模块化开发的标准 1. AMD ` {代码...} ` {代码...} 2. CMD {代码...} ` {代码...} 3. CommonJS {代码...} 对比 {代码...} 代表 {代码...}

Vue中$emit应用

2019-06-02
阅读 1 分钟
1.8k
Vue组件间通信提到,子组件向父组件传递数据使用$emit方法。所以一直以来都误以为$emit是用于触发父组件上的事件。最近看vue官网的API才了解到$emit其实是触发当前实例上的事件

微信小程序开发常见坑

2017-12-18
阅读 2 分钟
6.1k
对于页面跳转,可能习惯性想到wx.navigateTo,但是在跳转到目标页面是一个tab时,此接口就不起作用了,但也不会报出任何错误。此时应使用wx.switchTab,详见链接描述

CSS篇-line-height计算方法(父子元素)

2017-02-12
阅读 1 分钟
2.8k
此处仅列举几种个人认为易模糊不清的情形。html结构如下: {代码...} 父元素为数字,子元素未设 {代码...} 父元素parent为 子元素child为表明 子元素继承了父元素显示设置的数字值,与父元素自身font-size有关 父元素百分比,子元素未设 {代码...} 父元素parent为子元素child为表明子元素继承了父元素根据百分比计算后的...

JS设计模式-单例模式

2017-01-15
阅读 2 分钟
2.9k
初入js坑时,满脸懵逼的我认为设计模式就该是后端头疼的,对,头疼,盖因粗略扫描下来也就十几二十种吧,彼时颇有种隔岸观火看到你过得不好我也就安心的自得。染鹅,打脸啪啪的,实不应忘记javascript前可不是白缀个java的,怎么能不趟一下设计模式这“浑水”。--以上,吐槽完毕

ES6学习之一

2017-01-08
阅读 2 分钟
1.6k
周末两天学习了ES6基础内容,包括作用域、变量赋值、字符串、数值、数组、函数、对象这几项的扩展。整体感觉,ES6就是对ES5进行bug修复和功能补充。

Zepto.js源码学习之二

2017-01-05
阅读 1 分钟
1.8k
为了便于梳理思路,以上代码省略了细节,只保留了轮廓脉络。这段代码首先定义了两个变量$和zepto,一个类Z;然后给空对象zepto定义属性和方法,其中zepto.Z得到类Z的一个实例,至于zepto.init,从默认执行return zepto.Z(dom, selector)可以得知,它也是获得类Z的实例,只是有可能因为参数不同作不同处理,在深入细节之...

Zepto.js源码学习之一

2017-01-03
阅读 2 分钟
1.9k
元旦假期转眼即过,终于在最后一天想起最初那个“宏伟”的计划,然后默默捡起Zepto源码的第一行。在具体深入之前,我希望能对Zepto库结构有一个整体的了解。看的时间比较短,以下如果有不正确的地方,欢迎指出。

JS篇-遍历对象属性(for in、Object.keys、Object.getOwnProperty)

2016-12-24
阅读 2 分钟
38.7k
js中几种遍历对象的方法,包括for in、Object.keys、Object.getOwnProperty,它们在使用场景方面各有不同。