20181118 前端开发周报：介绍几个开发前端动画不得不学的动画库

1、介绍几个开发前端动画不得不学的动画库

简评:JavaScript 库对设计师和开发人员来说,都是非常...web可视化学习---tween.js前端动画库 01-20 2293...

http://0313.name/archives/644

2、浅谈未来几年前端的发展方向

在知乎上看到这么一个问题，觉得很有意思，以下是原提问者的见解 过去五年前端的发展过程基本上是一个工程化的过程,框架和工程化工具层出不穷。 近两年其实发展已经比较迟滞了。 框架方面:基本就是三大框架鼎立的局面,三大框架都在相互借鉴吸收,而且方向各有侧重,未来短时间内我看格局不可能有什么大变化. ...

http://taoweng.site/index.php/archives/117/

3、Vue.js 你不知道的奇技淫巧

面试官：MVVM 和 MVC 的区别是什么？ 自己先想一分钟。 关于上面的面试题的具体解释，请移步这里，本文不在累述。正文开始，下面列举的一些奇技淫巧有的或许你用过，有的或许你没用过。不管有的没的，希望你看完之后有所收获吧。文笔和知识有限，不对的地方，请留

https://juejin.im/post/5be01d0ce51d450700084925

4、看看这些被同事喷的JS代码风格你写过多少

作者：殷荣桧@腾讯 目录： 一、变量相关 二、函数相关 三、尽量使用ES6，有可以能的话ES7中新语法 现在写代码比以前好多了，代码的格式都有eslint,prettier,babel(写新版语法)这些来保证，然而，技术手段再高端都不能解决代码可读性（代码

https://juejin.im/post/5becf928f265da61380ec986

5、2018前端秋招总结

对于自己来说，近两个半月的秋招终于算是结束了，中间向很多类型的公司投了很多简历，有互联网巨头，有银行三大运营商，也有创业型公司，这其中也只通过部分公司的笔试，进入面试阶段。

https://segmentfault.com/a/1190000016989017

6、jQuery的没落和技术发展的一般规律

jQuery是一个伟大的库， 它解决了dom api兼容的问题，使得dom操作更简便 它支持类似css选择器的方式来选择组件 支持批量的操作数组中的元素，也叫隐式迭代 支持链式操作，可以在一条语句中完成很复杂的逻辑 有易于使用的插件扩展机制 deffered的异步方案比promise更早。 等等。 jquer...

https://juejin.im/post/5beb680bf265da616e4bfd47

7、前端黑科技：美团网页首帧优化实践

自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化...

https://segmentfault.com/a/1190000017040216

8、你应该知道的 JavaScript Array.map() 的 5 种用途

小编推荐： 掘金是一个面向程序员的高质量技术社区，从 一线大厂经验分享到前端开发最佳实践，无论是入门还是进阶，来掘金你不会错过前端开发的任何一个技术干货。 从经典的 for 循环到 forEach() 方法，用于迭代数据集合的各种技术和方法比比皆是。但是现在比较流行的方法是 .map() 方法。 .map() 通过指定函数...

https://www.css88.com/archives/10024

9、HTTP 的前世今生：一次性搞懂 HTTP、HTTPS、SPDY、HTTP2

作为互联网通信协议的一员老将，HTTP 协议走到今天已经经历了三次版本的变动，现在最新的版本是 HTTP2.0，相信大家早已耳熟能详。今天就给大家好好介绍一下 HTTP 的前世今生。 HTTP/0.9 HTTP 的最早版本诞生在 1991 年，这个最早版本和

https://juejin.im/post/5be935f2e51d4570813b8cf0

10、前端常用插件、工具类库汇总（下）

对本文感兴趣可以先加个收藏，也可以转发分享给身边的小伙伴，以后遇到类似的场景就来看看具体的插件及其用法。

https://segmentfault.com/a/1190000016992952

11、一个vue前端的VSCODE插件分享（2018）

background 给编辑器窗口加个背景！唯一的缺点是vscode会显示已损坏，当然啦，并不影响使用 可以参考以下配置 "background.useDefault": false, "background.style": { "content": "''", "pointer-events": "none", ...

https://juejin.im/post/5be53004f265da615b70f7a0

12、Vue钩子函数生命周期实例详解

对于执行顺序和什么时候该执行哪个钩子函数,看上面两个图基本有个了解了。下面的案例将通过代码去看看钩子函数的执行,让大家更清晰透彻的理解Vue的生...

http://www.cnblogs.com/guobinhui/p/9971894.html

13、Chrome 72 更快的异步函数和 Promise

Chrome 72 中的 async 和 await 性能更快，Promise 性能提升 8 倍，增加方便开发者调试和定位 bug

https://juejin.im/entry/5bea8a29f265da614273713e

14、webpack 初学指南

这边用到的 webpack 版本 4.0+,这边将接触到 TypeScript,ES6,ES7,sass 等 loader …不想解释了直接上代码 目录结构 —- dist |- css |- js |- images |- fonts |- index.html —- src |- scss |- js |- images |- fonts |- index.html package.json { &q...

https://vxhly.github.io/2018/11/webpack-guide/

15、HTML5 之地理定位（Geolocation）

很久前研究过 HTML5 Geolocation，最近整理 F2E-Awesome 的时候，发现缺少相关的文章，所以按照自己的使用经验整理了此篇文章。 一、应用场景： 附近商家定位；计算行走路程； GPS 导航； 请求一个位置信息，如果用户同意，浏览器就会返回位置信息，该位置信息是通过支持 HTML5 地理定位功能的底层设备提供给...

http://jartto.wang/2018/11/16/html5-geolocation/

16、图片纯前端JS压缩的实现

本文删简自： www.zhangxinxu.com/wordpress/?… 一、功能体验 先看demo： 使用canvas在前端压缩图片并上传demo 如下截图： 点击文件选择框，我们不妨选一张尺寸比较大的图片，例如下面这种2M多的钓鱼收获照： 于是图片歘歘歘地传上去了： 此时我们点击最终上传完毕的图片地址，...

https://juejin.im/post/5bec3c6cf265da614312a0fa

17、前端渲染过程的二三事

前端渲染过程的二三事 本文不会介绍整个前端渲染过程的步骤，只是记录最近阅读的文章的些许思考和感悟。（文章地址一（系列）,文章地址二） 希望大家在阅读这篇文章之前能将上述文章仔细浏览一篇，因为本文所述基...

https://segmentfault.com/a/1190000016981020

18、百度小程序与微信小程序全面对比

百度小程序已出来一段时间了，本文分享我所见到的一些百度小程序与微信小程序的差别。帮助你快速转换微信小程序到百度小程序。 @前端开发博客

http://caibaojian.com/baiduapp-vs-weixinapp.html#0-tsina-1-55913-397232819ff9a47a7b7e80a40613cfe1

19、一次性搞懂JavaScript正则表达式之引擎

本文是『horseshoe·Regex专题』系列文章之一，后续会有更多专题推出 GitHub地址： github.com/veedrin/hor… 博客地址(文章排版真的很漂亮)：veedrin.com 如果觉得对你有帮助，欢迎来GitHub点Star或者来我的博客亲口告诉我 我们说正则表达式是语言无关的，是因为驱动正则表达式的...

https://juejin.im/post/5becc2aef265da6110369c93

20、你不知道的Node.js性能优化

“当我第一次知道要写这篇文章的时候，其实我是拒绝的，因为我觉得，你不能叫我写马上就写，我要有干货才行，写一些老生常谈的然后加上好多特技，那个 Node.js 性能啊好像 Duang~ 的一下就上去了，那读者一定会骂我，Node.js 根本没有这样搞性能优化的，

https://juejin.im/entry/5bee3b5d6fb9a04a082140d2

21、nodejs 基础篇整合

最近有朋友也想学习nodeJs相关方面的知识，如果你是后端想接近前端，node作为一门跑在服务端的JS语言从这里入门再好不过了。如果你正好喜欢前端，想走的更高，走的更远。nodeJs同样也是不二之选。node的地位虽然...

https://segmentfault.com/a/1190000017033510

22、vue项目刷新当前页面

this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好

https://segmentfault.com/a/1190000017007631

23、javascript函数全解

本文总结了js中函数相关的大部分用法，对函数用法不是特别清晰的同学可以了解一下。 1.0 简介 同其他语言不同的是，js中的函数有2种含义。 普通函数：同其他语言的函数一样，是用于封装语句块，执行多行语句的语法结构。 构造函数：不要把它当作函数，把它当作class，内部可以使用this表示当前对象。 ...

https://juejin.im/post/5bec3d356fb9a049d4415d70

24、HTTP/3 来啦，你还在等什么？赶紧了解一下

原文作者：DANIEL STENBERG 译者：UC 国际研发 Jothy写在最前：欢迎你来到“UC国际技术”公众号，我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章，不限于原创与翻译。曾长期被称作 HTTP-over-Q

https://juejin.im/post/5be977c96fb9a04a0a5eb6f5

25、NodeJS踩坑实录

大多数 Node.js 核心 API 构建于惯用的异步事件驱动架构，其中某些类型的对象（又称触发器，Emitter）会触发命名事件来调用函数（又称监听器，Listener）

https://segmentfault.com/a/1190000016989682

26、Vuex最完整的模块定义

在项目中有时就会用到在一个命名模块中 访问/调用 另一个模块的state，mutation，action等，所以把使用的普遍方法总结下来，以供需要者参考。

https://segmentfault.com/a/1190000016985188

27、JS箭头函数三连问：为何用、怎么用、何时用

在现代JS中最让人期待的特性就是关于箭头函数，用=>来标识。箭头函数有两个主要的优点：其一是非常简明的语法，另外就是直观的作用域和this的绑定。 因为这些优点，箭头函数比起其他形式的函数声明更加受欢迎。比如，受欢迎的airbnb eslint conf

https://juejin.im/post/5be599d4e51d451d23633ec8

28、JavaScript异步处理的那些事儿

前言 原文 之前总结了关于 JavaScript 异步的 事件循环与消息队列 机制以及 ES6 带来的 微任务与宏任务 的知识。传送门 下面是关于JS异步处理的各种方案： callback >> ES6 Primise >> async

https://juejin.im/post/5be96a89e51d4547e432d5b9

29、手把手教你实现一个 Vue 进度条组件

最近在个人的项目中，想对页面之间跳转的过程进行优化，想到了很多文档或 npm 等都用到的页面跳转进度条，于是便想自己去实现一个，特此记录。

https://segmentfault.com/a/1190000017035590

30、Promise的分层解析及实现

今天写的这篇文章是关于 Promise 的，其实在谷歌一搜索，会出来很多关于Promise的文章，那为什么还要写这篇文章呢？ 我相信一定有人用过 Promise ,但总有点似懂非懂的感觉，比如我们知道异步操作的执行是通过 then 来实现的，那后面的操作是如何

https://juejin.im/post/5be93f6ff265da6153044d88

喜欢这篇文章的朋友，欢迎关注、收藏、分享、评论，帮我上热门，你的支持，是我每日更新的动力！

喜欢前端的朋友可以点击关注一下我，每日分享精彩的前端文章！

精彩回顾

♡ 互联网公司各岗位真实工作内容起底

♡ 一次尴尬的采访和程序员的传奇脑洞！

♡ 天一冷，程序员都穿上格子衫

♡ 史上最真实的行业鄙视链曝光

♡ IT公司老板落水，各部门员工怎么救

♡ 宿命之战：程序员VS产品经理

♡ 作为一个前端，可以如何机智地弄坏一台电脑？

♡ 程序员跟产品经理打起来了，这是一个需求引发的血案...

♡ 后端说，你个前端不会用 headers吧，我怒了！

♡ 有个厉害的程序员女朋友是什么体验？

♡ 多年来，程序员经常加班的真相终于揭开了…

♡ 如果编程替换成中文就会怎样? 程序员看了表示头疼