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

Angular 5 正式版发布(带来大量的改动),以及对应的脚手架 1.5.0发布(适配 NG5)；1分钟读完《我希望在深入 React 之前知道这些》；JavaScript 框架的探索与变迁（上）；WebKit随笔（一）；简单易学的js设计模式-模版方法模式；抓住数据的小尾巴 – JS浮点数陷阱及解法；手淘JSSDK部分接口调用报告；JS二叉树

Angular 5 正式版发布(带来大量的改动),以及对应的脚手架 1.5.0发布(适配 NG5) 经过几次跳票.NG5正式版已经到来..带来一些有意思的东西,编译性能提升,支持导入装饰器,管道的国际化(数字及日期处理这些),zone 异步处理的改善,新的路由生命周期事件,表单及 htpp模块的完善,以及支持 rxj 5.5 等等!!!
1分钟读完《我希望在深入 React 之前知道这些》我希望在深入 React 之前知道这些 Canberk Morelli 是 OpsGenie 的一名前端工程师，正在使用 React 构建公司内部项目。通过这篇文章可以使初学者不要犯同样的错误。 1、每次调用 setState 都会引起组件的重新渲染…
JavaScript 框架的探索与变迁（上）译者言近几年可谓是 JavaScript 的大爆炸纪元，各种框架类库层出不穷，它们给前端带来一个又一个的新思想。从以前我们用的 jQuery 直接操作 DOM，到 BackboneJS、Dojo 提供监听器的形式，在到 Ember.js、Angular…
WebKit随笔（一）本文依据朱永盛老师的《WebKit技术内幕》一书作为参考，结合网络共享资源对Webkit的历史和技术点进行随笔记录，或跳过一些理解不到位的。一、浏览器简史 93年网景浏览器（netscape）诞生，宣布第一代浏览器的告…
简单易学的js设计模式-模版方法模式模版方法模式定义：模板方法模式由二部分组成，第一部分是抽象父类，第二部分是具体实现的子类，一般的情况下是抽象父类封装了子类的算法框架，包括实现一些公共方法及封装子类中所有方法的执行顺序，子类可以继承这个父类，并且可以在子类
抓住数据的小尾巴 – JS浮点数陷阱及解法众所周知，JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果，如 0.1+0.2=0.30000000000000004、1-0.9=0.09999999999999998，很多人知道这是浮点数误差
手淘JSSDK部分接口调用报告前言最近接了个需求，是给公司做个用于手机淘宝的小页面，用到了手淘的几个接口。在阅读文档时，发现手淘的JSSDK文档很有问题，和实际用起来差异很大，坑的我意识模糊。就想写篇小笔记，抛砖引玉一下，给后来者有个小借鉴。手淘JSSDK文档正文我是用vue-cl
JS二叉树生成一棵二叉树二叉树实现原理把第一位当做根节点，比根节点小的数放在左子树上，比根节点大的数放到右子树上，以此类推。把下面数组生成一个二叉树：let nodes = ; 结构如下生成的二叉树对象如下 l
js操作样式自动prefit 前言在用vue写一个项目时，编译时vue-loader会自动给css加上合适的前缀，无需手动添加，无疑方便了很多。但是过程中，经常要用js动态添加样式，如此添加的样式就需要手动添加浏览器前缀了。相当的麻烦，还容易出错。下面介绍一种解决方法供大家参考。获取样
面向未来的前端数据流框架 – dob 我们大部分对内产品，都广泛使用了 dob 管理前端数据流，下面隆重介绍一下。 dob 是利用 proxy 实现的数据依赖追踪工具，利用 dob-react 与 react 结合。 dob 的核心思想大量借鉴了 mobx，但是从实现原理、使用便捷性，以及调试工具
8 大前端安全问题（上）当我们说“前端安全问题”的时候，我们在说什么 “安全”是个很大的话题，各种安全问题的类型也是种类繁多。如果我们把安全问题按照所发生的区域来进行分类的话，那么所有发生在后端服务器、应用、服务当中的安全问题就是“后端安全问题”，所有发生在浏览器、单页面应用、Web页面当中的安全问题则算是“前端安全问题”。…
Redux学习笔记设计思想核心概念所有的状态存放在Store。组件每次重新渲染，都必须由状态变化引起。用户在 UI 上发出action。 reducer函数接收action，然后根据当前的state，计算出新的state。动机随着 JavaScript 单页应用
React 中的各种组件前言在 React 中，一切皆是组件，因此理解组件的工作流与核心尤为重要。我们有多种创建组件的方式（不仅 Component），很多时候选择使用哪种组件的创建方式是值得深入考究的；同时对于 React 中有太多的组件概念，无状态组件、高阶组件… 常常
ReactJS 底层揭秘原文地址：Under-the-hood-ReactJS 原文作者：Bogdan-Lyashenko 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者组：译者翻译章节 Candy Zheng
vuex源码分析（一） vuex的源码分析系列大概会分为三篇博客来讲，为什么分三篇呢，因为写一篇太多了。您看着费劲，我写着也累。这次写了大概估计8000多字，估计您也得看个20分钟。如果觉得对您有所帮助麻烦给我点个star，要是觉得不喜欢，您也可以说写的什么玩意，我上我也行。然后提出
Webpack 热更新实现原理分析概述在使用 Webpack 构建开发期时，Webpack 提供热更新功能为开发带来良好的体验和开发效率，那热更新机制是怎么实现的呢？代码实现 Webpack 配置添加 HotModuleReplacementPlugin 插件 new webpack.HotModuleReplacementPlugin({ // Options… }) Node Server 引入web…
基于 Threejs 的 Web 3D 开发入门 | 导语随着软硬件的发展，在PC和移动端浏览器上进行web 3D开发的条件已经基本成熟了，出现了不少js 3D库，Threejs是js 3D库中的佼佼者。国内也有企业开始做一些应用尝试，某宝2016年双11就用ThreeJS做了一个比较酷炫的3D宣传页面刷爆了朋友圈。下图是用Threejs绘制的一个3D立方体动画的截图，在这个demo里，…
W3C近期要闻：与Mozilla MDN合作联合开发Web平台文档 OpenWeb开发者，依托于BOW（Brillant Open Web）团队，是一个专门的Web技术建设小组，致力于推动 Open Web 技术的发展，将不定期为读者同步W3C要闻。 BOW 关注前端，关注Web；剖析技术、分享实践；谈谈学习，也聊聊管理。欢迎
#HTTP#【HTTP缓存是如何实现】浏览器是如何知道使用缓存的，其实这都是通过http中，浏览器将最后修改时间发送请求给web服务器，web服务器收到请求后跟服务器上的文档最后修改的时间对比，如果web服务器上最新文档修改时…请戳→ #前端开发博客#