20170616 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170616 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170616.html)

发表评论

请登录后发表评论: