用户4429092099630

以现有的通用显示器为例，帧率大多为60fps，即一秒钟60帧，这是一个什么概念呢，就是一秒钟的动画是由60幅静态图片连在一起形成的。60fps是动画播放比较理想，比较基础的要求。 产生这种情况的原因就是页面在渲染某些帧时所花的时间较长，导致停留在这些帧的时间较长，所以画面卡顿了…

拿到域名对应的IP地址之后，浏览器会以一个随机端口（1024<端口<65535）向服务器的WEB程序（常用的有httpd，nginx）等的80端口发送链接请求。 为同一个主机名配置多个IP地址，在应答DNS查询时，DNS服务器对每个查询将以DNS文件中主机记录的IP地址按顺序返…

很多工程师对自己的开发工具有很高的颜值要求，iTerm2 同样给使用者提供了可配置颜色和部分主体，除了上面安装说明中提到的主题网站外，iTerm2 也给我们提供了很多自选主题。 作为终端工具 iTerm2 自然提供了搜索功能，用户使用搜索可以使用 tab 键 自动按照单词选中后…

2009年，W3C 提出了一种新的方案---- Flex 布局，意为“弹性布局”，可以简便、完整、响应式地实现各种页面布局。 兼容性方面它已经几乎得到了所有浏览器的支持，小程序都兼容，具体兼容性可以看下图。(什么？你老板要兼容IE6？让他滚~) 定义了在分配多余空间之前，项目占…

缓存的分类：服务器缓存(代理服务器缓存、CDN 缓存)，第三方缓存，浏览器缓存等。 缓存命中率：从缓存中得到数据的请求数与所有请求数的比率。理想状态是越高越好。 过期内容：超过设置的有效时间，被标记为 '陈旧' 的内容。通常过期内容不能用于回复客户端的请求，必须重新向源服务器请…

整个网站的架构采用横向分层，从上往下越来越抽象，引用关系由上至下，拒绝由下至上的引用。 采用 ECMAScript 6 来开发逻辑和交互，然后通过 Webpack 和 Babel 将高级版本的 JS 编译成当下流行浏览器能够解析的 ECMAScript 5。 Web 前端的代码…

经常使用，交互实现在我的开发习惯里是能用原生css实现就用原生。 比如一些hover操作需要淡进淡出，就需要用 transation 和 opacity 相结合去实现。 还有一些窗口的抖动可以通过 animation 去实现，设定 keyframes 关键帧。 加入购物车的动画…

注意：如果一个属性不可配置 || 不可写，则该属性不可被代理，通过 Proxy 访问该属性会报错。 可以记录各种各样的信息而不用修改应用程序的代码或是阻塞代码执行。并且只需要在这些代码的基础上稍事修改就可以记录特性函数的执行性能 1. Object.defineProperty…