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

12行JS代码的DoS攻击分析及防御；2017 年前端工程师应该学习什么；也许是史上最全的前端资源大汇总；6 个值得好好学习的 JavaScript 框架；javascript DOM编程艺术2笔记之数组与对象；前端工程师手册；Google 是如何开发 Web 框架的；Vue 原理解析之 observer 模块

12行JS代码的DoS攻击分析及防御有一段12行的JavaScript代码，可以让Firefox、Chrome、Safari浏览器崩溃，而且还能让iPhone重启、安卓闪退，本文作者对这12行代码进行了分析解读并且提出了相应的防御办法，欢迎大家一同探讨。这里有一篇关于这12行js代码的文章：这十二行代码是如何让浏览器爆炸的？ Ajax与pjax Ajax即“Asynchronous Javascript And XML…
#前端开发那些事#【2017 年前端工程师应该学习什么】详见：作为前端攻城狮，2017 年你打算学习什么呢？在本文中，作者将给大家一些推荐，它们会帮助你了解计算机科学中应该学习哪些知识。（译者：胡子大哈）欢迎朋友们投稿至——>>【前端开发那些事】专辑：作者：Artem Sapegin 编译：胡子大哈翻译原文：http://huzidaha.com/posts/detail?postId=58aaa33bfc5b7f63e8c23f68 英文原文：https://medium.freecodecamp.com/what-to-learn-in-2017-if-youre-a-frontend-developer-b6cfef46eff…
@胡子大哈在 @稀土掘金掘金分享：也许是史上最全的前端资源大汇总 – 最近有很多朋友问有没有相关的书籍推荐，希望能够自学一下前端。这里列出了学习前端所需要的，几乎所有的知识，分享给大家。
6 个值得好好学习的 JavaScript 框架 » 译者:GHLandy 当一个新手开发者想要学习 JavaScript 时，他常常会被各种 JavaScript 框架所吸引，也幸亏有为数众多的社区，任何开发者都可以轻易地通过在线教程或者其他资源来学…
#JavaScript DOM2#【javascript DOM编程艺术2笔记之数组与对象】数组数组可用一句话概括，多个数据的储存；在js中，数组可以用Array声明、创建。声明数组的同时可以指定数组初始元素个数，也就是数组的长度（length）:var arr = Arr…请戳→ #前端开发博客#
#前端技术#【前端工程师手册】详见：《前端工程师手册》一个从基础到进阶的前端学习资料，涉及 HTML+CSS 基础，JS基础到进阶，前端自动化以及前端面试等内容。[二哈]
[译] Google 是如何开发 Web 框架的 by 胡子大哈作者：Filip Hracek 编译：胡子大哈翻译原文：http://huzidaha.com/posts/detail?postId=58abfab1204d50674934c3a9 英文原文：https://medium.freecodecamp.com/how-google-builds-a-web-framework-5eeddd691dea#.po4mnzs0m 转载请注明出处，保留原文链接以及作者信息 …
#前端技术#【Vue 原理解析之 observer 模块】详见： observer 是 Vue 核心中的最重要的一个模块，它能够实现视图与数据的响应式更新。在本文中，作者将深入的分享关于 observer 模块的各个方面，帮助你更好的了解它。[喵喵] 本文是针对Vue@2.1.8进行分析 observer是Vue核心中最重要的一个模块（个人认为），能够实现视图与数据的响应式更新，底层全凭observer的支持。 observer模块在Vue项目中的代码位置是src/core/observer，模块共分…
【使用 GitHub Pages 与 Cloudflare 免费托管网站】用GitHub Pages托管静态页面、纯js的single page app；用Cloudflare做DNS解析，免费https。后台怎么办？最近流行serverless ：） | 简评：原链： #湾区日报#
create-react-boilerplate：面向 React 技术栈的工程项目脚手架最近笔者在逐步将之前的项目升级为 Webpack2 + ReactRouter4，同时优化 MobX/Redux 搭配的状态管理模式，以及将通用组件抽取到 React Storybook 中切向所谓组件驱动开发。对于其中浅薄的工程化的思考可以参考2016-我的前端之路:工具化与工程化,对于模板中配置的详解参考详细的从零到一的 React 及其技术栈使用教程]，这…
VSCode 拓展插件推荐：提高 Node 和 Vue 开发效率 by varHarrie 插件列表 Auto Close Tag 自动闭合HTML标签 Auto Rename Tag 修改HTML标签时，自动修改匹配的标签 Bookmarks 添加行书签 Can I Use HTML5、CSS3、SVG的浏览器兼容性检查 Code Runner 运行选中代码段（支持大量语言，包括Node） CodeBing 在VSCode中弹出浏览器并搜索，可编辑搜索引擎 Color Highlight 颜色值…
#IT技术分享#【《HTTP权威指南》概念手册】详见：一个关于《HTTP权威指南》书籍中每章知识点提炼的列表。你可以跟随作者的总结来了解，或是重温这本经典图书。[哆啦A梦微笑]
#CSS#【21条CSS高级技巧】CSS高级技巧: 21个有用的CSS小技巧，来帮你把CSS技能提高到高级水平 [Github上有8000多个star]。包括Flexbox、REM、:not()选择器、负的nth-child等。 #前端开发博客#
如何评价阿里开源的企业级 Node.js 框架 egg？谢 @朴灵老师邀请。利益相关： egg 团队成员，NingJS – JSConf China 2016 的 egg topic 的演讲者。本文较长，包含以下内容，比较忙的同学可以跳阅： Node.js 在阿里的定位我们面对的挑战与机遇 egg 在阿里的定位 / 发展史 / 开发者 egg 的…
#前端技术#【Angular2 新人常犯的 5 个错误】详见：本文为一篇译文。在文中，作者将与大家分享新人在使用 Angular2 过程中常触犯的一些错误，让你有所警醒。看到这儿，我猜你肯定已经看过一些博客、技术大会录像了，现在应该已经准备好踏上angular2这条不归路了吧！那么上路后，哪些东西是我们需要知道的？下面就是一些新手常见错误汇总，当你要开始自己的angular2旅程…
《高性能移动端开发》众所周知，网页不仅应该被快速加载，同时还应该流畅运行，比如快速响应的交互，如丝般顺滑的动画…… （by 陈被单）
Jsoup 学习笔记 by code4craft Jsoup是Java世界的一款HTML解析工具，它支持用CSS Selector方式选择DOM元素，也可过滤HTML文本，防止XSS攻击。学习Jsoup是为了更好的开发我的另一个爬虫框架webmagic，为了学的比较详细，就强制自己用很规范的方式写出这部分文章。代码部分来自https://github.com/jhy/jsoup，添加了一些中文注释以及示例…
《微信小程序开发知识点总结》使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束…… （by 故事的小黄花）
#前端头条#【chrome如何设置断点调试】你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决…请戳→ #前端开发博客#