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

vue 开发命名规范；前端思考 – 收藏集 – 掘金；vue源码解析－插件入侵机制；Heatmap.js 实现热力图；Vue.js写一个移动端新闻；十几行代码教你实现一个最简版的promise；Top 10 JavaScript编辑器，你在用哪个；通天塔之石——企业级前端组件库方案

vue 开发命名规范views 命名 views 文件夹下面是由以页面为单位的 vue 文件或者模块文件夹组成的，放在 src 目录之下，与 components、assets 同级。 views 下的文件夹命名 views 下面的文件夹代表着模块的名字由名词组成（c…
前端思考 – 收藏集 – 掘金单页式应用性能优化 – 首屏数据渐进式预加载 – 前端 – 掘金前言针对首页和部分页面打开速度慢的问题，我们开始对单页式应用性能进行优化。本文介绍其中一个方案：基于 HTTP Chunk 的首屏数据渐进式预加载方案，…
vue源码解析－插件入侵机制插件：聪明的程序员往往希望能更高(tou)效(lan)的完成指定的工作，插件就是按照一定的封装方式，暴露接口。让我们利用这些接口更快捷的实现功能。升职加薪。每个框架都提供了插件的扩展机制。这是框架可扩展性必…
Heatmap.js 实现热力图如何利用 Heatmap.js 实现 web 热力图 —— 由草莓丶分享
Vue.js写一个移动端新闻Vue.js写的一个移动端新闻刚学Vue，就自己动手撸了一个项目，项目可能不成熟，请大家多提意见源代码源代码地址: GitHub 预览在线预览在线预览地址: Vue新闻 ps: 电脑预览请切换到移动端,搜索的时候可能有点…
十几行代码教你实现一个最简版的promise最近研究了一下promise的实现，这篇文章使用了十几行代码实现了一个简单的promise；以便帮助读者对promise’有更深的了解。本篇文章实现的promise，遵循规范是 Promises/A+。阅读本篇文章时，已经假定你会promise…
《Top 10 JavaScript编辑器，你在用哪个？》对于JavaScript程序员来说，目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持JavaScript，HTML5和CSS开发，并且可以使用Markdown进行文档编写的文本编辑器。（by 葡萄城控件技术团队博客）
《通天塔之石——企业级前端组件库方案》组件库是前端大规模开发中提升效率的重要一环，同时也是可视化页面搭建、自动化测试等上层建筑的基石。因此设计时要考虑的问题涵盖面非常广。要设计好非常难，但是设计好之后从上层建筑带来的回报会超过你的想象。（by 侯振宇）
自制的 Hexo 主题，灵感来源于 Vue.js 的官网风格 Vexo is a Hexo theme inspired by Vue's official website. —— 由yanm1ng分享
#前端技术#【Vue 实战视频 – 快餐店收银系统】详见：在这个视频中，作者将手把手的带你搭建快餐店收银系统。同时，你将学到 Vue2.0 在实际项目开发中用到的知识点，涉及 vue-router、Element、Axios、iconFont 等内容。
奇舞周刊第 214 期：Progressive Web Animation 奇舞推荐面对前端六年历史代码，如何接入并应用 ES6 解放开发效率 “很多人其实对 ES6 的理解主要集中在新特性、语言用法等层面上。这些内容是大部分学习者都能通过共享得到的。但是，对于 ES6 往往缺少了在实际大型工程中的接入和应用。尤其维护开发 PV 亿级以上的产品，并不是每个人都有机会的。” 渐进式动画解决方…
js 的一些题给出一个区间[a, b]，计算区间内“神奇数”的个数。神奇数的定义：存在不同位置的两个数位，组成一个两位数（且不含前导0），且这个两位数为质数。比如：153，可以使用数字3和数字1组成13，13是质数，满足神奇数。…
用 peg.js 写一个 markdown parser 轻快, 只有 19kb, 一个简单的 markdown 解析器, 顺便又为解析器写了个简单的编辑器, 后续会写点 peg.js 教程, 喜欢的可以 star, 谢谢! —— 由ericjjj分享
HTTP2.0 关于多路复用的研究 HTTP2 关于多路复用的研究 —— 由tennylv分享
respinner: React + SVG 的 loading 动画 React + SVG 设计动态 loading 效果 —— 由喜欢经常多睡一会儿觉分享
H5 和移动端 WebView 缓存机制解析与实战 web 缓存是 web 开发逃不开的一个话题，在减少网络带宽消耗、降低服务器压力和提高页面打开速度方面有广泛应用。本文从实际 web 应用项目中缓存相关问题出发，较为全面地分析了 html5 缓存机制的原理与应用以及移动端应用 webView 对 html5 缓存机制的支持方式，以供 web 开发的同学们参考。 —— 由腾讯Bugly分享
造轮子: 原生 JS+CSS 实现 Material Design 点击效果最近想要在按钮上添加 material design 的点击效果，看了看 muse-ui，单纯的想要这种效果，而要引入一些不必要的内容觉得不划算，然后自己动手造了个轮子。 —— 由LUPIN分享
采用 Git-flow 方式打造简单高效的 Git 工作流分享团队在开发实践过程中结合 Git-flow 工具的理念，总结优化的 Git-flow 方案，供大家学习交流。 —— 由txBoy分享
js 矛盾的单线程异步 js 矛盾的单线程异步 —— 由米西home分享
HTML5 本地存储——IndexedDB IndexedDB 是一种低级 API，用于客户端存储大量结构化数据 (包括, 文件 / blobs)。该 API 使用索引来实现对该数据的高性能搜索。 —— 由极乐君分享
JavaScript 原型与继承（三）理清楚函数与对象的关系，包括它们是如何继承的；es5 继承与 es6 继承的差别，为什么有这个差别。 —— 由Jmingzi分享