2017年10月_前端大全

转载颤抖吧！阿里出了个不明觉厉的技术学习包，光PPT就有2个G

PPT资料及视频下载地址，详见文中。在浩大的计算机世界里，作为一名普通程序员，你是否有过焦虑和迷茫？我们内心崇拜技术，却也对日新月异的技术抱有深深的恐惧。技术市场就像喜怒不定的老天爷，今天下个大数据雨，明天挂个人工智能风。面对琳琅满目的技术冲击，我们时不时感到力不从心。几年过去，除了肚子上的脂肪，可能一无所获……

2017-10-31 00:00:00 3777

转载前端开发工程师必须关注的几个性能指标

文 | 张贤（网易前端资深工程师）关于页面相应时间，有一条著名的“2-5-8原则”。当用户访问一个页面：在2秒内得到响应时，会感觉系统响应很快；在2-5秒之间得到响应时，会感觉系统的响应速度还可以；在5-8秒以内得到响应时，会感觉系统的响应速度很慢，但可以接受；而超过8秒后仍然无法得到响应时，用户会感觉系统糟透了，进而选择离开这个站点，或者发起第二次请求。

2017-10-30 00:00:00 1324

转载记 Vue 大型表单项目的一个性能问题

（点击上方公众号，可快速关注）来源：大搜车无线团队f2e.souche.com/blog/ji-vueda-xing-biao-dan-xiang-mu-de-ge-xing-neng-wen-ti/如果好文章投稿，点击 → 了解详情问题场景身为一个表单表格工程师，自然日复一日的写着表单表格，本以为已经没啥难点的时候转眼间

2017-10-30 00:00:00 5686 1

转载如果你的网站没有JavaScript

（点击上方公众号，可快速关注）英文：Ben Schwarz 译文：众成翻译zcfy.cc/article/your-site-without-javascript-mdash-sitepoint-4120.html如有好文章投稿，请点击 → 这里了解详情我们有很多理由需要好好考虑一下JavaScript存在的意义（它做了什么，怎么做的以及它

2017-10-29 00:00:00 902

转载 CSS 框架 Bulma 教程

（点击上方公众号，可快速关注）作者：阮一峰http://www.ruanyifeng.com/blog/2017/10/bulma.html如有好文章投稿，请点击 → 这里了解详情网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的

2017-10-28 00:00:00 690

转载汇总一些知名的 JavaScript 开发开源项目

（点击上方公众号，可快速关注）转自：CTOLib ，www.ctolib.com/topics-107352.html如有好文章投稿，请点击 → 这里了解详情ggraph - 图形可视化的凌乱数据这是一个建立在D3之上的库，目的是改进我们如何处理大型和凌乱的图形。它扩展了节点和链路与节点组的概念。它非常适用于当多个节点事实上是同一事物或属于同

2017-10-27 00:00:00 1099

转载别了，Firebug！

（点击上方公众号，可快速关注）转自：技术最前线（TopITNews）如有好文章投稿，请点击 → 这里了解详情如果你是前端开发者，那你肯定知道或用过 Firebug。10月24日，Mozilla 工程师和 Firebug 团队领导 Jan Honza Odvarko 在 Mozilla 博客发文称， Firebug 是最流行且最强大

2017-10-26 00:00:00 294

转载今天，你放假了吗？

（点击上方公众号，可快速关注）今天是程序员节，这不是官方的节日。不过，我们忙里偷闲，一起来聊聊自己的前端开发之路。有极客T恤作为小礼物哦～程序员节的来历程序员节是一个为庆祝并感谢程序员所做工作的节日。在俄罗斯，有一名来自并行技术网页设计公司的一名职员瓦伦丁·巴尔特（Valentin Balt），2002年他收集签名向俄罗斯联邦政府请愿，

2017-10-24 00:00:00 525

转载强推 HTTPS 见效？Google 表示 HTTPS 使用率不断升高

（点击上方公众号，可快速关注）来源：cnbetawww.cnbeta.com/articles/tech/662851.htm如有好文章投稿，请点击 → 这里了解详情伴随着棱镜监控丑闻的持续发酵，普通公众对个人隐私和敏感数据保护不断提高。在今年1月更新的Chrome浏览器中，重点将未使用HTTPS的网络标记为“非安全”，以便于让用户更

2017-10-24 00:00:00 374

转载前端高性能计算之一：WebWorkers

（点击上方公众号，可快速关注）作者：magiclyhttps://magicly.me/fe-hpc/webworkers如有好文章投稿，请点击 → 这里了解详情最近做一个项目，里面涉及到在前端做大量计算，直接用js跑了一下，大概需要15s的时间，也就是用户的浏览器会卡死15s，这个完全接受不了。虽说有V8这样牛逼的引擎，但大家

2017-10-23 00:00:00 793

转载 HTTP 缓存机制一二三

（点击上方蓝字，快速关注我们)作者：阿咩https://zhuanlan.zhihu.com/p/29750583如有好文章投稿，请点击 → 这里了解详情Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。浏览器缓存也包含很多内容： HTTP 缓存、indexDB、cookie、lo

2017-10-22 00:00:00 548

转载即使用了 https 也不要通过 query strings 传敏感数据

（点击上方公众号，可快速关注）编译：伯乐在线/xiaoheike如有好文章投稿，请点击 → 这里了解详情服务器端的 log 将明文记下完整 url；浏览器上的访问历史也会明文记下完整 url；Referrer headers 里也忠实记下完整 url，然后在别人家的 Google Analytics 上显示。我们经常听到的一个常见问题

2017-10-22 00:00:00 1275

转载 Vue 2.5 发布了

（点击上方蓝字，快速关注我们)编译：neal1991https://segmentfault.com/a/1190000011563461如有好文章投稿，请点击 → 这里了解详情我们很高兴宣布 Vue 2.5 Level E 的发布！本次发布包括多个功能提升并且我们推荐你查看发布说明来获取完整详细信息。在这篇文章中，我们将重点介绍一些更重要的的变化

2017-10-21 00:00:00 499

转载从上下文，到作用域（彩蛋：理解闭包）

（点击上方蓝字，快速关注我们)作者：天方夜 https://zhuanlan.zhihu.com/p/30121515如有好文章投稿，请点击 → 这里了解详情前言近几天在编程群中的聊天，让我发现了很多人并不清楚什么是上下文（context）、什么是作用域（scope），而且纠结在其中。我当初对这两个概念也只有粗浅的理解，不

2017-10-21 00:00:00 197

转载也许这样理解 HTTPS 更容易

（点击上方蓝字，快速关注我们)作者：翟志军 showme.codes/2017-02-20/understand-https/如有好文章投稿，请点击 → 这里了解详情摘要：本文尝试一步步还原HTTPS的设计过程，以理解为什么HTTPS最终会是这副模样。但是这并不代表HTTPS的真实设计过程。在阅读本文时，你可以尝试放下已有的对HTTPS的

2017-10-20 00:00:00 334

转载大统一！微软谷歌 W3C 把 Web 文档迁移至 MDN

（点击上方公众号，可快速关注）转自：新浪科技Mozilla、微软、谷歌、三星、W3C达成协议，准备将它们的所有文档网站统一，内容全部放到Mozilla MDN平台。MDN之前叫作“Mozilla Developer Network”，现在已经变成了“MDN Web Docs”品牌，它存放了所有网络标准（Web标准）

2017-10-19 00:00:00 1110

转载浏览器的渲染：过程与原理

（点击上方公众号，可快速关注）作者：天方夜zhuanlan.zhihu.com/p/29418126如有好文章投稿，请点击 → 这里了解详情本文不是关于浏览器渲染的底层原理或前端优化具体细节的讲解，而是关于浏览器对页面的渲染——这一过程的描述及其背后原理的解释。这是因为前端优化是一个非常庞大且零散的知识集合，一篇文章如果要写优化的具体

2017-10-19 00:00:00 198

原创 Twitter 是如何做新版手机网站的

（点击上方公众号，可快速关注）编译：伯乐在线/飞哥的咖啡如有好文章投稿，请点击 → 这里了解详情Progressive Web App，用 service worker 缓存 html 与静态资源，reactjs + redux，用 ES2015。优化在网络状况不好的场景的使用。我们是如何构建 Twitter Lite 的我

2017-10-18 00:00:00 855

转载 js 创建一条通用链表

（点击上方公众号，可快速关注）作者：凹凸实验室aotu.io/notes/2017/10/13/make-a-chain-class/如有好文章投稿，请点击 → 这里了解详情什么是「链表」？链表是一种物理存储单元上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。什么是「顺序存储结构」？

2017-10-17 00:00:00 1011

转载 JavaScript 面试必须知道的 10 个概念

（点击上方公众号，可快速关注）编译：伯乐在线/叙帝利如有好文章投稿，请点击 → 这里了解详情自学有成千上万的人为了得到一份工作而学习 JavaScript 和 Web 开发。通常，自学的人对 JavaScript 语言的理解并不深刻。令人惊讶的是，制作复杂的 Web 页面所需的语言很少。独立建设全站的人往往对 Java

2017-10-17 00:00:00 659

转载一个超炫酷带阴影的CSS/Sass 3D进度条

（点击上方公众号，可快速关注）英文： Rafael González 译文：码农网 – 小峰 www.codeceo.com/article/css3-sass-3d-progress-bar.html如有好文章投稿，请点击 → 这里了解详情今天我们想向大家展示如何创建一些具有特殊3D外观的纯CSS进度条。不妨将本教程当作是一个高级的CSS练习，以

2017-10-16 00:00:00 1002 1

原创 JavaScript 是真正的 OOP 语言吗？

（点击上方公众号，可快速关注）英文： Andrea Chiarelli 译文：码农网 – 小峰 www.codeceo.com/article/is-javascript-oop.html如有好文章投稿，请点击 → 这里了解详情JavaScript面向对象还是不面向对象，这是个问题。好吧，这就是我们将要在这篇文章中讨论的主题。

2017-10-15 00:00:00 715

原创程序员的基础生存技能：高效用Google

（点击上方公众号，可快速关注）来源：GavinZhang（ @GavinBuildSomething ）guoze.me/2016/06/26/how-to-google/如有好文章投稿，请点击 → 这里了解详情如果票选近二十年最伟大的发明，我相信搜索引擎肯定会占据一个不容小觑的位置，它不单是一项发明，更是一项成就，最大程度消灭了信息的不平等

2017-10-15 00:00:00 260

原创 JavaScript 浮点数陷阱及解法

（点击上方公众号，可快速关注）作者： camsonggithub.com/camsong/blog/issues/9如有好文章投稿，请点击 → 这里了解详情众所周知，JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果，如 0.1+0.2=0.30000000000000004、

2017-10-14 00:00:00 2222

原创 localStorage 还能这么用

（点击上方公众号，可快速关注）来源： iammappingiammapping.com/the-other-ways-to-use-localstorage/如有好文章投稿，请点击 → 这里了解详情HTML5中 Web Storage 的出现，主要是为了弥补使用 Cookie 作为本地存储的不足。Cookie 存储的数据量非常小，而且

2017-10-13 00:00:00 518

原创 JS 依然最受欢迎，GitHub 2017 开发者年度报告

（点击上方公众号，可快速关注）转自：开源中国GitHub Universe 是 GitHub 的年度盛会，今年10月10-12日，GitHub Universe 大会在旧金山召开。同时，GitHub 也在其官网发布了 2017 年年度数据报告 —— GitHub Octoverse 报告。每年 GitHub 都会推

2017-10-13 00:00:00 2383 1

原创谈谈HTTP协议中的短轮询、长轮询、长连接和短连接

（点击上方公众号，可快速关注）作者：伯乐在线/左潇龙如有好文章投稿，请点击 → 这里了解详情引言最近刚到公司不到一个月，正处于熟悉项目和源码的阶段，因此最近经常会看一些源码。在研究一个项目的时候，源码里面用到了HTTP的长轮询。由于之前没太接触过，因此LZ便趁着这个机会，好好了解了一下HTTP的长长短短。

2017-10-11 00:00:00 558

原创如何用业余时间掌握前端开发？

每天2小时，业余时间掌握硅谷前端技术▼Udacity 优达学城是由 Google 无人车之父 Sebastian 创建的硅谷前沿技术学习平台，纳米学位项目是 Udacity 与 Google、亚马逊、Facebook、AT&T 等科技行业领导者共同打造的学习认证项目，帮助学员成为能驱动企业创新变更的抢手人才。

2017-10-10 00:00:00 518

原创 JavaScript 字符串转数字：陷阱（示例）

（点击上方公众号，可快速关注）英文： Jose Jesus Perez Aguinaga 译文：众成翻译 zcfy.cc/article/converting-strings-to-number-in-javascript-pitfalls-example-4301.html如有好文章投稿，请点击 → 这里了解详情有很多种方式可以将字

2017-10-10 00:00:00 515

原创 Highcharts 6 正式发布，带来 15 种新的图表类型

（点击上方公众号，可快速关注）来源：开源中国www.oschina.net/news/89396/highcharts-6-0-1如有好文章投稿，请点击 → 这里了解详情Highcharts 6 已正式发布，为 Web 和移动开发人员提供了扩展的图表集合、客户端分析、注释和大量性能提升。Highcharts 6 包含 15

2017-10-09 00:00:00 339

原创移动 web 开发问题和优化小结

（点击上方公众号，可快速关注）作者：守候segmentfault.com/a/1190000011338800如有好文章投稿，请点击 → 这里了解详情1.前言到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们

2017-10-09 00:00:00 354

原创 Chrome 开发者控制台中，你可能意想不到的功能

（点击上方公众号，可快速关注）编译：伯乐在线/孙腾浩如有好文章投稿，请点击 → 这里了解详情Chrome 有内置的开发者工具。它拥有丰富的特性，比如元素（Elements）、网络（Network）和安全（Security）。今天，我们主要关注一下 JavaScript 控制台。当我最初写代码时，我只会使用JavaS

2017-10-07 00:00:00 1093

原创 Web真相: CSS不是真正的编程

（点击上方公众号，可快速关注）英文：Christian Heilmann 译文：众成翻译zcfy.cc/article/web-truths-css-is-not-real-programming-christian-heilmann-4331.html如有好文章投稿，请点击 → 这里了解详情每隔几个月就会出现一篇文章表明：CSS并不是真正的编

2017-10-07 00:00:00 664

原创管理页面的 setTimeout & setInterval

（点击上方公众号，可快速关注）来源：凹凸实验室aotu.io/notes/2017/09/25/manage-setTimeout-an-setInterval/如有好文章投稿，请点击 → 这里了解详情在管理 setTimeout & setInterval 这两个 APIs 时，笔者通常会在顶级（全局）作用域创建一个叫 ti

2017-10-05 00:00:00 331

原创 Firefox 新版采用新引擎，速度是旧版的 2 倍，名字和 Logo 也变了

（点击上方蓝字，快速关注我们）转自：cnBetawww.cnbeta.com/articles/soft/655747.htm最近 Mozilla 将 Firefox 57 浏览器 Beta 版发布，并正式将其命名为 Firefox Quantum。该品牌还包括一个新的标志。Mozilla表示，引擎在浏览器中很重要。这就是为什么Mozilla正在发布一个全新的Firefox Beta版，一个完全重

2017-10-04 00:00:00 556

原创 WordPress 宣布停止使用 React，网传百度也停用 React：15篇前端热文回看

（点击上方公众号，可快速关注）本文精选了「前端大全」2017 年 9 月的 15 篇热门文章。其中有职场分享、技术分享和技术资源。注：以下文章，点击标题即可阅读《WordPress 宣布停止使用 React，网传百度也停用 React》WordPress几乎所有项目都基于React开发，比如，最近几年使用React重构了WordPress.com ，也就是所谓的Calypso项目，还有WordPr

2017-10-03 00:00:00 376

原创趣图：用户看到的前端 vs 程序员看到的后端

（点击上方公众号，可快速关注）用户看到的前端 vs 程序员看到的后端↓↓↓关注「程序员的那些事」每天看 IT 趣图↓↓↓

2017-10-02 00:00:00 1311

原创更快地构建 DOM: 使用预解析, async, defer 以及 preload

（点击上方公众号，可快速关注）英文： Milica Mihajlija 译文：众成翻译http://zcfy.cc/article/4224如有好文章投稿，请点击 → 这里了解详情在 2017年，保证页面快速加载的手段涵盖了方方面面，从压缩和资源优化，到缓存，CDN，代码分割以及 tree shaking 等。然而，即便你不熟悉上面的这些概念，或者你感到无从下手，你仍然可以通过几个关键字以及

2017-10-02 00:00:00 352

空空如也

空空如也