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

基于 vue2.0 构建 SPA—>vue.js 中文社区；饿了么团队的 PWA 前端实现实践 | 黄玄 – 饿了么前端团队；react + redux 开发的学习例子总结；vue全家桶系列之网易云音乐(移动版)；JavaScript Array 自定义 groupBy, countBy 函数；前端架构（git、模块化）；ECMAScript6系列之四：数值的扩展；vue 全家桶系列之移动 web 版网易云音乐

基于 vue2.0 构建 SPA—>vue.js 中文社区基于 vue2.0 写的单页面应用 Vue.js 中文社区，感谢 Vue.js 中文社区提供的 API。 —— 由GHW分享
饿了么团队的 PWA 前端实现实践 | 黄玄 – 饿了么前端团队一个非常完整的 PWA 实践过程，还有很多的资源介绍 —— 由kalasoo分享
react + redux 开发的学习例子总结新手学习 react、readux、react-redux，并开发一个音乐播放功能的 SPA 后的总结。以初学者的角度，理清 redux 的数据驱动流程。 —— 由AAAAAAA李云涛分享
vue全家桶系列之网易云音乐(移动版)网易云音乐（移动版） api来源(感谢Binaryify不断更新的网易云音乐接口，这也将是这个项目不断拓展下去的坚实依托) 源码地址项目预览（web端在chrome调试模式下效果更佳）针对segmenfault类app暂时无法有效预览…
JavaScript Array 自定义 groupBy, countBy 函数{代码…} 法一： {代码…} 法二： {代码…} 输出： {代码…} 参见：javascript-group-by-array
前端架构（git、模块化）协作流程 1.职责页面工程师前端工程师接口设计 1.页面入口规范基本信息输入参数模板列表接口列表 2.同步数据规范基本信息预填数据注入接口 3.异步接口规范基本信息输入数据输出结果同步请求，异步请…
ECMAScript6系列之四：数值的扩展一、二进制和八进制表示法 ES6用前缀0b(或0B)表示二进制，用前缀0o(或0O)表示八进制；二、Number.isFinite()、Number.isNaN() Number.isFinite()用于检查一个数值是否是有限的；Number.isNaN()用于检查一个数值…
vue 全家桶系列之移动 web 版网易云音乐这是一个用 VUEJS 写高仿网易云音乐的 webapp，这个项目会长期进行更新。 —— 由浅滩戏虾分享
vue 双向数据绑定实现原理 vue.js 的底层思想 —— 由zoro_gl分享
《网易和淘宝移动 WEB 适配方案再分析》最近把移动WEB适配相关的问题梳理了一遍，学习了几篇文章，但是一些概念和思路不是很清晰。我在这里结合一些其他的文章和自己的实验思考对两种适配方案再做分析，顺便把相关的知识点做个总结。（by 吴成琦）
Android Studio Git 分支实践新公司有些项目是用的 Git，以前公司都是 svn，为了练手 Git，我个人 APP 用到了，但是仅简单的 git pull/push 的使用，并未用到 Git 精髓，只有当项目中用到，才会紧迫去全面学习，所以说，在项目中进步是最快的。开发场景：远程有主分支 master，提供用户使用的正式的稳定的版本；开发分支 dev，用于日常开…
谈谈一些有趣的 CSS 题目（十七）– 不可思议的颜色混合模式 mix-blend-mode 介绍 CSS3 新属性 mix-blend-mode 混合模式，用于制作一些特殊动画效果，对提高 CSS 水平大有裨益。 —— 由chokcoco分享
prerender-spa-plugin – 前端单页应用直接生成静态 HTML 并不是所有的 SPA 都需要较为复杂的 SSR 来实现，一些内容静态的页面可以直接渲染成 HTML 来提高流量加载性能。支持 webpack 及不通前端框架 —— 由kalasoo分享
Vuez – 只有两个 API 的 Vue.js 状态管理库 Vuez 是一个只有两个 API 的，简单但是够用的 Vue.js 项目状态管理库。Github 目录: https://github.com/markselby9/vuez。现在正在开发初期，接受各种 issue 和 PR 等。 Readme 中包括了两个 sample project，一个 todolist 和一个天气预报的 app，用来展示 Vuez 在 Vue 项目中的使用。 Github 目录中附有中文文档：ht…
从 C/C++ 到前端转型之路个人博客，Vue 全家桶开发经验交流 —— 由silianpan分享
使用 Three.js 制作虫洞效果作者在 2016 年的活动页尝试了实用粒子效应的虫洞特效。其实背后原理很简单，设计一段路径，然后获取点坐标，设置相机和灯光的位置就完成了。剩余的就是自己定义的材质。 —— 由蒲小花分享
使用 “5W1H” 写出高可读的 Git Commit Message共 1926 字，读完需 4 分钟。所有工程师都知道，代码是编写一次，修改很多次，然后阅读更多次，代码可读性的重要程度不言而喻，但是在项目演进过程中有个很重要的记录也是会读很多次的，那就是 Git 的提交日志，…
js随机数的一些知识点写在前面：很早之前在简书写过几篇关于随机数的文章之前写的很乱，现在重新整理一下这些知识点。本文包含了如下这些知识点：js生成随机数，生成指定范围的随机数，获得不重复随机数组。 js生成随机数。 Math.random()——生成大于等于0.0且小于1.0的一
《JS 真实性能如何？谷歌 V8 团队告诉你》过去的一年来，V8 团队研究出一种新方法，可根据真实网页快照度量性能。在过去的一年中，借助从实际度量中获取的信息，V8 团队将 Chrome 平均网页加载速度提升了 10%-20%。（by 谷歌开发者）
我的 Promise 对象初识与进阶 ES6 的发布，为我们带来了 Promise，解决了以往 js 开发中遇到了回调黑洞的问题，让 renturn 与 throw 等特权重新回到我们的手中； Promise 对象的使用很简单，提供了很多统一的 API，属性以及方法的识别度很高；本文是自己学习 Promise 的一些总结和坑，分享一下，主要参考 MDN； —— 由极乐君分享
翻译 | CSS 网格（CSS Grid）布局入门原文地址：Getting to know CSS Grid Layout 原文作者：Chris Wright 译者：华翔校对者：珂珂、干干翻译 | CSS网格（CSS Grid）布局入门 banner CSS网格布局是浏览器Flexbox布局之后最重要的
如何在 Ubuntu 上使用 pm2 和 Nginx 部署 Node.js 应用 » 译者:ictlyh pm2 是一个 Node.js 应用的进程管理器，它可以让你的应用程序保持运行，还有一个内建的负载均衡器。它非常简单而且强大，你可以零间断重启或重新加…