前端周报第 19 期

2019-05-27
阅读 1 分钟
969
ES6 新引入了 Proxy 对象,它不仅能用在元编程上,还支持了 Vue3.0 新的响应式原理,但除此之外我们对 Proxy 的了解甚少。本文作者揭开 Proxy 的神秘面纱,用简单易懂的代码示例,介绍它的用法、优劣点和适用场景。

前端周报第 18 期

2019-05-20
阅读 1 分钟
1k
有深度的好文章,作者 Dmitry Soshnikov 在研究 ECMAScript 上花了大功夫。这篇文章涵盖了 JavaScript 对象继承、类、执行上下文、运行时环境、闭包和 this 等核心概念,帮助理解 JavaScript 运行的背后原理。

前端周报第 17 期

2019-05-13
阅读 1 分钟
855
从 Chrome 66(也是内核 V8-v6.6) 开始,在 JS 的顶级执行上下文执行完后,优化了代码缓存策略,将进行更广泛的 Code caching,下次再访问页面比优化前降低了 20% ~ 40% 的解析编译时间,来了解一下吧。

前端周报第 16 期

2019-05-04
阅读 1 分钟
905
HTTP/2 是网站性能优化的一把利剑,文章通过跟 HTTP/1.1 比较,介绍了 HTTP/2 多路复用、服务器推送、二进制传输和协议头压缩等优点,这些优点确实能提升页面加载速度,已经被各大网站使用。

前端周报第 15 期

2019-04-27
阅读 1 分钟
1.2k
CLI(Command-line interfaces) 在日常开发常有接触,它是工程化和自动化的体现。作者阐述了如何从零开发一个 CLI 工具,推荐了很多工具库,让开发更专注于功能实现。

【译】this 是什么?JavaScript 对象的内部工作原理

2019-04-23
阅读 3 分钟
1.3k
JavaScript 是一种支持面向对象编程和动态绑定的多范式语言。动态绑定是其一个强大的特性,它允许 JavaScript 代码在运行时更改 this,但是这一强大而且灵活的特性却会给开发者带来一些困惑,这些困惑集中在 JavaScript 代码运行时的表现上。

前端周报第 14 期

2019-04-22
阅读 1 分钟
1.6k
globalThis 是 ECMAScript 的新提案,目前是 stage3 进度。为了在所有 JavaScript 运行环境中实现符合标准的 globalThis polyfill,作者不断寻求探索,最终找到方案。

前端周报第 13 期

2019-04-20
阅读 1 分钟
1.1k
Shubham 提供了一个解决方法,将前端资源构建出两份,一份是现代浏览器用,一份是旧式浏览器用。可以根据 User-Agent 识别不同浏览器,只针对旧式浏览器提供带 ES5 编译,polyfills 等兼容代码。下面的这些现代浏览器不需要这些兼容代码,可以减少资源体积,提升加载速度和 JS 执行的速度。

前端周报第 12 期

2019-04-20
阅读 1 分钟
989
前端框架 React 和 Vue 都用上了 Virtual DOM 来维护 DOM,Virtual DOM 虽然不是 Web 标准,但现代前端框架都少不了它,它已成为高性能框架的一个必要条件。

前端周报第 11 期

2019-04-20
阅读 1 分钟
1.4k
对网络请求来说,最好的请求是不发出请求。采用科学可靠的缓存策略对网站性能和用户体验至关重要。作者围绕 Cache-Control 请求头,指出了不同指令(instruction)的区别,以及分别适用的场景。

前端周报第 10 期

2019-04-20
阅读 1 分钟
1.1k
身为程序员,作者认为程序员最重要的能力是解决问题的能力。为了解决具体的问题,程序员需要分析问题,将问题拆分成一些小问题,再一一解决。作者以搭建一个网站为目标,举例怎么按部就班地解决达成目标会遇到的问题。

前端周报第 9 期

2019-04-20
阅读 1 分钟
1.2k
来自谷歌团队的页面渲染实践总结。从服务端渲染到客户端渲染,不同的页面渲染方式,对页面性能、用户体验和 SEO 都有不同程度的影响。没有银弹,开发者应该根据实际情况来选择。

前端周报第 8 期

2019-04-20
阅读 1 分钟
1.1k
Vue 核心团队的 Sarah Drasner 分享了她学习前端的方法和心得,坚持长期的输入和输出,在实战中巩固知识点,用所学创造自己喜欢的东西。

前端周报第 7 期

2019-04-20
阅读 1 分钟
961
教程 JS 事件触发顺序 作者讲解了 JS 里的事件捕捉和事件冒泡,以及应用场景。 MDN - addEventListener addEventListener 这个绑定事件的方法我们经常用到,不过这个方法有所更新,增加了第 3 个参数的用法,一起来学习吧。 我们可以用下面这段代码来检测浏览器是否支持 passive 参数。 {代码...} 使用 passive 参数可以...

前端周报第 6 期

2019-04-20
阅读 1 分钟
1.1k
资源优先级对于一个网站的渲染时间至关重要,本文介绍了如何正确使用 preload、preconnect 和 prefetch 来指定不同资源加载的优先级。

前端周报第 5 期

2019-04-20
阅读 1 分钟
1k
关于 ES2019 的新特性。新特性主要有 Object.fromEntries, Array.prototype.flat, Array.prototype.flatMap, String.prototype.trimStart, String.prototype.trimEnd,以及一些优化或修订。

前端周报第 4 期

2019-04-20
阅读 1 分钟
1.1k
焦点 这些新特性会改变你写正则表达式的方式 ES2018 增强了正则表达式处理文字的能力,一起来学习吧。 深入挖掘 JS 的对象 深入探索 JS 对象的特性,比如 get / set 函数,属性描述符等。 新版发布 React v16.8 React Hooks 正式发布。 Vue 2.6 Vue 2.6 发布,增加了模板新语法,准备接轨 3.0 版本。 教程 Code smart, n...

前端周报第 3 期

2019-04-19
阅读 1 分钟
925
从 ES6 开始,JavaScript(ECMAScript) 发展迅猛,新增了很多有用的新特性。但是作者觉得还有一些很好的特性,应该被纳入规范,这些特性大部分已经在草案阶段,让我们提前看一看吧。

前端周报第 2 期

2019-04-19
阅读 1 分钟
967
TypeScript 变得越来越流行,但是它真的值得使用吗?作者从ROI(投资回报率)的角度和自身经验总结,分析使用 TypeScript 构建大型应用的可行性。

前端周报第 1 期

2019-04-19
阅读 1 分钟
1.7k
作者以 Apache 开源组织成员的身份,讲述了参与开源项目的种种好处,并且给出了一条完整系统学习的路径。我觉得其中最重要的是,作者提到的第一个要点 — 要先打好软件工程师的基础知识,才能更好的支持软件开发,这一点无论我们是否参与开源项目都应该重视。

了解 Web 标准规范和组织

2019-04-19
阅读 3 分钟
2.4k
Web 标准是由各大标准组织制定,由浏览器和其他 Web 底层框架或工具来实现,再提供给开发者能以最小成本开发适用于多平台的 Web 应用,这些标准是我们能访问无数网站的前提。

【理解】一道 JS 面试题

2019-04-19
阅读 3 分钟
2.8k
我一看,这不很简单吗?IIFE 局部的 foo 本来指向函数本身,但后来被修改成 100 了,所以局部的 foo 打印 100。全局的 foo 还是保留原来的值,所以全局的 foo 打印 1。