2017年11月_前端大全

原创围观！阿里大神多隆，给程序员小哥相亲！

多隆首次个人深度专访，见文末。你简单，世界就会跟着简单。秋意深浓之际，我们一起走进阿里合伙人多隆的技术世界：

2017-11-30 00:00:00 2574

原创 SVG 新司机开车指南

（点击上方蓝字，快速关注我们）作者：Tw93 tw93.github.io/2017-01-26/SVG.html如果好文章投稿，点击 → 了解详情TL,TRSVG其相关特性远比想象中要强，本文首先介绍下SVG的相关定义、特点和Demo，接下来会介绍它的相关语法和动画，最后告诉大家如何使用和优化SVG。

2017-11-30 00:00:00 426

原创前端动画大乱炖

（点击上方公众号，可快速关注）作者：桂圆_noblehttp://www.jianshu.com/p/280e0ef90b96如有好文章投稿，请点击 → 这里了解详情作为一只前端开发者，我们的使命就是在满足产品需求、实现交互设计的基础上，将最好的体验呈现给用户爸爸们。在保证性能的同时，我们通常会给页面加一些动态效果，以增强页面的表现力并提升页

2017-11-29 00:00:00 428

原创前端工程师自救大法：妈妈我要学 React ！

React 源于 Facebook 的一个内部项目，当年他们在架设 Instagram 的网站时，因为对市场上所有 JavaScript MVC 框架都不满意，就决定自己写一套。没想到这套东西非常好用，就在2013年5月开源了。由于其设计思想极其独特，代码逻辑简单，却性能出众，所以越来越多的人开始关注和使用。可以预见，它将是 Web 开发的主流工具。

2017-11-28 00:00:00 434

原创 JS 断点调试心得

（点击上方公众号，可快速关注）作者：沐清风blogwww.cnblogs.com/mqfblog/p/5397282.html1.断点调试是啥？难不难？断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断

2017-11-28 00:00:00 294

原创网页适配 iPhoneX，就是这么简单

（点击上方公众号，可快速关注）来源：凹凸实验室https://aotu.io/notes/2017/11/27/iphonex/前言iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的

2017-11-27 00:00:00 5534

原创你需要了解的前端测试“金字塔”

（点击上方公众号，可快速关注）作者：oschinawww.oschina.net/translate/the-front-end-test-pyramid-rethink-your-testing如果您正在测试前端应用程序，则应该了解前端测试金字塔。在本文中，我们将看到前端测试金字塔是什么，以及如何使用它来创建全面的测试套件。前端

2017-11-27 00:00:00 776

原创浅谈 Web 图像优化

（点击上方公众号，可快速关注）来源：johnsonhttps://zhuanlan.zhihu.com/p/30362177前端优化有很多，图像优化也是其中的一部分。无论是渐进增强还是优雅降级，图像优化成为了开发上不可忽视的一部分。知其然，须知其所以然图像优化的前提是需要了解图像的基本原理。常规的图像格

2017-11-26 00:00:00 427

原创 CSS in JS 简介

（点击上方公众号，可快速关注）作者：阮一峰www.ruanyifeng.com/blog/2017/04/css_in_js.html1、以前，网页开发有一个原则，叫做“关注点分离”（separation of concerns）。它的意思是，各种技术只负责自己的领域，不要混合在一起，形成耦合。对于网页

2017-11-26 00:00:00 328

原创轻松学习 JavaScript（6）：JavaScript 箭头函数

（点击上方公众号，可快速关注）英文： Dhananjay Kumar 译文：码农网/小峰http://www.codeceo.com/article/easy-javascript-05-hoisting.html如果好文章投稿，点击 → 了解详情《轻松学习 JavaScript (1)：了解 let 语句》

2017-11-25 00:00:00 368

原创 15 个有趣的 JS 和 CSS 库

(点击上方蓝字，快速关注我们)英文：Danny Markov 译文： IT程序狮https://zhuanlan.zhihu.com/p/31321429如有好文章投稿，请点击 → 这里了解详情在每个月，我们都会为大家分享一些最新、有趣的前端库，希望它们中的一些会对你的项目有所帮助。当然，如果你也发现了一些有趣、实用的库

2017-11-23 00:00:00 1133

原创浏览器端创建可下载文件

(点击上方蓝字，快速关注我们)作者：ymfe - 李欣悦https://blog.ymfe.org/浏览器端创建可下载文件/如有好文章投稿，请点击 → 这里了解详情前一段时间碰到一需求，前端对从后端获取数据进行纯前端筛选过滤操作后，希望保存下文件，由于内容格式相对简单，经调研采用 Blob URL方式实现。浏览器兼容性

2017-11-23 00:00:00 722

原创谷歌浏览器 VS 火狐量子：哪一个更快呢？

(点击上方蓝字，快速关注我们)英文：mashable 译者：oschina www.oschina.net/news/90739/firefox-quantum-vs-google-chrome如有好文章投稿，请点击 → 这里了解详情为了扭转颓势，Mozilla发力研发，终于Firefox 57发布，使用了全新的引擎，性能大增，官方

2017-11-22 00:00:00 927

原创轻松学习 JavaScript（5）：简化函数提升

（点击上方公众号，可快速关注）英文： Dhananjay Kumar 译文：码农网/小峰http://www.codeceo.com/article/easy-javascript-05-hoisting.html如果好文章投稿，点击 → 了解详情《轻松学习 JavaScript (1)：了解 let 语句》

2017-11-21 00:00:00 545

原创没有存在感的阿里工程师

如何探秘阿里总部，感受未来办公Style？见文中地址。最近，一边喝茶一边创造1682亿双11奇迹的阿里工程师火了。其实除了强大的业务技术团队外，在阿里内部，还有一群默默支撑全体阿里人办公的“隐形团队”。他们以零存在感为目标，用高科技产品让阿里人办公零负担。无需浪费大把时间在冗长的开会等待中，机器人会自助规划会议时间。你甚至可以与远在太平洋彼岸的同事，随时

2017-11-20 00:00:00 582

原创一个程序员要扔掉多少代码，才能成为真正的程序员

(点击上方蓝字，快速关注我们)作者：灯下鼠， http://www.jianshu.com/p/b324b471cef7如有好文章投稿，请点击 → 这里了解详情俗语说，女怕嫁错郎，男怕入错行。程序员这行当，不贫不富，靠技术吃饭，一直还算个体面职业。进了程序员这行的兄弟们，即便日后飞黄腾达了，谈起早年的编程生涯，都还是自

2017-11-20 00:00:00 381

原创 SVG 实现动态模糊动画效果

（点击上方公众号，可快速关注）英文： Lucas Bebber 译文：码农网/小峰http://www.codeceo.com/article/svg-motion-blur-effect.html如果好文章投稿，点击 → 了解详情今天我们将向大家展示如何制作SVG动态模糊效果，并将其应用于HTML元素的常规JS或CSS动画。

2017-11-19 00:00:00 1280

原创轻松学习 JavaScript (4)：函数中的 arguments 对象

（点击上方公众号，可快速关注）英文： Dhananjay Kumar 译文：码农网/小峰http://www.codeceo.com/article/easy-javascript-04-arguments.html如果好文章投稿，点击 → 了解详情《轻松学习 JavaScript (1)：了解 let 语句》

2017-11-18 00:00:00 371

原创 14 个你可能不知道的 JavaScript 调试技巧

（点击上方公众号，可快速关注）英文： raygun 译文：oschinahttps://www.oschina.net/translate/javascript-debugging-tips如果好文章投稿，点击 → 了解详情了解你的工具可以极大的帮助你完成任务。尽管 JavaScript 的调试非常麻烦，但在掌握了技巧 (tricks

2017-11-17 00:00:00 288

原创轻松学习 JavaScript (3)：函数中的默认参数

（点击上方公众号，可快速关注）英文： Dhananjay Kumar 译文：码农网/小峰www.codeceo.com/article/easy-javascript-03-default-param.html如果好文章投稿，点击 → 了解详情《轻松学习 JavaScript（1）：了解 let 语句》《轻松学习

2017-11-17 00:00:00 346

转载 Visual Studio Code v.s Atom-IDE：Web 开发哪家强？

（点击上方公众号，可快速关注）英文：ATOMIC OBJECT 译文：oschinahttp://www.oschina.net/news/90372/atom-ide-vs-vscode-comparison如果好文章投稿，点击 → 了解详情GitHub 最近联手 Facebook 推出了 Atom-IDE，为其 Atom 编辑器

2017-11-16 00:00:00 567

原创趣图：如果 NPM 是快递公司…

（点击上方公众号，可快速关注）如果 NPM 是快递公司，那他们给你送一个包裹，你会收到一堆……↓↓↓这个 NPM 的梗，前端工程师 99% 会知道的。后端童鞋或许不知道，欢迎看懂的童鞋在评论中解释。关注「程序员的那些事」每天看 IT 趣图↓↓↓

2017-11-15 00:00:00 230

转载轻松学习 JavaScript (2)：函数中的 Rest 参数

（点击上方公众号，可快速关注）英文： Dhananjay Kumar 译文：码农网/小峰www.codeceo.com/article/easy-javascript-02-rest.html如果好文章投稿，点击 → 了解详情JavaScript函数可以使用任意数量的参数。与其他语言（如C#和Java）不同，你可以在调用JavaScrip

2017-11-14 00:00:00 567

转载一文读懂 JavaScript 和 ECMAScript 的区别

（点击上方公众号，可快速关注）英文： Michael Aranda 译文：oschinawww.oschina.net/translate/whats-the-difference-between-javascript-and-ecmascript如果好文章投稿，点击 → 了解详情我曾试着在谷歌上检索 “ JavaScript 和 ECM

2017-11-14 00:00:00 721

转载轻松学习 JavaScript（1）：了解 let 语句

（点击上方公众号，可快速关注）英文： Dhananjay Kumar 译文：码农网/小峰www.codeceo.com/article/easy-javascript-01-let.html如果好文章投稿，点击 → 了解详情使用let语句，允许你在JavaScript中创建块范围局部变量。let语句是在JavaScript的ECMAScr

2017-11-13 00:00:00 475

转载你有学习者综合征吗？Web 开发是重灾区

（点击上方蓝字，快速关注我们）编译：伯乐在线/飞哥的咖啡如有好文章投稿，请点击 → 这里了解详情【导读】：学习者综合征的主要表现：学而不用，不停学习，却没有真正实际应用知识来做东西。如果过去的一年里，学习的语言或框架超过三个，那可能已经感染学习者综合征了。Web 开发是重灾区咯。你有学习者综合征吗?好吧，这本不是什么值得说

2017-11-12 00:00:00 473

转载双11福利仍在加载中...

“Loading...” 极客卫衣范品社推出了几十款编程技术、电影题材和简约个性的极客T恤，大部分图案均有卫衣（男女同款）、长袖和短袖可供选择。卫衣单件 ¥139.9，长袖 ¥69.9，短袖 ¥59.9。范品社的极客卫衣和T恤以前在这里宣传过几次，质量和口碑都不错。每年难得有几次活动，喜欢的可以入手哦。双11双重优惠1

2017-11-11 00:00:00 768 1

转载 ECharts v3.8 发布：树图、SVG 渲染（beta）、ES Module

（点击上方公众号，可快速关注）来源：百度EFEhttp://efe.baidu.com/blog/echarts-3-8-0/如果好文章投稿，点击 → 了解详情在 ECharts 新发布的 3.8 版本中，新加入了树图，支持横向布局、纵向布局、径向布局；新加入了 SVG 渲染支持（beta 版）的支持，从而可以根据自己的需要，选择 S

2017-11-09 00:00:00 3079

转载 VS Code 公布 2018 路线图：生态改进快乐编码

（点击上方公众号，可快速关注）来源：开源中国社区www.oschina.net/news/90174/visual-studio-code-2018-roadmap如果好文章投稿，点击 → 了解详情Visual Studio Code 公布了其 2018 发展路线图。开发团队表示，他们通常会先制定目标，然后将工作分解在后续的 6-12

2017-11-08 00:00:00 271

原创 Google 爬虫如何抓取 JavaScript 的？

（点击上方公众号，可快速关注）编译：伯乐在线/刘健超-J.c如果好文章投稿，点击 → 了解详情我们测试了谷歌爬虫是如何抓取 JavaScript，下面就是我们从中学习到的知识。认为 Google 不能处理 JavaScript ？再想想吧。Audette Audette 分享了一系列测试结果，他和他同事测试了什么类型的

2017-11-07 00:00:00 5260

转载使用 CSS 3 制作长投影

（点击上方公众号，可快速关注）作者：Jack Pu www.jackpu.com/shi-yong-css-3-zhi-zuo-chang-tou-ying-long-shadow/如有好文章投稿，请点击 → 这里了解详情在flat design(扁平化的设计)中，Long Shadow （长投影）被看着屡试不爽的设计技能。比如下

2017-11-07 00:00:00 636

原创从谷歌 V8 JS 引擎学到的优化经验

（点击上方蓝字，快速关注我们）编译：伯乐在线 - Daetalus如果好文章投稿，点击 → 了解详情V8是谷歌开源的一个高性能JavaScript引擎，用 C++ 实现，并用在谷歌的开源浏览器Chrome里。为什么V8非常快，哪种方案让V8达到这种速度？发现其中秘密是一件有趣的事情。面向对象、设计模式与

2017-11-06 00:00:00 1036

转载我们为什么以及是如何从 Angular.js 迁移到 Vue.js？

（点击上方公众号，可快速关注）英文：holistics 译文：oschina www.oschina.net/translate/why-and-how-we-migrated-from-angularjs-to-vuejs如果好文章投稿，点击 → 了解详情在我写这篇文章的时候，我们刚刚从我们的应用程序代码库

2017-11-05 00:00:00 5022

转载 Vue 开源项目库汇总

（点击上方公众号，可快速关注）来自：GitHub - opendigghttps://github.com/opendigg/awesome-github-vue如有好文章投稿，请点击 → 这里了解详情UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue

2017-11-04 00:00:00 805

转载 JavaScript 开发者的 10 款必备工具

（点击上方公众号，可快速关注）英文： Paul Krill 译文：oschina www.oschina.net/translate/the-10-essential-tools-for-javascript-developers如果好文章投稿，点击 → 了解详情JavaScript，一种所有主流浏览器都支持的语言，是开发基于浏览

2017-11-04 00:00:00 589

转载给 Web 开发人员推荐的文档生成工具

（点击上方公众号，可快速关注）来源：oschina https://my.oschina.net/editorial-story/blog/1541328如果好文章投稿，点击 → 了解详情工欲善其事必先利其器，在此给 Web 开发人员推荐几款优秀的开源文档生成工具，希望能对大家有所帮助。1、JavaScriptJS

2017-11-03 00:00:00 4856

转载 Angular 5.0 来了，有这些大变化

（点击上方公众号，可快速关注）英文： Stephen Fluin 译文：众成翻译 http://zcfy.cc/article/4494如果好文章投稿，点击 → 了解详情我们很高兴地宣布Angular 5.0.0——五角形甜甜圈发布啦！这又是一个主版本，包含新功能并修复了很多bug。它再次体现了我们把Angular做得更小、更快、更

2017-11-03 00:00:00 457

转载 Vue 2.5 发布了：15篇前端热文回看

（点击上方公众号，可快速关注）本文精选了「前端大全」2017 年 10 月的 15 篇热门文章。其中有职场分享、技术分享和技术资源。注：以下文章，点击标题即可阅读《Vue 2.5 发布了》我们很高兴宣布 Vue 2.5 Level E 的发布！本次发布包括多个功能提升并且我们推荐你查看发布说明来获取完整详细信息。

2017-11-02 00:00:00 307

转载打造丝般顺滑的 H5 翻页库

（点击上方公众号，可快速关注）来源：zhangbobellfex.baidu.com/blog/2017/10/build-a-silky-smooth-slide-library/如果好文章投稿，点击 → 了解详情背景随着近几年移动营销页的火爆，催生了一个中国式的名词「H5」。而 H5 最常见的形态就是类似幻灯片翻页效果。

2017-11-01 00:00:00 783

转载想成为前端开发工程师，不能再错过这次机会了

过几天双十一就要来了，别人的购物车堆满了打折洗发水、日用品和小零食，小编偷偷看了一眼我司程序员的购物车，里面躺着2个鼠标、2个机械键盘、一副耳机、一箱维他柠檬茶...... 这个双十一，与其花钱买一年都用不完的便宜货，不如投资让自己受益一生的技术。今年的双十一优达学习狂欢节，你中草很久的前端硅谷课程，终于有机会拔草了！全球超过900万程序员，在Udacity

2017-11-01 00:00:00 443

空空如也

空空如也