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

带你入门 CSS Grid 布局；前端项目架构小结；面向开发的测试技术（三）：Web 自动化测试；前端每周清单第 13 期：Webpack CLI 发布、Angular 5 可期待的新特性；精致完整的 Vue 2 + 项目；Vuejs 心法和技法；翻译 | Redux 的中间件 – Reselect；webpack 历险记

带你入门 CSS Grid 布局前言三月中旬的时候，有一个对于 CSS 开发者来说很重要的消息，最新版的 Firefox 和 Chrome 已经正式支 CSS Grid 这一新特性啦。没错：我们现在就可以在最流行的两大浏览器上玩转 CSS Grid 啦 ~(≧▽≦)/~ 为什么 CSS G
前端项目架构小结 1 前端工程化流程在知乎上看到赵雨森同学提到前端工程化有四个方面，模块化、组件化、规范化、自动化，本人十分赞同，我在工作中也慢慢这几个方向作出了总结 1.1 模块化模块化只是在语言层面上，对代码的拆分；而组件化是基于模块化，在设计层面上，对UI（用户界…
面向开发的测试技术（三）：Web 自动化测试引子：自上世纪末Kent Beck提出TDD(Test-Driven Development)开发理念以来，开发和测试的边界变的越来越模糊，从原本上下游的依赖关系，逐步演变成你中有我、我中有你的互赖关系，甚至很多公司设立了新的QE(Quality Engineer)职位。和传统的QA(Quality Assurance)不同，QE的主要职责是通过工程化的手段保证项目质量…
前端每周清单第 13 期：Webpack CLI 发布、Angular 5 可期待的新特性前端每周清单第 13 期：Webpack CLI 发布、Angular 5 可期待的新特性、解密现代浏览器引擎构建之道为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。从属于笔者的 Web 前端入门与工程实践的前端每周清单系列系列，更多 React 学习资料索引参考 React 学习与实践资料索引；部分文章需要自备梯子…
#前端开发那些事#【精致完整的 Vue 2 + 项目】详见：一个豆瓣 API 作为数据源的 Vue 2 + DEMO 供大家交流学习。（作者：jeneser）
Vuejs 心法和技法 vue —— 由freewolf分享
翻译 | Redux 的中间件 – Reselect 本文是翻译 Redux 的一个中间件文档. Redux 是 React 的一个数据层, React 组件的 state 有关逻辑处理都被单独放到 Redux 中来进行, 在 state 的操作流程中衍生了很多中间件, Reselect 这个中间件要解决的问题是:` 在组件交互操作的时候, state 发生变化的时候如何减少渲染的压力. 在 Reselect 中间中使用了缓存机…
webpack 历险记 webpack 原理解析 —— 由凯哥那个啥分享
我的前端进阶之路前言总括：包含这三个月来碰到的一些觉得比较好的面试题，三个月没怎么写博客着实有些手痒，哈哈哈。7000余字，不成敬意2333 原文地址：我的前端进阶之路知乎专栏&&简书专题：前端进击者（知乎）&&前端进击者（简书）
webpack2 应用级构建配置方案本文主要描述的是面对一个即将上线的应用，使用 webpack2 打包时，可能涉及的一些配置方案。 —— 由唐霜分享
vue 的 Virtual Dom 实现 – snabbdom 解密 vue 的 Virtual Dom 实现 – snabbdom 解密 —— 由__ihhu分享
Vue Server Side Render 的爱与恨第一次尝试使用 Vue SSR，第一次当个标题党，为什么会变成这样呢？ —— 由敖天羽分享
JavaScript 浮点数运算的精度问题在 JavaScript 中整数和浮点数都属于 Number 数据类型，所有数字都是以 64 位浮点数形式储存，即便整数也是如此。所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。在一些特殊的数值表示中，例如金额，这样看上去有点变扭，但是至少值是正确了。然而要命的是，当浮点数做数学运算的时候，你经常会发现一些问题….
Webpack + Vue 之抽离 CSS 的正确姿势最近做了个 webpack+vue 的项目，发现打包后的页面体积有点超出预期的大。为了减少请求量，页面的 js 和 css 都是内联在 html 里面的，查看生成的 html 代码后发现，异步引入的 vue 模块中的 css 也被打在了页面上面。页面体积可是影响加载速度的关键，赶紧 google 后解决了这个问题。这里记录下来，希望对大家有所帮助…
Web Components 简述要说最近几年来，前端开发最火的一个趋势或最火的前端开发框架是什么，第一想到的是，组件及推崇组件化开发的 React 框架。本文将介绍 Web Components 规范并就组件的几大特性进行讨论。 —— 由极乐君分享
#前端技术#【那些令人惊叹的 HTML、CSS、JavaScript 工具和库】详见：本文中，作者整理了一系列省时的、有用的 HTML、CSS 和 JavaScript 资源与大家分享，涉及了自定义模板、图形编辑器、插件等内容。看一看，有木有你喜欢的。[二哈]
光速 React 原文地址：React at Light Speed 原文作者：Jacob Beltran 译文出自：掘金翻译计划译者：ZhangFe 校对者：yzgyyang,xunge0613 光速 React Vixlet 团队优化性能的经验教训在过去一年多，我
#前端技术#【技术胖的 Vuex 视频教程】详见：视频配合文字，全面讲解 Vuex 的用法。Vue 爱好者不要错过咯。[给力]
#前端头条#【Nodejs学习搭建http服务器】本节我们正式开始node的学习，首先我们从搭建一个http服务器，能运行简单的程序开始说起。最核心的就是讲解如何搭建一个简单的http服务器，进行数据和图片的提交与处理，在最后稍微讲…请戳→ #前端开发博客#