20170822 前端开发日报

几种 JavaScript 动画库推荐

JavaScript 库对设计师和开发人员来讲，都是很是有用的工具。它们能够为你的网站添加一些超级强大的功能，给用户带来更好的体验。

2017年8月前端开发者超实用干货大合集

在过去的几年当中，网络上所流传的各类设计和开发资源，在素质上有明显的提高。其中有一些已经几乎成为了设计师和开发者必备的工具，可是其中绝大多数因为其应用范畴的局限，或者传播不够广，致使它们大多并广为人知。将这些素材集中到一块儿，很大程度上是但愿它们的目标用户可以明白，须要这些工具的时候，上哪儿找。 此次的前端干货合集内容也很齐全，仔细看看，总能找到几款你所须要的。

深度好文 | JavaScript 疲劳终极指南：咱们行业的真相

上周我在 NebraskaJS 2017 会议上作了一个和这个话题极其相似的演讲，我也收到了许多积极的反馈，因此我就想这个演讲也能够写成一篇文章发表出来，让更多的人知道，并帮助他们应对 JS 疲劳，理解咱们行业的真相。 这篇文章的目的是但愿改变你对软件工程行业的广泛的见解，助你在你可能工做的领域上一臂之力。

JavaScript数据结构和算法

数据结构和算法对于不少前端工程师来讲，一直以为是无关紧要的，但其实否则，我的以为，前端工程师实际上是最须要重视数据结构和算法的人，由于前端所作的东西是用户访问网站第一眼看到的东西，特别在移动浪潮到来以后，对用户体验愈来愈高，对前端提出了更高的要求，面对愈来愈复杂的产品，须要坚实的数据结构和算法基础才能驾驭。 若是没有学习过计算机科学的程序员，当咱们在处理一些问题时，比较熟悉的数据结构就是数组，数组无疑是一个很好的选择。但不少时候，对于不少复杂的问题，数组就显得太过简陋了，当学习了数据结构和算法以后，对于不少编程问题，当想到一个合适的数据结构后，设计和实现解决这些问题的算法就手到擒来。

Vue.js数据绑定原理

Vue.js是一款MVVM框架，上手快速简单易用，经过数据绑定在修改数据的时候更新视图。Vue.js的数据绑定原理依赖于Object.defineProperty，尤大大在Vue.js文档中就已经提到过，这也是Vue.js不支持E8 以及更低版本浏览器的缘由。Vue经过设定对象属性的 setter/getter 方法来监听数据的变化，经过getter进行依赖收集，而每一个setter方法就是一个观察者，在数据变动的时候通知订阅者更新视图。

从删库到跑路！IT工程师离职后删雇主网站源码判刑五年

软件工程师徐某离职后因公司未能如期结清工资，便利用其在所设计的网站中安插的后门文件将网站源代码所有删除。最终徐某破坏计算机信息系统罪成立，获刑五年。

HTTP缓存机制详解

Http 缓存机制做为 web 性能优化的重要手段，对于从事 Web 开发的同窗们来讲，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同窗来讲是必备的知识技能。 可是对于不少前端同窗来讲，仅仅只是知道浏览器会对请求的静态文件进行缓存，可是为何被缓存，缓存是怎样生效的，却并非很清楚。 在此，我会尝试用简单明了的文字，像你们系统的介绍HTTP缓存机制，指望对各位正确的理解前端缓存有所帮助。

如何监听页面DOM变更并响应

最近在作 chrome 插件开发，既然是插件那就不免不对现有页面作一些控制，好比事件监听、调整布局、对 DOM 元素的增删改查等等。其中有一个需求比较有意思，便整理一下顺便把涉及到的知识点复习一遍。

当即表达式的多种写法与注意点以及in操做符的做用

当即表达式，在javascript中很是常见， 采用当即表达式能够造成一个局部做用域， 常配合闭包实现模块化编程等其余用途，接下来咱们看看，在大多数的框架中，当即表达式都有哪些写法，以及须要注意的点，另外再介绍下in操做符的用法。

常见 CSS 布局方式

详见： 一些常见的 CSS 布局方式梳理，涉及 Flex 布局、Grid 布局、圣杯布局、双飞翼布局等。

咱们动手来封装一个JS的发布订阅组件

说起发布订阅，咱们都知道是一种比较经典的设计模式。好比像redux等比较流行的一些库或者一些前端框架底层都会用来做为通信机制，那么咱们今天就来封装一个基于发布订阅的组件。

HTML5 indexedDB 前端本地存储数据库实例教程

HTML5 indexedDB和Web SQL Database都是本地数据库数据存储，Web SQL Database数据库要出来的更早，然并卵。从2010年11月18日W3C宣布舍弃Web SQL database草案开始，就已经注定Web SQL Database数据库是明日黄花。

原文：http://caibaojian.com/fe-dail...