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

Webpack 2 入门教程；掌握 JS 模板引擎；7 个令人惊讶的 JavaScript “特性”；canvas绘制实心三角形和空心三角形；帮你提升代码质量；前端工具链课（二）—— 模块化工具及组件化思想；正则表达式理论篇；HTTPS 大势已来？看腾讯专家如何在高并发压测中支持 HTTPS

Webpack 2 入门教程 – 本文写于 Webpack 2 正式发布之前（完善文档阶段）。不仅是一篇 Webpack 2 的入门教程，也让大家了解什么是 Webpack，值得收藏，长文慎入。分享 by @llp有爱 | 阅读全文：
掌握 JS 模板引擎最近要做一个小项目，不管是使用angularjs还是reactjs，都觉得大材小用了。其实我可能只需要引入一个jquery，但想到jquery对dom的操作，对于早已习惯了双向绑定模式的我，何尝不是一种痛苦。听过这样一句话：“技术没有缺席，只有姗姗来迟”，很多技术自己不知道，并非没有。今天我想介绍的就是一个简单的js模板引擎artT…
#前端技术#【7 个令人惊讶的 JavaScript “特性”】详见：在这篇文章中，作者将与我们分享一些或许你还从未用过的 ES6 特性。[思考]
#canvas#【canvas绘制实心三角形和空心三角形】从上几篇文章中，我们学习到了canvas可以绘制一些图形，本节课将讲一下绘制实心、空心、直角、等边等渐变的三角形。实心和空心的区别在于最后是使用fill()填充还是使用stroke…请戳→ #前端开发博客#
【JavaScript 最佳实践：帮你提升代码质量】全文=>如何做到代码高效无错,提高代码质量的方法有哪些?又有哪些经验和技巧呢? 一、代码质量软件是交付给用户,并由用户体验的产品;代码则是对软件正确且详…
【前端工具链课（二）—— 模块化工具及组件化思想】文章传送门:第二个问题，我想从这个最简单的 HTML 页面开始。 {代码…} 当我们想写一些样式的时候，我们通常会引入一个外部的 CSS 文件，就像这样： {代码…} 有时我们可能会想用一个比如说 Bootstrap 这种的 UI 框架，当…
《正则表达式理论篇》学习正则表达式的你们，有没有发现，一开始总是记不住语法。嗯，加深大家的印象的同时，我也是来找同道中人的。（by 凹凸实验室）
HTTPS 大势已来？看腾讯专家如何在高并发压测中支持 HTTPS by RobbenWeTest 导读用epoll编写一个高并发网络程序是很常见的任务，但在epoll中加入ssl层的支持则是一个不常见的场景。腾讯WeTest服务器压力测产品，在用户反馈中收到了不少支持https协议的请求。基于此，本文介绍了在基于epoll的高并发机器人框架中加入openssl，实现对https支持时的基本实现思路。一、背景 …
#CSS#【Web移动端Fixed布局的解决方案】导语：以下的方案仅限于在使用fixed布局里面有输入框的情况。in iOS Safari 5-7, position:fixed will move to center of window with focus event on child text input field.In…请戳→ #前端开发博客#
【Vuex 下 Store 的模块化拆分实践】@猫切总结了最近项目（项目用到了 vue.js + vuex + vue-router 全家桶，版本为 >2.0）中 Store 的模块化拆分实践的经验，并分享了一下，传送门:前言最近的项目用到了 vue.js + vuex + vue-router 全家桶，版本为 >2.0，在搞Store的时候发现，圈子里大部分关于vuex的文章都是比较基础的Demo搭建方式，很少有涉及到比较复杂的模块化拆分的Store实践，而且…
【ECMAScript 6入门】本书覆盖 ES6/ES7 与 ES5 的所有不同之处，对涉及的语法知识给予详细介绍，并给出大量简洁易懂的示例代码。本书为中级难度，适合已经掌握 ES5 的读者，用来了解这门语言的最新发展；也可当作参考手册，查寻新增的语法点。
[译] 2016 年前端开发者深度调研，看看别人使用什么技术体系 2016年前端开发者深度调研，看看别人使用什么技术体系翻译自The State of Front-End Tooling 2016 – Results。本文从属于笔者的Web 前端入门与最佳实践，如果你希望了解更多关于本文提及的各种框架库的信息，可以参考笔者的Web前端从入门菜鸟到实践老司机所需要的资料与指南合集。大概一个月之前，我启动…
【XSS 和 CSRF 两种跨站攻击】来自@宋进忠传送门:其实攻击很简单，主要的还是如何防御，比如1）对一些关键字和特殊字符进行过滤或 URL、HTML 编码，<>?或script，javascript；2）Cookie 防盗，在 Cookie 中防止放入用户名和密码，对 Cookie 信息进行 MD5 等算法进行多次全文差不多刚开始接触前端的时候，经常能看到一些早几年入行大牛们的简历，几乎所有人都会在简历中带上这么一句话：具备基本的 Web 安全知识（XSS / CSRF）。显然这已经成为前端人员的必备知识。非常怀念那个 SQL 注…
最简单的 Git 入门教程机缘巧合之下，我开始使用 GitHub ，但事实上，刚刚入门的我不知道如何才能使 GitHub 发挥他的全部功能。不久之前，我偶然听了李福斯先生对 GitHub 的介绍，受益匪浅。简单的来说， Git 是一个分布式的版本控制系统。顾名思义，在你编辑程序代码的时候（特别是在多人协作一个项目时），它将会自动帮你实现代码以及版本…
【译丨JavaScript：你应该知道的 true 和 false】跟其他大多数的计算机语言一样，JavaScript也支持Boolean类型的数据，这些值可以被设置为true 或者 false……文章传送门: 原文：https://www.sitepoint.com/javascript-truthy-falsy/作者：Craig Buckler译者：杨忠勋跟其他大多数的计算机语言一样，JavaScript也支持Boolean类型的数据，这些值可以被设置为true 或者false 。另外，Jav…
#编程技术分享#【编写高质量JavaScript代码的一些建议】文章总结了一些编写JavaScript代码的建议，遵循这些最佳实践的建议，将对你编写出高质量的JavaScript代码有所帮助，因此前端开发者应该阅读[围观] ，全文：
【NativeScript 2.4版本发布，支持Web Workers规范】NativeScript 2.4版本发布，该版本将支持Angular 2.2、Node 6、ES6和ES7，同时附带了默认的CSS主题。
WebSocket + MSE：HTML5 直播技术解析 by 刘博分享 | 刘博（又拍云多媒体开发工程师）又小拍：如何实现HTML5直播技术是直播创业团队一直想要攻克的难题。12月1日20:00，深度参与“又拍直播云”开发的工程师刘博就如何利用WebSocket+MSE实现HTML5直播在微信群里进行了分享。小拍马不停蹄将刘博的分享内容整理成了文字，并插入一些PPT便于大家了解…
全球 HTTPS 时代已来，你跟上了吗？互联网发展20多年，大家都习惯了在浏览器地址里输入HTTP格式的网址。但前两年，HTTPS逐渐取代HTTP，成为传输协议界的“新宠”。早在2014年，由网际网路安全研究组织Internet Security Research Group(ISRG)负责营运的 “Let’s Encrypt”项目就成立了，意在推动全球网站的全面HTTPS化；今年6月，苹果也要求…
【jquery仿JD商品切换选项卡特效】这是一款使用SuperSlide.js来制作的仿**商品切换选项卡jquery特效。该选项卡特效兼容ie8浏览器，适合用于制作各种商品切换展示效果，非常实用。