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

通用 CSS 笔记、建议与指导；前端切图神器 avocode；学习前端只需要三个月（语言篇）；让 Node.js 核心更强大；2016年度最热门的开发工具集；从 Chrome 源码看浏览器的事件机制；移动端 H5 页面注意事项；Hadoop 面试中 6 个常见的问题及答案

#前端技术#【通用 CSS 笔记、建议与指导】详见：这份文档将通过两部分内容与大家探讨 CSS 的方方面面，涉及 CSS 语法与格式、方法论、思维框架以及编写与规划 CSS 等内容。[威武]
前端切图神器 avocode – 有了这个神器，切图再也腰不酸，腿不疼了。分享 by @流鼻涕的小青年｜阅读全文
学习前端只需要三个月（语言篇）过去，我一直无法相信：一个新人在三个月里可以学好前端。后来，我信了。因为三个月后，我又是一个前端的新人，我又需要重新入门前端。
前端领域好似也有一个“摩尔定律”。戈登·摩尔提出来：积体电路上可容纳的电晶体（晶体管）数目，约每隔24个月便会增加一倍，后来经常被引用的“18个月”。而对于前端领域来说，每隔3-6个月，知识点将增加一倍。第三章:学习前端只需要三个月【语言篇】phodal · 11 小时前过去,我一直无法相信:一个新人在三个月里可以学好前端。后来,我信了。因为三个月后,我又是一…
#掘金翻译计划# [译] 让 Node.js 核心更强大 – 相对于其它平台，Node.js 拥有最小的标准库。配合使用强大的生态工具比如 npm ，Node.js 已经取得了巨大的成功。翻译 by PatrickWang ｜阅读全文我也想去翻译计划玩→ 翻译不易，欢迎 star 支持～
【2016年度最热门的开发工具集】想知道2017年究竟该选择什么开发工具？专业的开发者工具及服务分享平台StackShare公布了第三届奖项的名单。通过对数以千计的资料进行分析，他们总结出了2016年度最热门的开发工具。
从 Chrome 源码看浏览器的事件机制 by 李银城在上一篇《从Chrome源码看浏览器如何构建DOM树》介绍了blink如何创建一棵DOM树，在这一篇将介绍事件机制。上一篇还有一个地方未提及，那就是在构建完DOM之后，浏览器将会触发DOMContentLoaded事件，这个事件是在处理tokens的时候遇到EndOfFile标志符时触发的： if (it->type() == HTMLToken::EndOfFile…
移动端 H5 页面注意事项 by Alexee 1. 单个页面内容不能过多设计常用尺寸：7501334 / 6401134，包含了手机顶部信号栏的高度。移动端H5活动页面常常需要能够分享到各种社交App中，常用的有微信、QQ等。使用移动设备查看页面时会发现，在微信浏览器中有顶部导航栏，在qq内置浏览器里不止有顶部导航，底部也有操作栏（safari浏…
【Hadoop 面试中 6 个常见的问题及答案】全文=> 　　你准备好面试了吗？呀，需要Hadoop的知识！！？不要慌！这里有一些可能会问到的问题以及你应该给出的答案。　Q1.什么是Hadoop？　　Hadoop是一个开源软件框架，用于存储大量数据，并发处理/查询在具有多个商用硬件（即低成本硬件）节点的集群上的那些数据。总之，Hadoop包括以下内容：　　HDFS（Hado…
极客学院前端练习题 by xiangsongtao 大前端作业索引此内容是参考Github上这个位置的信息的总结，前端学习的作业是在课程13中按照作业的要求上传到Github上开源的，如果涉及侵权请及时联系我，我会移除此信息，详细的内容请参考上面的连接。目录任务 1: 学会基本的HTML(5)标签骨架以及基本服务器概念任务 2: 学…
webpack 2 使用总结不知不觉中 webpack 都出了2.x 版本了，而且还是正式的，如果你还在使用1.x，是时候该升级升级了。本文主要从“用”的方向上来简单介绍webpack 2.x，并未涉及它的构成，So，若有不当之处，且可指出。至于webpack是什么，还请没有使用过的同学，自行Google。 webpack 2.x 增加了对 ES6的原生支…
继续前行的前端周刊（第十五期）前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。猴哥潇洒地走了，迎来了帅气的鸡哥。作者：@阿骀…
什么是 Physical Web？ 1、Physical Web ? Physical Web是一种基于位置的，可以和物理对象快速并无缝衔接的技术。通过低功耗蓝牙的Beacon(文末有详细介绍)设备，广播的的url是Eddystone(文末有介绍)格式的。大部分的浏览器已经可以支持显示这些URL了。设备能够向周围发送广播信号（一个地址），任何设备都能够接收并进行处理。这…
#IT技术分享#【图解 TCP 协议中的三次握手和四次挥手】详见：图文诠释 TCP 协议中的三次握手和四次挥手。[围观] 最近在复习计算机网络，看到TCP这一章，总结一下。建立TCP需要三次握手才能建立，而断开连接则需要四次握手。整个过程如下图所示：先来看看如何建立连接的：首先Client端发送连接请求报文，Server段接受连接后回复ACK报文，并为这次连接分配资源。Client端接收到ACK报文后也向Server段发送报文，并分配资源，这样TCP…
如何提升Web后端性能？我的4个实践和总结
【翻译向丨webpack2 指南】上：中：下：原文发布与抹桥的博客 -【翻译向】webpack2 指南（上）前置定义 Bundle 代码包Chunk 代码块安装 npm install webpack –save-dev 代码分割代码分割是 webpack 中最引人注目的功能之一。它允许你把代码分割成…
【React 服务端渲染缓慢原因浅析】文章传送门： React 服务端渲染缓慢原因浅析从属于笔者的Web 前端入门与工程实践。前几日笔者在服务端渲染性能大乱斗：Vue, React, Preact, Rax, Marko 一文中比较了当前流行的数个前端框架服务端渲染的性能表现，下图数值越…
#前端技术#【Node.js 异步最佳实践 & 避免回调地狱】详见：本文涵盖了处理 Node.js 异步操作的一些工具和技术：async.js、Promise、generator 和异步函数。阅读这篇文章之后，你会知道如何避免臭名昭著的回调地狱！[喵喵]