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

20分钟清晰捋完 ECMAScript 2016/2017/2018 新特性；带你走进webpack世界，成为webpack头号玩家；和 Houdini, CSS Paint API 打个招呼吧；你需要知道的 javascript 的细节；React实战篇（React仿今日头条）；【Angular 6】将会带来什么新特性？；用 PhantomJS 让邮件报表图文并茂（一）；vue实践02之vue-router

20分钟清晰捋完 ECMAScript 2016/2017/2018 新特性概览如图（保留一大串英文，是为了鼓励大家好好学英语）下面会尽量保持精简，能用图和代码的地方，就尽量不写文字，保留最直观的感受，简单的API会直接给官方文档一、ECMAScript 2016 1、Array.prototype.include
带你走进webpack世界，成为webpack头号玩家最近朋友圈被《头号玩家》刷爆了，斯皮尔伯格一个资深电影导演，把对过去经典的致敬，对未来的憧憬浓缩在这一部电影中，可以说让观众燃了起来。观望整个前端开发，不断的演化，发展迅速。前端开发从最开始切页面, 前端自动化构建工具日新月异，从最初的Grunt,Gulp到
和 Houdini, CSS Paint API 打个招呼吧原文链接：SAY HELLO TO HOUDINI AND THE CSS PAINT API 作者：Will Boyd 相关阅读：Houdini：CSS 领域最令人振奋的革新浏览器发展至今，已经很久没有感受过这种期待了。 Hodini 的出现将赋予开发者前所未有的控制页面视觉表现的能力。这个项目的第一步是实现 CSS Paint API。本篇将解释为什么 Houdi…
你需要知道的 javascript 的细节现在的前端框架层出不穷，3个月就要重新入门一次前端的现状，让我们来不及学好基础就开始上手框架。常常就因为这样，我们会很快到达基础技术瓶颈，基础是所有技术的核心，在跳槽季重新温故了一遍 javascript 基础，有收获，整理出来分享给大家。
React实战篇（React仿今日头条）前言上次初学用 react 写了个后台管理，这次便寻思写个移动端的项目。便有了这次的这个项目。这个项目以前写了个 vue 的版本。有兴趣的可以点击进入模拟数据用的是 Easy Mock 用的是我以前写 vue-toutiao 用到的数据账号: vu
【Angular 6】将会带来什么新特性？ https://github.com/angular/angular/blob/master/docs/RELEASE_SCHEDULE.md 按照官方的版本计划，Angular 6.0应该在2018年4月4日发布，目前已经延期了。目前最新的
用 PhantomJS 让邮件报表图文并茂（一）在部门日常业务中，每天都会产生各种各样的数据。为了让抽象的数据，更加调理方便人阅读，就需要将数据整理成表格、图表等形式，以更生动的面貌展示在人们眼前。通常 Web 端可以采用 ECharts 等方案来实现丰富的图表效果，但报表邮件由于各种邮件客户端环境的关系，虽然是使用 HTML 编写邮件内容，可用的样式…
vue实践02之vue-router 本文主要参考技术胖老师的视频教程。简介由于Vue在开发时对路由支持的不足，后来官方补充了vue-router插件，它在Vue的生态环境中非常重要，在实际开发中只要编写一个页面就会操作vue-router。要学习vue-router就要先知道这里的路由是什么
react-router-dom 的 HashRouter 也就这么回事儿 1 要实现的功能我们使用React开发项目的时候，基本上是单页面应用，也就离不开路由。路由看似神秘，当我们简单的模拟一下它的核心功能后，发现也就这么回事儿。本文就详细的介绍一下react-router-dom 的HashRouter的核心实现逻辑。本文实现
关于React v16.3 新生命周期变更的部分 react v16.3终于出来了，最大的变动莫过于生命周期去掉了以下三个 componentWillMount componentWillReceiveProps componentWillUpdate 同时为了弥补失去上面三个周期的不足又加了
《关于 Google 发布的 JS 代码规范，你需要了解什么？》本文总结了Google发布的JavaScript代码规范中比较重要的部分，适合想要养成良好代码规范的读者借鉴。（by 白吟灵）
JavaScript动画实现初探前言现如今，许多页面上均有一些动画效果。适当的动画效果可以在一定程度上提高页面的美观度，具有提示效果的动画可以增强页面的易用性。实现页面动画的途径有两种。一种是通过操作JavaScript间接操作CSS样式，每隔一段时间更新一次；一种是直接通过CSS定义动画。第二种方法在CSS3成熟之后被广泛采用。在本文中，我们…
进击的模块化+webpack的简单实现本文的初衷是来实现一个我们工作中最常用的构建工具，webpack，当然我们所实现的构建工具和真正的webpack差距甚远。这里只是简单一个实现罢了，感兴趣的同学可以继续看下去。不过在说自动化构建之前还是要诉说一下模块化开发的发展史，这是前端er都经历过的一段
【20180410 前端开发日报】使用 Web3 和 Vue.js 来创建你的第一个以太坊去中心化应用程序（第三部分）；vue技术分享-你可能不知道的7个秘密；Webpack 4进阶–从前的日色变得慢，一下午只够打一次包；Javascript面向对象与继承；2018年4月…详情→
How I Fell in Love with JS Decorators One of the recent addiction for our team was the usage of Decorators which are proposed in the new ES7. In this article, I am goin