20161202 前端开发日报

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

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

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

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

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

发表评论

请登录后发表评论: