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

编写模块化 CSS（第 1 部分） – BEM；使用Github Pages搭建个人Blog；一场由H5页面引起的前端数据结构讨论；hash 模式下 Vue-router 页面返回锚点（scroller behavior）实现；使用 JS 框架创建渐进式 Web 应用程序（PWA）；前端优化 – 收藏集 – 掘金；前端计划——JavaScript的Math、数组和字符串方法总结；通熟易懂的 JavaScript – 声明提升（Hoisting）

#前端技术#【编写模块化 CSS（第 1 部分） – BEM】详见：在这篇文章中，作者分享了构建 CSS 的一些方法以及选择方法的原因，希望能带给你一些参考和启发。[喵喵]
使用Github Pages搭建个人Blog使用Github Pages搭建个人Blog 关于使用Github Pages搭建个人Blog的文章网络上到处都是，下面仅记录下简单的流程和搭建过程中遇到的一些坑创建项目主页这里直接使用了GithubPages向导中提供的方法这样整个网站…
一场由H5页面引起的前端数据结构讨论作者：周周（沪江资深Web前端开发工程师）本文为原创文章，转载请注明作者及出处前言近期在小D十周年活动之际，又看到了一个自家H5专题梦工厂生成的页面。我与小D十年回忆 >> 回想起了一段往事，现在来看还蛮有趣的。主要是一个将业务逐步抽象成
hash 模式下 Vue-router 页面返回锚点（scroller behavior）实现在普通页面中，点击浏览器的返回按钮，在返回到上一页时会处在上次浏览的位置。单页面应用中，由于始终是同一个页面，因此需要自行实现页面返回时的锚点。Vue-router 的 Scroll Behavior 可以用于解决这个问题，但是只能应用在 HTML5 history 模式。本文实现了在 hash 模式下的锚点跳转。 —— 由Mayo分享
使用 JS 框架创建渐进式 Web 应用程序（PWA）
前端优化 – 收藏集 – 掘金如何提升页面渲染效率 – 前端 – 掘金Web页面的性能我们每天都会浏览很多的Web页面，使用很多基于Web的应用。这些站点看起来既不一样，用途也都各有不同，有在线视频，Social Media，新闻，邮件客户端，在线存储…
前端计划——JavaScript的Math、数组和字符串方法总结前言：JavaScript内提供了丰富的内建函数，本文总结了一份表格，方便快速查找，个人总结，不是很严谨，如有错误，还望指正。如果想查阅各函数详细的使用说明，建议使用官方文档。https://developer.mozilla.org….
通熟易懂的 JavaScript – 声明提升（Hoisting）不用冗余名词的叙述，通俗易懂的 JavaScript 笔记 —— 由素弥分享
BetweenTheWires 采访 Vue 作者尤雨溪 @Vivian Cromwell：我采访了尤雨溪，著名渐进式 JavaScript 框架 vuejs.org 的创造者。尤雨溪现通过 Patreon 平台众筹全职开发 Vue 的资金。他还曾在 Google 和 Meteor 工作过。这篇文章最初发布在 Between the Wires，这是一个采访系列，专门采访那些为程序员开发产品的人。原文地址：https://medium.freecodecamp…
原生JS实现图片懒加载(lazyload)前言图片懒加载也是比较常见的一种性能优化的方法，最近在用vue做一个新闻列表的客户端时也用到了，这里就简单介绍下实现原理和部分代码。实现原理加载页面的时候，图片一直都是流量大头，针对图片的性能方…
#前端开发那些事#【响应式 Web 开发测试利器 Sizzy】详见：响应式Web开发测试利器Sizzy 一篇关于响应式 Web 开发测试利器 Sizzy 介绍的文章，喜欢此工具的朋友，不妨来试一试。（作者：吃素的外星人）
vue库 – 收藏集 – 掘金vue2+element 管理后台集成解决方案没有没做的，只要想不到的 – 前端 – 掘金线上地址前言这半年来一直在用vue写管理后台，目前后台已经有七十多个页面，十几种权限，但维护成本依然很低，效率依然很高，所以…
JavaScript 的装饰器：它们是什么及如何使用装饰器的流行应该感谢在Angular 2+中使用，在Angular中，装饰器因TypeScript能使用。但是在JavaScript中，还处于提议阶段。本文将介绍装饰器是什么，及装饰器如何让代码更加简洁和容易理解。什么是装饰器装饰器是用一个代码包装另一个代
dingtalk weex cli weex cli —— 由icepy分享
PPT: role of babel in js role of babel in js —— 由晓风well分享
React 可视化开发工具 Shadow Widget 非正经入门（之三：双源属性与数据驱动）本系列博文从 Shadow Widget 作者的视角，解释该框架的设计要点。本篇讲解双源属性、不可变数据、事件驱动等。 1. React 中的隐式双源 {代码…} 这个例子创建的 component 树如下图，main 节点的 state.name 传…
CSS原生布局方式前言网页原生布局的方法其实网上有很多，大概为Flow（流动布局模型）、Float（浮动布局模型）、Layer（层级布局模型）。 Flow布局流动布局模型其实就是默认的网页布局模式。也就是说网页在默…
用 Vue、Vuex、Immutable 做俄罗斯方块, 教你如何把 React 项目重构为 Vue 项目用 Vue、Vuex、Immutable 做俄罗斯方块, 改造自 React 版 —— 由Traveller分享
重拾css(10)——display1.引言 html元素，除了“块”就是“流”（即平时常说的块级元素和行内元素），而且“流”都包含在“块”中，例如body就是一个“块”，而a就是一个“流”。浏览器默认样式中规定了html元素哪些属于“块”（剩下的就是“流”）。其…
【小工具】node.js下载json对象中包含的所有图片链接今天在看微信小程序，数据是从网上找的API请求下来的。就想能不能把数据保存到本地来，以后没有网络也可以自己搭服务器提供数据。说干就干，我打算用node来做。我先是在浏览器上输入豆瓣的API地址，拉下来json…
上最好用的 js bridge -DSBridge2.0 更新了 DSBridge是目前地球上使用最简单并且支持同步调用的跨平台（IOS/Android） javascript bridge. 自1.0发布之后，获得了大量的反馈和支持，为使DSBridge更易用、更强大，进行2.0版本升级。项目地址 https:/
用 ClojureScript 语法运行 React得益于最近 ClojureScript(简称 cljs) 社区的发展, 运行和编译 cljs 已经越来越方便.刷一篇文章来展示一下如何用 ClojureScript 来模仿前端写法运行 React. 执行 ClojureScript 代码如果你只是想执行一下 cljs …
编写模块化的 CSS（第二部分）—命名空间上周，我分享了如何使用 BEM 创建一个合理的 CSS 架构。虽然 BEM 很棒，但它只是解决方案的一部分。还有另一部分我还没有提到 – 命名空间。在今天的这篇文章中，我想与大家分享一下为什么只用 BEM 还是不够的，以及如何使用命名空间来弥补一些不足。 by Zell Liew – 众成翻译 —— 由AleCC分享
手摸手，带你用vue撸后台系列三(实战篇) 完整项目地址：vue-element-admin系类文章一：手摸手，带你用vue撸后台系列一（基础篇）系类文章二：手摸手，带你用vue撸后台系列二（登录权限篇）前言在前面两篇文章中已经把基础工作环境构建完成，也已经把后台核心的登录和权限完成了，现在手摸
“ClojureScript & React” 讲堂分享, 相关链接ClojureScript 带给 React 项目的借鉴意义https://segmentfault.com/l/15… Keynote 插入高亮代码的方案: {代码…} Syntax https://github.com/shaunlebro…https://learnxinyminutes.com/…https://www.tuto…
前端每周清单第 17 期：大前端技术生命周期模型；WWDC 发布 Safari 11；面向生产环境的前端性能优化 – 知乎专栏前端每周清单第 17 期：大前端技术生命周期模型；WWDC 发布 Safari 11；面向生产环境的前端性能优化为 InfoQ 中文站特供稿件，首发地址为这里；如需转载，请与 InfoQ 中文站联系。从属于笔者的 Web 前端入门与工程实践的前端每周清单系列系列；部分文章需要自备梯子。 —— 由王下邀月熊分享
细说 Angular 2+ 的表单（二）：响应式表单细说 Angular 2+ 的表单（一）：模板驱动型表单响应式表单响应式表单乍一看还是很像模板驱动型表单的，但响应式表单需要引入一个不同的模块： ReactiveFormsModule 而不是 FormsModule import {ReactiveFor
Understanding JavaScript Bind () 回顾下 this 和 bind —— 由晓风well分享
喜欢用 Git 做的一些小事作者：@csswizardry 原文：Little Things I Like to Do with Git 随便说点：这篇文章主要从管理者的角度谈论了使用 git 的心得，使用大量篇幅介绍 git log 的一些方法和技巧。同样地，发现很多人其实并没有深入…
Web框架的MVC符合标准的MVC吗？我的博客原文地址：http://www.qinblog.net/Articl… 问题的开始最近看了阮一峰老师的博文 MVC，MVP 和 MVVM 的图示，很多人对MVC图示中的M和V之间的通信产生了疑问，那张图是这样的： View 传送指令到 Control…