20180101前端开发周报

28个超牛逼的JavaScript技术用法；2018年前端技术趋势预览；我不开玩笑，2018 年你还需要学习 JavaScript；three.js简介 —— 3D框架；摧枯拉朽，说说ES6的三把火；前端领域2017年有哪些变化，2018年又有怎样的期待？；2017 年 JavaScript 发展状况回顾；CSS系列——一步一步带你认识transition过渡效果

1. 1、28个超牛逼的JavaScript技术用法

   Javascript是一门很吊的语言，我可能学了假的JavaScript，哈哈，大家还有什么推荐的，补充送那啥邀请码。 本文秉承着：你看不懂是你SB，我写的代码就要牛逼。 1、单行写一个评级组件 “★★★★★☆☆☆☆☆”.slice(5 – rate, 10 – rate);定义一个变量rate是1到5的值，然后执行上面代码，看图 才发现插…

2. 2、2018年前端技术趋势预览

   温故而知新 回顾2017年： ES2015普及的一年，并且JavaScript在大家的印象中已经 != 前端，更多的开发者开始使用ES2015来编写应用。

3. 3、我不开玩笑，2018 年你还需要学习 JavaScript

   JavaScript 是 web 开发语言。看看网上点击量超过 1000 万受欢迎的网页，将近 95% 的是用 JavaScript 开发的。 我们再来看 2018 最具就业前景的 7 大编程语言。JavaScript 位居第三。 像谷歌，火狐和 IE 等浏览器都支持 JavaScript 语言。所以，你决定现在学习这门语言，你可以很容易找到工作。但是事物都有两…

4. 4、three.js简介 —— 3D框架

   随着HTML5的普及，网页的表现能力越来越强大，浏览器提供了WebGL接口，可以通过调用对应API进行3D图形的绘制，Three.js在这些基础接口之上又做了一层封装。 特点 Three.js特点： 掩盖了3D渲染细节 面向对象 功能丰富 速度快 支持交互 内置文件支持 拓展性强 同时支持HTML5、2D、…

5. 5、摧枯拉朽，说说ES6的三把火

   我是 Jser 我骄傲 JavaScript 如今可谓是屌丝逆袭高富帅的代名词哈，从当初闹着玩似的诞生到现在 Github 上力压群雄的人气王，JS 搭着互联网的顺风车一路高歌，本身也从一个爷爷不疼奶奶不爱的杀马特小脚本蜕变为一门高大上的主流编程语言。运气固然

6. 6、前端领域2017年有哪些变化，2018年又有怎样的期待？

   以下为我在知乎问题「2017年前端有什么样变化？即将来临的2018有什么样的期待？」下的回答，稍作整理分享给大家。如有遗漏欢迎在评论中指出。原文如下： 在即将过去的2017年里，我们回顾： 逃不过的三大框架 React 继续在前端领域占据着主导地位，并在 2017 年发布了最受期待的版本之一 – React 16。 它包含…

7. 7、2017 年 JavaScript 发展状况回顾

   在 2017 年 JavaScript 状态调查结果出来之前，我们专家小组对 JavaScript 过去一年的发展进行了回顾 去年的 JavaScript 状况调查报告的亮点之一就是，我们组建了一个专家小组对调查结果进行深入分析。 今年呢，我们

8. 8、CSS系列——一步一步带你认识transition过渡效果

   1、前言 transition从网页效果上来看是一种平滑过渡的动画，本质上是在一定的时间内将属性的状态从初始值过渡到结束值。如果不添加transition过渡，在网页中点击鼠标、获得焦点等操作将导致css的值在瞬间完成，看起来比较生硬，而添加了过渡

9. 9、2018 年，React 将独占前端框架鳌头？

   相比 Angular 和 Vue， React 是 2017 年的主要 JS 框架，尤其是 React Native 以前所未有的速度提升自己。 Stateofjs 2017前端框架调查结果 相比较 2016 年的调查结果 所以 ，1 年过去了，Vue.js 显然在前端框架中占据了领导地位，React 的增长也相对稳定，Angular 缺无法企及这两个对手。与 2016…

10. 10、2017 年最热门 JavaScript 链接

    2017年即将过去，是时候进行反思回顾了，看看过去一年里大家在谈论什么项目，大家在点击什么JavaScript话题。 为此，我们研究了一下JavaScript周报(JavaScript Weekly)档案。熟悉的人都知道，它是一份电子邮件简报，每周发布一次，有超过13000个开发人品与程序员订阅。这份简报每周都把过去一星期最佳的JavaScr…

11. 11、前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上

    阅读目录 理想的前端开发流程 Gulp 为何物 webpack 又是从哪冒出来的 结论 文章有点长，总共 1800 字，阅读需要 18 分钟。哈哈，没耐心的直接戳我到高

12. 12、2017下半年掘金日报优质文章合集：前端篇

    在掘金微信群里的小伙伴应该都有看每日小报吧！这是小饼每天为大家精选的优质掘金文章（大家都很爱学习，我已经跟不上了QAQ..）小饼已经被N位群友连续几周催着出小报合集了，2017年马上就要结束了，拖延症绝不拖到明年！这就给大家整理出来——掘金2017下半年优质小

13. 13、未来的前端工程师

    作者简介：aoto 蚂蚁金服数据前端 以下我说的都是个人观点，比较宏观粗浅，主要针对的是前端工程师本身，没有深入技术和业务细节，请谨慎参考。 职能概览 前端工程师首先是个程序员，其次也是个软件工程师，他们工作在离用户最近的地方，负责人机交互和用户体验，

14. 14、优雅而炫酷的适用于 Vue 2.0 的 Dropdown 组件。极大提高交互效果和操作愉悦性

    Simple effects for Dropdown based on Vue.js。 中文 | English 安装 $ npm i -S effect-dropdown-vue # yarn add eff

15. 15、你以为 CSS3 只是个简单的布局？

    CSS3 奇思妙想 前几天看了一篇文章 ， 颠覆了我对 CSS 认识，心中无数次蹦出一个念头：'卧槽，卧槽，还能特么这么用，这特么太叼了' … 于是我迫不及待想跟你们一起分享分享，以后你也可以在别人面前炫（装）耀（逼）了~ ps：本文原创不是我，我只是搬运

16. 16、2017 年前端有什么样变化？即将来临的 2018 有什么样的期待？

    暂时想到这些，持续更新（如果有遗漏请评论或私信告知我）。 在即将过去的2017年里，我们回顾： 逃不过的三大框架 React 继续在前端领域占据着主导地位，并在 2017 年发布了最受期待的版本之一 – React 16。 它包含了可以实现异步 UI 渲染的 fiber 架构。通过提供包括错误边…

17. 17、基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发

    项目简介 基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含： 基础库: vue.js、vue-router、vue

18. 18、怎么理解前端router? 当然是自己实现一个啦

    spa流行的今天不少同学会把前端路由跟后端路由弄混, 莫名其妙的怎么页面404啦之类’奇怪’的问题, 其实这就是没弄清楚前端路由和后端路由的原因(当然你用hash当我没说). 本文所有前端路由都是spa的情况下, 不存在后…

19. 19、你所不知道的JSON.parse() 和 JSON.stringify() – 高级用法

    JSON对象的两个方法：JSON.parse() 和 JSON.stringify() 通常用做JSON对象和字符串之间的相互转换，这里不再详细介绍，你可以查看这篇文章： http://www.css88.com/archives/3919 。 这里介

20. 20、手把手教你如何实现 《前端异常监控系统》

    导火索 有一天一个测试同事的一个移动端页面白屏了，看样子是页面哪里报错了。 我自己打开页面并没有报错，最后发现报错只存在于他的手机，移动端项目又是在微信环境下，调试起来会比较麻烦，最后用他手机调试才发现问题： 是他账户下面有个对话的消息数据有问题导致页

21. 21、javascript组件化

    作为一名前端工程师，写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具，但是在一代代大牛的前仆后继的努力下，渐渐的也摸索了一套组件的编写方式。 下面我们来谈谈，在现有的知识体系下，如何很好的写组件。 比如我们要实现这样一个组件，就是一个输入框

22. 22、vue-cli 解析

    前言 这段时间，算是空出手来写几篇文章了。由于很久都没有时间整理现在所用的东西了，所以，接下来会慢慢整理出一些文档来记录前段时间的工作和生活。 这篇文章的主题是vue-cli的理解。或许，很多人在开发vue的时候，我们会发现一个问题——只会去用，而不明白它的里面的东西。现在的框架可以说是足够…

23. 23、论原子 CSS 的日益普及

    原文地址：On the Growing Popularity of Atomic CSS 原文作者：OLLIE WILLIAMS 译文出自：掘金翻译计划 本文永久链接：github.com/xitu/gold-m… 译者：Cherry 校对者：Tina92、C

24. 24、前端框架Vue学习资源分享

    可能是目前最完整的Vue.js 全面介绍↓1、vue.js功能介绍 – 指令，组件： 2、最容易上手的Vue 2.0入门： 3、Vue2.0实现购物车和地址选配功能： 4、Get全栈技能点 Vue2.0/Node.js/MongoDB： ​​​

    

25. 25、前端模块化，AMD与CMD的区别

    最近在研究cmd和amd，在网上看到一篇不错的文章，整理下看看。 在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀 …

26. 26、2017前端技术大盘点

    前言 临近2017的尾声，总是希望来盘点一下这一年中前端的发展。到目前为止，前端的井喷期也快临近尾声了。并不像几年前一样，总是会有层出不穷的新东西迸发出来。同时，前端技术也慢慢的趋于稳固，自成一套体系。…

27. 27、使用 Webpack 打包单页应用的正确姿势

    前言：在现代前端工程中，模块化已经成了前端项目组织文件的标配，网站上线前都会把需要的相关模块预先打包、处理一番。然而打包的方式多种多样，如何才能最优雅的分离业务代码和依赖库、如何才能最高效的利用缓存？本文将会和大家分享饿了么前端团队总结的各方案优劣、踩过的坑，

28. 28、每日一博 | 为什么 43% 前端开发者想学 Vue.js

    根据 JavaScript 2017前端库状况调查 Vue.js 是开发者最想学的前端库。我在这里说明一下我为什么认为这也是和你一起通过使用Vue构建一个简单的App应用程序的原因。 我最近曾与Evan You，Chris Fritz，Sarah Drasner，和Adam Jahr做了一个介绍视频，而现在你可以在 http://vuejs.org首页找到它。以下是该视频的文字版…

29. 29、技术胖159集前端原创视频免费送给你

    Hi,我是技术胖，新年给大家送礼了！！！文章中视频包括Vue2.0，React最新版，ES6，前端游戏开发，Koa2（以下视频均是技术胖自己录制）。感谢有很多前端爱好者陪我走过2017，我不展望，也不总结，来点实际的，让大家学到东西，才是实实在在（东北爷们应有

30. 30、CSS3的动画属性

    transition、animation和transform是CSS3中三个制作动画的重要属性，本篇文章主要对其进行学习了解。 一、transition transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被

31. 31、现代浏览器性能优化-CSS篇

    我来填坑了，CSS篇终于写出来了，如果你没看过前面的JS篇，可以在这里观看。 众所周知，CSS的加载会阻塞浏览器渲染或是引起浏览器重绘，目前业界普遍推荐把CSS放到<head>中，防止在CSS还没加载完，DOM就已…

32. 32、2017前端监控系统探索总结

    背景 在当下互联网行业，监控概念与重要性已经不需要再进行阐述，然而监控分为多种，对物理层（机房，云主机）的监控，对传输链路的监控，对已部署服务的监控等等，而后端的代码通常直接运行在服务器并处于24小时实时的监控状态之下，一旦服务的可用性出现问题，SRE和DEV

33. 33、基于react的 markdown 输入 + 即时预览在线编辑器

    本文介绍如何使用 Ace和 CodeMirror来实现一个基于 react的 markdown 输入 + 即时预览在线编辑器 Ace版本 Ace算是一个久经考验的老牌编辑器插件了，现在很多大公司都在用这个东西，似乎 Github曾经就使用 Ace用于构建它

34. 34、JavaScript 年度调查报告：React、Vue 和 Angular 三分天下，谁将在 2018 年独占鳌头？

    要论 2017年最主流的三个 Web前端框架，应莫过于 Angular、Vue和 React了。然而在实际应用中，这三个框架却不尽相同，对于规模不大的前端项目来说，Vue因其极易上手会被列出首选之位，Angular在快速开发大型 Web项目上很受推崇，但仍存诸多缺陷，React正为 JavaScript应用开发者提供新的开发方式。因此，面对各有千秋的…

35. 35、nodejs+mongodb+vue前后台配置ueditor

36. 基于手淘 flexible 的 Vue 组件：Toast — 显示框 基于手淘 flexible.js 的 Vue 组件 前言： 目前手头的移动端Vue项目是用手淘的 lib-flexible 作适配的，并用px2rem 来自动转换成rem。关于lib-flexible和px2rem的配置，请移步 vue-cli 配置 flexible 。 由于使用rem作适配，导致现有的很多移动端UI框架不能与之很好的配合，往往需要大动干戈更改U…

37. 37、2017前端期末考试，看看你会不会挂科

38. 38、javascript异步编程(一)-现状

    写在前面, 这个话题其实还挺大的, 我自己恐怕力有不逮, 所以只能算是笔记总结, 写的肯定会有点简略. 有错误实在太正常了. 希望能多多指教. 这篇文章仅仅是解释一下现有的异步编程方案不涉及具体原理, 但是我的想法是试试看能不能每个方案都自己实现一遍, 所以可

39. 39、2017 年 7 月：15 个有趣的 JS 和 CSS 库

40. 40、Angular4学习之依赖注入

    在一个项目中，组件和服务之间存在错综复杂的关系，为了最小程度的耦合，我们需要来管理组织这种关系，依赖注入就是管理这种关系的一种方式。 为什么要使用依赖注入 在学习一个概念之前，我们必须要知道我们为什么要学习这个东西，这个东西究竟解决了什么问题。就好比这里讲到的，依赖注入究竟解决了什么问题。要解…

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

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