前端性能指标

2022-12-27
阅读 7 分钟
2k
传统性能标准初始化阶段navigationStart:请求开始时间,返回 0unloadEventStart:等于用户代理程序开始前一个文档的卸载事件之前的时间unloadEventEnd:等于用户代理程序完成前一文档的卸载事件之后的时间redirectStart:重定向开始时间的时间戳,没发生则为 0redirectEnd:重定向完成时间的时间戳,没发生则为 0请求阶...
封面图

CSS transform、transition、animation 指南

2022-09-07
阅读 7 分钟
3.2k
transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值,不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 在CSS中,笛卡尔坐标系使用三个轴表示(如下图):x轴(横轴)y轴(纵轴)z轴(深度轴)每个元素都有自己的...
封面图

css 渲染优化

2022-06-01
阅读 7 分钟
2.5k
在日常的开发中,通过使用css属性,做一些动效、动画时,会发现在页面有卡顿;在Android低端机尤为明显,故需要知道浏览器渲染以及优化手段
封面图

手写简易webpack

2022-01-03
阅读 10 分钟
2.5k
编译产物分析 {代码...} 以上代码是通过精简过的,可以看到以下工具函数__webpack_modules__:是一个对象,它的值是所有模块的代码,key值对应是模块文件路径__webpack_module_cache__: 缓存exports的值__webpack_require__:加载模块代码,根据模块文件路径__webpack_exports__:模块对外暴露方法通过以上工具方法,就可以...

《css世界》- 详细重点笔记与技巧

2018-11-20
阅读 20 分钟
12.4k
在《css世界》这本书中有一些“黑魔法”给列举出来,在结合自己的理解。篇幅有点长,希望大家能够坚持看完,一定会有收获!!!以下是摘自每章内一些重要的概念与技巧。其中有解决图片间隙的问题、小图标与文字居中问题等;

iOS下的 Fixed BUG

2018-10-27
阅读 1 分钟
8k
固定式浮层内的输入框光标会发生偏移。即 fixed 定位的容器中输入框光标的位置显示不正确,没有正常地显示在输入框中,而是偏移到了输入框外面

移动端下弹框禁止背景滑动

2018-10-27
阅读 2 分钟
4.8k
移动端下弹框禁止背景滑动 茴字写法有很多种,找到最适合的才是好的。 以下下方法在一屛之内是可行的 body;html 设置overflow:hidden {代码...} 问题 当body内容超出一屛时,弹框背景页面会自动滚动到顶部,无法回到原来弹框所在的位置 保存scrollTop,再设置scrollTo {代码...} 问题 当body内容超出一屛时,弹框背景页...

JavaScript疑难杂症系列-事件循环

2018-02-23
阅读 4 分钟
2.3k
浏览器端,复杂的UI环境会限制多线程语言的开发。例如,一个线程在操作一个DOM元素时,另一个线程需要去删除DOM元素,这个之间就需要进行状态的同步,何况前端可能不止操作这么一个DOM元素。所以,为了避免在开发过程中,去进行复杂的同步,选用单线程语言进行开发是最好的解决方案

JavaScript疑难杂症系列-相等性判断

2018-02-11
阅读 1 分钟
1.6k
事件这块知识点虽然是老生长谈的,但对于我来说多多整理,多多感悟,温故知新,每次看看这块都有不同的收获.(在这里我不会长篇大论,只会挑重点;具体的小伙伴们自行查找)参考:[链接]

JavaScript疑难杂症系列-事件

2018-02-10
阅读 5 分钟
1.9k
事件这块知识点虽然是老生长谈的,但对于我来说多多整理,多多感悟,温故知新,每次看看这块都有不同的收获.(在这里我不会长篇大论,只会挑重点;具体的小伙伴们自行查找)

亮瞎你狗眼的写代码体验狂拽酷炫效果 activate-power-mode

2018-02-04
阅读 1 分钟
3k
{代码...} {代码...} Preferences -> Plugins -> Install pliugin form disk 重启之后点开window ->activate-power-mode;有五种选项慢慢调试适合的效果,这是我的效果选项 {代码...}

常用前端知识积累

2018-02-03
阅读 4 分钟
2.8k
闭包的理解 {代码...} Cookie 第一:每个特定的域名下最多生成20个cookie {代码...} 第二:cookie的最大大约为4096字节,为了兼容性,一般不能超过4095字节 优点:极高的扩展性和可用性 {代码...} 缺点: {代码...} 浏览器本地存储 sessionStorage {代码...} localStorage {代码...} web storage和cookie的区别 {代码...} ...

Bootstrap3.x - 源代码分析

2017-12-06
阅读 9 分钟
3.1k
比较全面定义总结有意义的颜色。所有uI要用的颜色,都先从已定义的读,这样保证样式的同一性,而且方便以后开发主题库。(建议想自己写css模块的,可以参考一下bootstrap里颜色定义)

css名方法-命名的模块化

2017-12-06
阅读 1 分钟
2.3k
1、将命名对象划分为组件(component)和功能(Utility)。组件直接命名,功能额外加前缀,比如专门给js调用的类名可加上js前缀:js-button 2、规定了连字符的用法。普通隔断用单个连字符,描述性词汇用两个连字符:

《Javascript高级程序设计 (第三版)》第13章 事件

2017-11-18
阅读 4 分钟
1.5k
UIEvents :一般化的 UI 事件。鼠标事件和键盘事件都继承自 UI 事件。DOM3 级中是 UIEvent 。 MouseEvents :一般化的鼠标事件。DOM3 级中是 MouseEvent 。 MutationEvents :一般化的 DOM 变动事件。DOM3 级中是 MutationEvent 。 HTMLEvents :一般化的 HTML 事件。没有对应的 DOM3 级事件(HTML 事件被分散到其他类 ...

《Javascript高级程序设计 (第三版)》第五章 引用类型

2017-11-11
阅读 2 分钟
1.3k
函数名本身就是变量,所以函数也可以作为值来使用。也就是说,不仅可以 像传递参数一样把一个函数传递给另一个函数,而且可以将一个函数作为另一个函数的结果返回。