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

前端小白到大神，不可不收藏的网站合集；前端开发者进阶之路；webpack 2 打包实战；CSS 技巧 – rgba 函数的妙用；盘点各编程语言中有趣的开源项目；js-csp 异步编程的一些简单的例子；纯 JS、CSS 时钟中文指南；Angular 2.3.0发布，解释新的命名规则

#编程技术分享#【前端小白到大神，不可不收藏的网站合集】本文选取了15个从前端小白到大神RSS订阅源中必备精品网站，希望对你有所帮助，[围观] 全文：前端小白到大神，不可不收藏的网站合集 – 实验楼问答 – 实验楼看完资源就要马上动手开发实战了，若干前端项目教程，实战才是学习的正确姿势[给力] ：
#前端开发那些事#【前端开发者进阶之路】详见：前端开发者进阶之路本文主要分享下我在前端成长道路上的收获和想法，以及前端领域需要注意的地方，希望可以带给新人一些启发。[耶]（作者：锋子锅锅）【前端开发那些事】专辑：【IT技术分享】专栏：前端程序员进阶必经之路 Wings 建站/维护围观1904次编辑日期:2016-01-14 字体…这些几乎就是现代前端开发者会用到的工具和技术,好了,你现在可以成为一个前端开…
【webpack 2 打包实战】文章传送门:原文地址：https://github.com/fenivana/webpack-in-action 写在开头先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后,表情都是这样的: (摘自webpack一篇文档的评论区) 和这样的: 是的, …
《CSS 技巧 – rgba 函数的妙用》新出现的 CSS 颜色配置函数是一项非常有意思的功能，它给予我们在浏览器中直接操纵颜色的能力。例如，当鼠标悬停在按钮上时，可以使用color: color(black darkness(50%))改变颜色，而不需要使用 Sass 这类 CSS 预处理器。 (by 众成翻译 )
【盘点各编程语言中有趣的开源项目】生活不易，编程苦闷，不如“人为制造”点趣味，让日子过得更加有玩味感。本文参考了一些项目推荐，整理了一些编程语言中个人认为比较有意思，也相对实用的开源项目，每个语言列的都不多，感兴趣的有空可以试试看。
【js-csp 异步编程的一些简单的例子】来自@题叶文章传送门:发现一个月没刷技术文章了, 有点慌, 整理一篇短的 CSP 用法出来,只包含最基本的用法, 在 Go 里边最清晰, 不过我是在 Clojure 写的 CSP.js 版本的 CSP 实现包含异步, 用法会更繁琐一些, 但是也值得看看.我相信 asy…
#前端技术#【纯 JS、CSS 时钟中文指南】详见：本文是 Wes Bos 推出的 JavaScript 30 天挑战的其中一篇文章。在这篇文章中，我们将利用 JS 与 CSS 实现一个动态时钟效果。在线效果：喜欢的朋友，可以来试试。[哆啦A梦微笑]
【Angular 2.3.0发布，解释新的命名规则】Google发布了Angular 2.3，包括Angular Language Service的第一版，并解释了Angular 4的命名规则。
【构建 React 同构应用及优化】讨论基于 React 官方组件 react router 构建同构应用的实践经验。享受代码同构渲染带来的便捷，也同时需要考虑同构应用带来的数据安全性的问题。以及在开发过程中，遇到的性能问题以及优化步骤。同时需要思考是否每个人都需要同构应用呢？
#编程技术分享#掌握Git在开发中是必备技能，4篇文章，从基础到进阶，让你一次性掌握Git：[给力] 【git基础知识整理】git基础知识整理 – 实验楼问答 – 实验楼【常用 Git 命令清单】【Git 中级用户的25个提示】【七个你必须重视的 Git 使用技巧】
jQuery升级踩的那些坑背景 jQuery想必各个web工程师都再熟悉不过了，不过现如今很多网站还采用了很古老的jQuery版本。其实如果早期版本使用不当，可能会有DOMXSS漏洞，非常建议升级到jQuery 1.9.x或以上版本。前段时间我就主导了这件事情，把公司里我们组负责的项目jQuery版本从1.4.2升级到了jQuery 1.11.3。jQuery官方也为类似升级工作提供…
【前端网老姚浅谈：怎么学 JavaScript？】一起来SegmentFault 头条阅读和讨论王铁手分享的技术内容《前端网老姚浅谈：怎么学JavaScript？》
用CSS边框图像让你的网站更漂亮不久之前，添加一些装饰性元素，例如给网页中的图片添加花哨的边，以及耐心调整CSS文件才能使你的网页看起来不错。然而现在CSS已经做出了改变，用复杂的边框装饰你的网站只需几行代码。这篇文章将告诉你如何做到！边框属性（Border Image Properties）最普通的方法去设计边框就是使用预设的边框样式属性值。包括： dot…
#开源项目#【高性能的动画库：KUTE.js】详见： KUTE.js 是一款具有高性能的原生 JavaScript 动画引擎。它的核心库提供了基本的动画功能，例如：SVG 变形、2D 与 3D 变换、CSS3 变换等。同时，它具有出色的代码质量和性能。前端er，来瞧瞧。[耶]
【移动 Web 滚动性能优化: Passive event listeners】来自@justjavac 传送门:今年的 Google I/O 已经过去一段时间了，大部分人都关注了一些新产品的发布，比如 Allo 和 Duo、Android N、Daydream、Android Studio、Firebase……还有 PWA。网上关于 PWA 相关的文章和技术讨论已经很多了，但是…
【Ashley Nolan发布2016年JavaScript工具使用状况调查结果】Ashley Nolan对于4715名前端开发者调研了他们在2016年中的工具使用情况。虽然很多开发者继续使用jQuery，React和Webpack也渐渐开始占据主导地位。
分享一份综合类的在线API列表，很全，方便查找[给力]，【DevDocs API Documentation】地址：列表可以帮助开发和学习，但技能是需要自己慢慢磨练的，多动手实践开发才是学习的正确姿势：课程 – 实验楼
《用 Generator 实现 JS 异步流程控制》Generator是ES6新引进的关键字，它用来定义一个Generator，用法和定义一个普通的函数（function）几乎一样，只是在function关键字和函数名之前加入了星号 *。 (by @十口文刀 ,欢迎加入伯乐在线专栏作者: )
#前端技术#【jQuery 中的 100 个技巧】详见：本文中，作者整理了一些 jQuery 中常用的技巧，供大家参考与学习。[威武]
《GitHub 开源的 MySQL 在线更改 Schema 工具》MySQL在线更改schema的工具很多，如Percona的pt-online-schema-change 等，但这些都是基于触发器（Trigger）的，今天咱们介绍的 gh-ost 号称是不需要触发器（Triggerless）支持的在线更改表结构的工具。（by 好雨科技）