20170906 前端开发日报

不仅仅是面试，JavaScript 开发者都应该知道的十个概念；vue-easytable ——强大的 vuejs table 组件；《深入理解ES6》阅读笔记 — 函数；个人小结–javascript实用技巧和写法建议；你真的需要一个CSS实用工具集吗？；最全前端性能优化秘籍（二）；log4js在PM2的cluster模式下大坑；[譯]您閱讀的 Nodejs/Express.js 驗證機制教學（很可能)錯了

1. 不仅仅是面试，JavaScript 开发者都应该知道的十个概念 自学 现在学习 JavaScript 和 Web 开发的人很多，他们都希望能凭此获得一份工作。然而，自学常常会使学习者对 JavaScript 语言本身的理解存在知识盲点。 实际上，令人感到惊讶的是，他们只需要掌握很少的语言知识就能制作复杂的网页，然而这样通常不能很好掌握 JavaScript 的基础知识。 使用基本的技能来实现功能…
2. vue-easytable ——强大的 vuejs table 组件 vue-easytable 是基于 vue2.x 的 table 组件。 主要功能 自适应，可以随着浏览器窗口改变自动适应 固定列，表头固定 列宽拖动（默认支持） 排序，支持单个、多个字段排序 自定义列、自定义单元格样式、loading效果等 自带分页组件 安装 npm install vue-easytable –save-dev…
3. 《深入理解ES6》阅读笔记 — 函数 ES6的函数有几个显著的特点，方便了传入参数的处理，又不失优雅。提供的箭头函数虽然有诸多限制，但是在表达上减少了代码量还解决了我们在ES5中遇到的`this`丢失的问题。比较乐观的说，这是我非常喜欢使用的ES6新特性之一。 ES6的函数有几个显著的特点，方便了传入参数的处理，又不失优雅。提供的箭头函数虽然有诸多限制，但是在表达上减少了代码量还解决了我们在ES5中遇到的`this`丢失的问题。比较乐观的说，这是我非常喜欢使用的ES6新特性之一。
4. 个人小结–javascript实用技巧和写法建议 1.前言 从大学到现在，接触前端已经有几年了，感想方面，就是对于程序员而言，想要提高自己的技术水平和编写易于阅读和维护的代码，我觉得不能每天都是平庸的写代码，更要去推敲，去摸索和优化代码，总结当中的技巧，积极听取别人的建议，这样自己的技术水平会提高的更快。那么今天，我在这里就分享一下关于javascript…
5. 你真的需要一个CSS实用工具集吗？ 让我们先来定义：一个CSS工具集库是一个拥有许多可用于做许多一次性小事的样式表。如调整margin和padding的类。设置颜色的类。设置具体样式属性的类。设置尺寸的类。工具集库会用不同的方式来实现这些东西,但更像是分享这种理念。这种方式在本质上更像是把样式放 让我们先来定义：一个CSS工具集库是一个拥有许多可用于做许多一次性小事的样式表。如调整margin和padding的类。设置颜色的类。设置具体样式属性的类。设置尺寸的类。工具集库会用不同的方式来实现这些东西,但更像是分享这种理念。这种方式在本质上更像是把样式放
6. 最全前端性能优化秘籍（二） 上一章节中，我们提到了页面级别的优化前端性能，本章节，我们会继续详细介绍另外两类的优化：服务端优化和代码级优化。 【服务器端优化】 一、使用CDN 再次强调第一条黄金定律，减少网页内容的下载时间。提高下载速度还可以通过CDN(内容分发网络)来提升。CDN通过部署在不同地区的服务器来提高客户的下载速…
7. log4js在PM2的cluster模式下大坑 log4js在PM2的cluster模式下大坑 Node.js September 05 2017 解决问题 之前一直使用 debug 还有 console.log 去打日志，或者使用文件日志模块，之前用 log4js 也主要为了把日志传输到 ELK 上。新的项目上决定使用 log4js 来全面统一项目中的日志，…
8. [譯]您閱讀的 Nodejs/Express.js 驗證機制教學（很可能)錯了 原文： Your Node.js authentication tutorial is (probably) wrong 最近花了些時間搜尋、研究 Node.js/Express.js 有關驗證機制的教學。大部分的文章要不是不夠完整，要嘛就是在安全性的部分有錯，並可能造成用戶潛在的風險。 這篇文章預計要探討這些常見驗證機制的問題、陷阱，以及點出該如何避免發生…
9. 开发 React 自定义组件 1. 前言 在React出来之前，已有无数前端框架或库诞生，功能非常强大、也非常好用，伴随着我们前端开发人员走过一年又一年。但为什么React一出，受到国内外热捧，它到底解决了前端哪些痛点？ 个人不成熟理解有如下两点： Web Component Virtual DOM …
10. 使用 Vue2.js + Node.js 搭建一个小型的全栈项目 由于最近公司业务不是很忙，空闲时间比较多，于是就在纠结Vue.js（之前就学习过）和Node.js先专研哪个比较好，最终选择了先玩玩Node.js。经过一段时间的学习，就有了教程 Node+Koa2+Mysql 搭建简易博客 GitHub地址，想要了解的可以先 由于最近公司业务不是很忙，空闲时间比较多，于是就在纠结Vue.js（之前就学习过）和Node.js先专研哪个比较好，最终选择了先玩玩Node.js。经过一段时间的学习，就有了教程 Node+Koa2+Mysql 搭建简易博客 GitHub地址，想要了解的可以先
11. 前端校招该考察什么？一个面试官的思考 | 掘金技术征文 前言我是团队的一个老校招面试官，这几年陆陆续续虐过不少校招学生，遇到过很优秀聊得很开心的，遇到过让我直皱眉头的，遇到过很懂套路的，也遇到过不善表达的。讲真，面试前我还常感到紧张，我怕一个好苗子因为我的笨问题没得到充分挖掘而错过。于是我经常在想：什么才是好问题， 前言我是团队的一个老校招面试官，这几年陆陆续续虐过不少校招学生，遇到过很优秀聊得很开心的，遇到过让我直皱眉头的，遇到过很懂套路的，也遇到过不善表达的。讲真，面试前我还常感到紧张，我怕一个好苗子因为我的笨问题没得到充分挖掘而错过。于是我经常在想：什么才是好问题，
12. JavaScript 运算符规则与隐式类型转换详解 – 知乎专栏 JavaScript 运算符规则与隐式类型转换详解 从属于笔者的 现代 JavaScript 开发：语法基础与工程实践 系列文章，主要探讨 JavaScript 中令人迷惑的加减乘除与比较等常见运算中的规则与隐式类型转换；本文中涉及的参考资料全部声明在了 JavaScript 数据结构学习与实践资料索引 。 在 JavaScript 中，当我们进行…
13. 教你编写 Node.js 中间件，实现服务端缓存（附demo源码）
14. 我的前端故事—-我为什么用GraphQL 背景 今年我在做一个有关商户的app，这是一个包含商户从入网到审核、从驳回提交到入网维护的完整的生命周期线下推广人员使用的客户端软件，但故事并没有这么简单。。。
15. JavaScript 专题之函数记忆 JavaScript 专题系列第十七篇，讲解函数记忆与菲波那切数列的实现 定义 函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。 举个例子： function add(a, b) { return a JavaScript 专题系列第十七篇，讲解函数记忆与菲波那切数列的实现 定义 函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。 举个例子： function add(a, b) { return a JavaScript 专题系列第十七篇，讲解函数记忆与菲波那切数列的实现 定义 函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。 举个例子： function add(a, b) { return a
16. vue2实践（持续更新） 记录一些小技巧和踩过的坑 由于本篇文章内容太多，导致SF编辑器有点卡，所以新开辟了一篇 vue2实践（二），后续再这里更新。 1. props 带不带冒号的区别 记录一些小技巧和踩过的坑 由于本篇文章内容太多，导致SF编辑器有点卡，所以新开辟了一篇 vue2实践（二），后续再这里更新。 1. props 带不带冒号的区别
17. 一个可继承的前端开发框架 Intact 开源中国全球专享福利，云栖大会购票大返现！>>>   Intact是一个充分利用继承思想开发前端页面的框架，秉承了数据驱动来简单高效地更新界面的同时，又充分利用组合和继承来实现代码的复用。 Intact将组
18. WebRTC 拥塞控制策略 影响视频会议质量的因素主要在于视频图像质量和传输时延。视频图像质量对于视频会议的影响不在此赘述。视频会议等实时流媒体应用对于实时性的要求很高，实时性要求我们必须要有较低的时延（时延敏感）。影响时延的因素包含： 媒体数据在收发端的处理速度 网络拥塞 网络拥塞是本文的研究重点…
19. 5分钟极速上手 CSS Grid 5分钟极速上手 CSS Grid 作者：jensimmons 原文：http://jensimmons.com/post/aug-15-2017/heres-super-quick-way-try-out-css
20. 开源库：React 图片处理组件 react-imgpro Image Processing Component for React Introduction react-imgpro is a image processing component for React. This Image Processing Component for React Introduction react-imgpro is a image processing component for React. This
21. JavaScript 里 this 的简单规则 几条规则确定函数里的 this 是什么。 想确定 this 是什么其实非常简单。总体的规则是，通过检查它的调用位置，在函数被调用的的时候确定 this。它遵循下面这些规则，接下来以优先级顺序说明。 规则 1、如果在调用函数时使用 new 几条规则确定函数里的 this 是什么。 想确定 this 是什么其实非常简单。总体的规则是，通过检查它的调用位置，在函数被调用的的时候确定 this。它遵循下面这些规则，接下来以优先级顺序说明。 规则 1、如果在调用函数时使用 new
22. 一款基于原生js的视差插件,提供网站的交互性,支持具有陀螺仪的移动设备. Based on native JS, you do not need to install other dependencies. Focus on interaction, rathe Based on native JS, you do not need to install other dependencies. Focus on interaction, rathe
23. webpack 从入门到工程实践 本文来自作者 张旺 在 GitChat 上精彩分享 前言 本文较长，为了节省你的阅读时间，在文前列写作思路如下： 什么是webpack ，它要解决的是什么问题？ 本文来自作者 张旺 在 GitChat 上精彩分享 前言 本文较长，为了节省你的阅读时间，在文前列写作思路如下： 什么是webpack ，它要解决的是什么问题？
24. 关于 RxJS 中的 Subject 原文链接: medium.com/@benlesh/on…本文为 RxJS 中文社区 翻译文章，如需转载，请注明出处，谢谢合作！如果你也想和我们一起，翻译更多优质的 RxJS 文章以奉献给大家，请点击【这里】 RxJS 中的 Subjects 经常被误解。因 原文链接: medium.com/@benlesh/on…本文为 RxJS 中文社区 翻译文章，如需转载，请注明出处，谢谢合作！如果你也想和我们一起，翻译更多优质的 RxJS 文章以奉献给大家，请点击【这里】 RxJS 中的 Subjects 经常被误解。因
25. 你需要知道面试中的10个JavaScript概念 翻译原文出处：10 JavaScript concepts you need to know for interviews 之前不是闹得沸沸扬扬的大漠穷秋文章《为 翻译原文出处：10 JavaScript concepts you need to know for interviews 之前不是闹得沸沸扬扬的大漠穷秋文章《为
26. 一篇文章讲清楚React的基础概念 译文，原址：https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2 译文，原址：https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2 译文，原址：https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2 译文，原址：https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2 译文，原址：https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2
27. 《深入理解 ES6》阅读笔记：函数 ES6的函数有几个显著的特点，方便了传入参数的处理，又不失优雅。提供的箭头函数虽然有诸多限制，但是在表达上减少了代码量还解决了我们在ES5中遇到的`this`丢失的问题。比较乐观的说，这是我非常喜欢使用的ES6新特性之一。 在参数处理上，ES6给大家提供了默认参数和不定参数的选择，而默认参数在某个形式上对…
28. JavaScript Event Loop 机制详解与 Vue.js 中实践应用 JavaScript Event Loop 机制详解与 Vue.js 中实践应用归纳于笔者的现代 JavaScript 开发：语法基础与实践技巧系列文章。本文依次介绍了函数调用栈、MacroTask 与 MicroTask 执行顺序、浅析 Vue.js 中 n JavaScript Event Loop 机制详解与 Vue.js 中实践应用归纳于笔者的现代 JavaScript 开发：语法基础与实践技巧系列文章。本文依次介绍了函数调用栈、MacroTask 与 MicroTask 执行顺序、浅析 Vue.js 中 n
29. Promise：从懵逼开始摸爬滚打 前言 是的，Promise长期让我处在懵逼状态。就像高中学不会化学，可是总有人跟你说：化学，不是很简单吗？（再见） 找了几篇文章看，把我拉出懵逼状态的是同事的一句话和一篇文章，特此记录。 话：“.then()参数就是向前面的异步函数注册 前言 是的，Promise长期让我处在懵逼状态。就像高中学不会化学，可是总有人跟你说：化学，不是很简单吗？（再见） 找了几篇文章看，把我拉出懵逼状态的是同事的一句话和一篇文章，特此记录。 话：“.then()参数就是向前面的异步函数注册
30. 【GitHub 上最火的 Python 开源项目】许多开发者都有定期浏览 GitHub 的习惯，对于 GitHub 上如此众多的项目，有人不断分享，有人不断 Mark。每个人浏览的时候，都会注意到 Star 的数量。今天，我们依照 Star 数，盘点 GitHub 上Python 语言中最火的 15 个开源项目。详见 ​​​

    

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多