1.常见的CSS布局方式详见：一些常见的CSS布局方式整理，涉及Flex布局、Grid布局、圣杯布局、双飞翼布局等。http://cherryblog.site/common...2.几个JavaScript动画库推荐JavaScript库对于设计师和开发人员来说是非常有用的工具。他们可以为您的网站添加一些超级强大的功能，并为用户提供更好的体验。http://www.tuicool.com/articl...三、JS命名与注解规范详解收获颇丰，在此写下自己的开发心得。本文参考了JavaScript开发规范，进行了补充和修改，删除了框架开发相关的内容。http://foreverz.cn/2017/08/23...4.JavaScript数据结构与算法数据结构与算法一直被很多前端工程师认为是可有可无的，但事实并非如此。个人认为，前端工程师其实是最需要关注数据结构和算法的，因为前端干什么，是用户访问网站首先看到的。为了满足更高的要求，面对越来越复杂的产品，需要有扎实的数据结构和算法基础来驾驭它们。如果你是一个没有学过计算机科学的程序员，当我们在处理一些问题的时候，比较熟悉的数据结构就是数组，而数组无疑是一个不错的选择。但是在很多情况下，对于很多复杂的问题，数组都过于简单了。在学习了数据结构和算法之后，对于很多编程问题，在想到了合适的数据结构之后，设计和实现解决这些问题的算法就唾手可得了。https://github.com/zoro-web/b...5、JavaScript数据类型的存储是一个很基础的知识点，基本数据类型和引用数据类型在JavaScript中是如何存储的。由于我是一个狂野的程序员，刚开始学编程的时候并没有注意记忆的基础。结果，当我提到“栈中存的是什么，存的是什么，栈中存的只是一个引用”时，一直挂在嘴边。一脸懵逼。.后来慢慢学习了一些记忆知识，还是很有必要去了解的。http://axuebin.com/blog/2017/...6、iframe和HTML5blob实现JS、CSS、HTML直接页面预览前端代码效果实时预览的需求其实很普遍，比如jsbin,codepen,runjs之类的网站都满足这个要求。传统的方式是这样的，会创建一个新的独立页面来接收传入的前端代码，通过打开一个新窗口或者嵌入一个iframe页面来实现最终的效果，可能会用到HTML5postMessage等通信技术.本文介绍借助iframe和blob实现前端代码的实时预览。http://www.zhangxinxu.com/wor...7.浅谈JavaScript中的接口实现接口是面向对象的JavaScript程序员工具箱中最有用的工具之一。设计模式中提出的可重用面向对象设计的原则之一是“面向接口编程而不是编程”，也就是我们所说的面向接口编程。可见这一概念的重要性。但问题在于，在JavaScript世界中，没有内置的方法来创建或实现接口，也没有办法确定一个对象是否实现了与另一个对象相同的一组方法，这使得使用起来很困难对象互换。幸运的是，JavaScript具有出色的灵活性，可以很容易地模拟传统的面向对象的接口并添加这些功能。接口提供了一种手段来描述一个对象应该有哪些方法，虽然它可以指明这些方法的含义，但是它并不包含具体的实现。使用此工具，可以根据对象提供的属性对对象进行分组。http://developer.51cto.com/ar...八、深入理解JavaScript中的this你是否经常被JavaScript中的this关键字弄糊涂？别太在意，很多JavaScript初学者都被它迷惑了是的。你并不孤单。话虽如此，但这并不意味着您永远不必了解这一点。无论是在JavaScript中还是在很多教程中，这个都被广泛使用，所以掌握这个是迟早的事情。一旦你明白了这一点，你就会觉得它其实比你想象的要简单得多。阅读本文后，您将深刻理解其中的奥秘。到那时你就会知道它是什么，它做什么以及如何使用它。https://zhuanlan.zhihu.com/p/...9.如何写一个轻量级的CSS框架想说的很多，但又无从下手。如今，轻量级框架如雨后春笋般涌现，层出不穷。我觉得大家应该总结一下工作中常见的需求，写出适合自己的CSS框架。（由nzbin提供）http://web.jobbole.com/92035/10。JavaScript中的执行上下文和调用堆栈是什么？详见：一篇带你了解JavaScript基本概念执行上下文的文章。在本文中，作者将帮助您了解JavaScript解释器如何执行您的代码。http://zcfy.cc/article/what-i...11.JavaScript提升之路——异步实现（上）程序当前运行部分和以后运行部分的关系是异步的核心编程。简单的说，如果程序中有一部分是现在要运行的（顺序同步执行），还有一部分是以后要运行的（可能是设置超时后执行的函数）或者ajax异步调用），那么两者之间的区别关系的构建就构成了异步编程。https://segmentfault.com/a/11...12，深度好文|JavaScript疲劳终极指南：我们行业的真相上周我在NebraskaJS2017大会上做了一个和这个话题非常相似的演讲，我也接受了很多积极的反馈，所以我觉得这个演讲也可以写并以文章的形式发表，让更多的人知道并帮助他们应对JS疲劳，了解我们这个行业的真相。本文的目的是希望改变您对软件工程行业的普遍看法，并让您了解您可能在哪里工作。https://zhuanlan.zhihu.com/p/...13.在JavaScript中实现队列队列和堆栈非常相似，但使用不同的原则而不是后进先出。队列是一组遵循FIFO（先进先出，也称为先进先出）原则的有序项目。队列在尾部添加新元素并从顶部删除元素。最近添加的元素必须在队列的末尾。在现实中，最常见的例子就是排队：排在第一位的人先得到服务。http://alloween.top/2017/03/26/ImplementingQueuesinJavaScript/14,SimpleWebAudioApiWebAudioAPI需要在音频上下文中处理音频操作，具有模块化路由的特点。基本的音频操作是通过音频节点执行的，这些节点连接在一起形成音频路由图。我们可以从上面的文字中提炼出几个关键词：AudioContextAudioNodeModularAudioGraph我将从这几个关键词开始慢慢介绍什么是WebAudioApi以及如何使用WebAudioApi处理音频等。https://juejin.im/post/599e35...15,August2017超实用的前端开发干货合集这几年，网上流传的各种设计开发资源，在质量上都有明显的提升。其中一些几乎已经成为设计人员和开发人员的必备工具，但大多数由于应用范围有限或传播不足而未被广泛知晓。将这些材料放在一起主要是希望他们的目标用户能够了解在需要时在哪里可以找到这些工具。这套前端干货合集也很全。如果你仔细看，你总能找到一些你需要的东西。https://juejin.im/entry/599b9...16。个人总结（css3的新特性）相信大家对css3都不陌生。这是一件非常有趣和神奇的事情！有了css3，js可以少写很多！之前也写过css3的文章，也封装了一些css3的小动画。个人觉得css3不难，难的是用好，好用。最近也翻了一下css3的一些新特性（不是全部，工作中经常用到，还是觉得有用），还有一些例子。刚刚写了这篇总结！希望这篇文章能帮助你理解css3。写这篇文章主要是为了让大家了解CS??S3的一些新特性，以及基本的用法，感受CSS3的魅力！想要用好css3，还得继续努力学习，找一些比较深入的文章或者书籍！如果您还有其他功能推荐，欢迎补充！让我们一起学习，共同进步！https://segmentfault.com/a/11...17、vue插件编写与实战本文基于vue开源理念，主要讲解vue编写vue插件的方法和步骤开发者，通过理论与实践的结合来加深大家对Vue插件编写的理解。https://juejin.im/post/599c18...18。Ajax综合总结Ajax在前端开发中起着举足轻重的作用。Ajax的使用和注意事项一直是一个重要的话题。借此机会，本文希望对Ajax做一个全面的总结，彻底揭开Ajax的神秘面纱。1.什么是AjaxAjax(AsynchronousJavaScriptandXM...https://segmentfault.com/a/11...19、HTTP缓存机制详解Http缓存机制是web性能优化的重要手段，对于从事的同学web开发对于我们来说应该是知识体系库中的一个基础环节，同时也是有志于成为前端架构师的同学必备的知识和技能，但是对于很多前端同学来说，他们只知道浏览器会响应请求。静态文件是有缓存的，但是为什么要缓存，缓存是怎么工作的不是很清楚。这里我尽量用简单明了的文字，像大家系统的介绍HTTP缓存机制，希望对大家正确理解前端Cache有所帮助。https://segmentfault.com/a/11...20、Vue.js数据绑定原理Vue.js是一个MVVM框架，速度快并且使用方便，可以通过数据绑定修改数据，在更新视图的时候更新视图。Vue.js的数据绑定原理依赖于Object.defineProperty，游达在Vue.js文档中提到，这也是Vue.js不支持E8及以下版本浏览器的原因。Vue通过设置对象属性的setter/getter方法来监听数据变化，通过getter收集依赖，每个setter方法都是一个观察者，当数据变化时通知订阅者更新视图。https://juejin.im/post/599aac...过去一周发表了哪些好文章：回复号告诉我最需要哪些文章，或者你喜欢本周发表的文章，欢迎收藏和收藏备份，关注我每天都能收到最新有用的前端开发知识。你不会后悔的。JavaScript对象所有API解析-前端日常前端程序员分享：我是怎么学JavaScript的brackets：前端开发工程师必备编辑器之一几个JavaScript动画库推荐-前端日常Vue插件写作与实战-前端日常深入理解JavaScriptthis-前端日常Ajax综合总结；JavaScript数据类型的存储七大不容错过的React组件库和开发框架支持是我每日更新的动力！喜欢前端开发的朋友可以点击关注我，每天分享前端精彩文章！更多今日精彩文章：http://caibaojian.com/fe-dail...
