20180910 前端开发日报-前端开发博客

我从没理解过 JavaScript 闭包；5分钟即可掌握的前端高效利器：JavaScript 策略模式；如何保障前端项目代码质量；JavaScript 读写二进制数据；Liftoff: V8 引擎中全新的 WebAssembly baseline 编译器；让你的 Webpack 起飞：考拉会员后台 Webpack 优化实战；【小结】初识CSS Houdini；前端每日实战：130# 视频演示如何用 CSS 在线字体和 D3 制作一个 Google & googol 信息图

我从没理解过 JavaScript 闭包原文: I never understood JavaScript closures 作者: Olivier De Meulder 时间: Sep 7, 2017 译注：作者从 JavaScript 的原理出发，详细解读执行过程，通过“背包”的形象比喻，来解释闭包。我从没理解过 JavaScript 闭包直到有人这样跟我解释…… 正如标题所说，JavaScript 闭包对我来说一直是…
5分钟即可掌握的前端高效利器：JavaScript 策略模式浅谈 JavaScript 中策略模式的使用：什么是设计模式什么是策略模式策略模式在 JavaScript 中的应用（使用策略模式封装百度AI识别调用）策略模式在 Vue 组件封装中的应用（使用策略模式封装Select组件）什么是设计模式设想
如何保障前端项目代码质量质量管理也很重要。
JavaScript 读写二进制数据类型化数组是 HTML5 中引入的API，它能够让开发者使用 JavaScript 直接操作二进制数据。在类型化数组出现之前，我们是无法直接通过 JavaScript 操作二进制数据，通常都是操作 JavaScript 中的数据类型，由运行时转化成二进制。这就多了一个转化的过程，尽管 JavaScript 对数据类型做了很多优化以提高效率，但相比直接操…
Liftoff: V8 引擎中全新的 WebAssembly baseline 编译器 V8 引擎在 v6.9 版本中加入了一个全新的 WebAssembly baseline 编译器 —— Liftoff。它目前在桌面系统平台上是默认开启的。本文将会详细讲解引入新的编译层的动机，并介绍一下 Liftoff 的具体实现以及性能情况。
让你的 Webpack 起飞：考拉会员后台 Webpack 优化实战 Webpack 优化实战记录。
【小结】初识CSS HoudiniHoudini实际是一个W3C工作小组，他们希望能够解决工程师们因为CSS兼容而带来的苦恼，这里也一般是认为是他们制定出来的一系列标准和API。
前端每日实战：130# 视频演示如何用 CSS 在线字体和 D3 制作一个 Google & googol 信息图效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
TypeScript AST 查看器这个网站左侧输入 TypeScript 代码段，右侧实时预览抽象语法树。
ES6 元编程资源集合关于 Proxy & Reflect & Symbol，关于 Meta Programming。
nodejs源码—初始化相信很多的人，每天在终端不止一遍的执行着node这条命令，对于很多人来说，它就像一个黑盒，并不知道背后到底发生了什么，本文将会为大家揭开这个神秘的面纱，由于本人水平有限，所以只是讲一个大概其，主要关注…
Vue项目数据动态过滤实践这个问题是在下在做一个Vue项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如$mount、render watcher等，如果不太了解的…
《Vue 数据响应式原理》Vue.js 的核心包括一套“响应式系统”。 “响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。（by luobotang ）
Oceanus：美团点评 HTTP 流量定制化路由的实践背景 Oceanus是美团基础架构部研发的统一HTTP服务治理框架，基于Nginx和ngx_lua扩展，主要提供服务注册与发现、动态负载均衡、可视化管理、定制化路由、安全反扒、session ID复用、熔断降级、一键截流和性能统计等功能。本文主要讲述Oceanus如何通过策略抽象、查询、渲染和分组动态更新，实现HTTP请求的定制化…