• 前端笔记

图解HTTP

《图灵程序设计丛书:图解HTTP》对互联网基盘——HTTP协议进行了全面系统的介绍。作者由HTTP协议的发展历史娓娓道来,严谨细致地剖析了HTTP协议的结构,列举诸多常见通信场景及实战案例,最后延伸到Web安全、全新技术动向等方面。... 详细

Proxy(代理)和Reflect(反射)的探索

Proxy翻译是代理的意思。有点像古代结婚需要的媒婆,双方不能就聘礼这么世俗的事情来回拉扯,以后日子还过不过了!?所以就需要媒婆做个代理。... 详细

JavaScript深入之参数按值传递

在《JavaScript高级程序设计》第三版 4.1.3,讲到传递参数:ECMAScript中所有函数的参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。... 详细

Javascript的并发模型与事件循环(Concurrency model and Event Loop)

JavaScript有一个基于事件循环的并发模型,事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。这个模型与其它语言中的模型截然不同,比如 C 和 Java。... 详细

if和switch该如何选择

if 和 switch 都可以设计多重分支结构,一般情况下 switch 执行效率要高于 if 语句。但是也不能一概而论,应根据具体问题具体分析。简单比较如表所示。... 详细

Javascript的编码和解码

编码是为了符合传输的要求,解码是为了还原成我们能识别的信息。 例如字符编解码,字符编码在一系列数字与人们将文本输入到计算机中时希望看到的字符之间提供映射。 因为世界上有不同的语言和文字,所以需要将不同的文字编码以通过计算机处理和传输。 再比如多媒体编解码,因为有多种不同格式的图像声音,所以它们各自有自己编解码标准。... 详细

编写可维护的JavaScript

《编写可维护的JavaScript》向开发人员阐述了如何在团队开发中编写具备高可维护性的JavaScript代码,书中详细说明了作为团队一分子,应该怎么写JavaScript。本书内容涵盖了编码风格、编程技巧、自动化、测试等几方面,既包括具体风格和原则的介绍,也包括示例和技巧说明,最后还介绍了如何通过自动化的工具和方法来实现一致的编程风格。... 详细

移动端1px问题产生原因和解决方法

UI设计师要求的1px是指设备的物理像素1px,而CSS里记录的像素是逻辑像素,它们之间存在一个比例关系,通常可以用 javascript 中的 window.devicePixelRatio 来获取,也可以用媒体查询的 -webkit-min-device-pixel-ratio 来获取。当然,比例多少与设备相关... 详细

css3文字闪光滑过效果

css3文字闪光滑过效果(扫光效果),具体也是参照网上的教程,一步步整理的。上代码!!!复制保存为html即可查看效果。... 详细

CSS3-grid布局实践

CSS3 Grid Layout是一个新的模块,这个模块主要定义一个二维网格布局系统,用来优化用户界面设计。在这个网格布局模块中,网格容器的所有子元素可以在一个灵活的或者固定的了布局网格中定位到任意槽中。... 详细

防抖和节流

在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决的呢?一般来讲,防抖和节流是比较好的解决方案。... 详细

关于rem的最佳实践

大约快2年没有写过用户界面,今天接到一个专题的需求,写得比较慢了。以前常用的东西得费死劲才能想起来,自然影响速度。看来还是要总结经验。... 详细