20170326 前端开发日报-前端开发博客

前端Web开发资源整理；JavaScript 中闭包的详解；我的web前端面试经历————百度；前端渲染引擎 doT.js 解析；前端开发面试题集锦–HTML篇；JavaScript 中实现继承的几种方法；WebStorm 2017.1 增加对 Vue.js 的支持；Web 前端知识总结

前端Web开发资源整理作者整理的一系列前端干货：1）想开发项目，哪里找教程；2）关于前端的有趣网站；3）分享一些前端文章合集；
JavaScript 中闭包的详解通过自己如何学习闭包，从一点点的思路说起，到闭包的内存管理，更容易理解闭包。
我的web前端面试经历————百度我的web前端面试经历
前端渲染引擎 doT.js 解析背景前端渲染有很多框架，而且形式和内容在不断发生变化。这些演变的背后是设计模式的变化，而归根到底是功能划分逻辑的演变：MVC—>MVP—>MVVM（忽略最早混在一起的写法，那不称为模式）。近几年兴起的React、Vue、Angular等框架都属于MVVM模式，能帮我们实现界面渲染、事件绑定、路由分发等复杂功能。但…
前端开发面试题集锦–HTML篇前端开发面试题集锦–HTML篇
JavaScript 中实现继承的几种方法 JavaScript(ES5) 中没有像 Java 那样类的概念，写法跟传统的面向对象语言（比如 C++ 和 Java）差异很大，很容易让新学习这门语言的程序员感到困惑。但是我们可以通过原型链 prototype 来模拟类，去实现继承的相关功能。也可以用 ES6 的 class.
WebStorm 2017.1 增加对 Vue.js 的支持数年来，WebStorm 都力争跟上 Javascript 的最新的和最重要的改进，以保持其身为开发工具竞争力。近日，JetBrains 发布 WebStorm IDE 2017.1，毫不意外地增加了对 Vue.js 的支持。
Web 前端知识总结关于前端的知识体系和资料
如何写一手漂亮的 Vue | 晚晴幽草轩身在程序的江湖，如你是一位即将出征武士，对决于浩瀚无尽的需求大军；那么你不仅需要一副好的体格，还需要一身技艺：而这软件工程学(抑或加算法)就好比内功（查克拉）；而所使用的各家语言，则好如武学招式（独孤九剑？）；那加以利用的各种工具，当如随身利器（小李飞刀？）；那属于自己一套极致开发流程，便是轻功（…
为什么非全站HTTPS不可？全站 HTTPS 和部分升级 HTTPS 的详尽对比
HTML5MusicPlayer：HTML5 音乐播放器升级版 2.1 版本 – 2017 03.26 这个版本较与上一版本有两个小改动，一是增添了随机播放和顺序播放的功能，二是对正在播放的音乐背景加深显示而且具有scrollView功能。先来介绍第一个功能：其实现起来非常简单，就是利用一个div容器包含两个img标签，将div的position设置为relative，将img的position设置…
前端开发面试题集锦–CSS篇前端开发面试题集锦–CSS篇
vue-router 实现分析 vue-router 是 Vue.js 官方的路由库，本着学习的目的，我对 vue-router 的源码进行了阅读和分析，分享出来给其他感兴趣的同学做个参考吧。
《CSS 布局十八般武艺都在这里了》布局是CSS中一个重要部分，本文总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现），希望能给需要的小伙伴带来一些帮助。（by 码蜂社）
HTML5 音乐播放器音乐播放器 2.0
深入理解 JSON 我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题，请问，以下JS对象通过JSON.stringify后的字符串是怎样的？先不要急着复制粘贴到控制台，先自己打开一个代码编辑器或者纸，写写看，写完再去仔细对比你的控制台输出，如果有误记得看完全文并评论，哈哈。 var friend={ firstName: ‘Good’, ‘las…
详细解析 HTTP 与 HTTPS 的区别面试季中面试官非常喜欢问的一个点，那么 HTTP 与 HTTPS 有什么区别？分享一篇很好的文章
Git 由浅入深之存储原理本来计划本篇介绍Git分支的相关知识点与操作，但是准备的过程中发现涉及到很多内部存储原理，决定先介绍一下Git存储原理，明白了这些，有助于理解后续内容，对Git的使用也会有很大帮助。 Git存储目录结构在初始化项目仓库时（git clone 或git init），Git会在根目录下创建一个.git目录，其下存放着Git操作…
【移动开发者值得一试的6个JavaScript框架】JavaScript是一门应用广泛的程序语言，不仅可以帮助开发者很好的完成交互式设计，还能够对跨平台的web开发有所帮助。（来自： evget ）
用 Node 抓站（二）：Promise 使代码更优雅本文主要目的是通过抓取「电影天堂」的最新电影名称和下载地址，展现如何抓取列表之后，继续抓取正文内容使用《用Node抓站（一）》（没看过的可以翻看下本公众号的历史文章）当中写的spider.js 代码可以直接用下面的代码把列表抓出来： var spider = require(
#开源项目#【仿网易云音乐 Web 版：Vue-163-Music】详见： Vue-163-Music 是利用 Vue 实现的网易云音乐 Web 版，它支持 PC 端常用功能，LocalStorage 保存播放列表。在线版地址：
Angular 4.0.0 发布正式版 Angular version 4.0.0 – invisible-makeover – is now available. This is a major release following our announced adoption of Semantic Versioning, and is backwards compatible with 2.x.x for most applications.
JavaScript 中一个运算符优先级问题引发的思考 JavaScript 中一个运算符优先级问题引发的思考，有可能平时我们会忽视…
《20个必会的JavaScript面试题》JavaScript 未声明变量直接使用会抛出异常：var name is not defined，如果没有处理异常，代码就停止运行了。但是，使用typeof undeclared_variable并不会产生异常，会直接返回 undefined。
CSS3 3D 行星运转以及浏览器渲染原理最近入坑 Web 动画，所以把自己的学习过程记录一下分享给大家。 CSS3 3D 行星运转 demo 页面请戳：Demo。（建议使用Chrome打开）本文完整的代码，以及更多的 CSS3 效果，在我 Github 上可以看到，也希望大家可以点个 star。嗯，可能有些人打不开 demo 或者页面乱了，贴几张效果图：（图片有点大，耐心等待一会） C…
react 高阶组件之经典应用：权限控制 react 高阶组件的项目实践
Angular的12个经典问题，看看你能答对几个？（文末附带Angular测试）不论是初学Angular的新手，还是有一定Angular开发经验的开发者，了解本文中的12个经典面试问题，都将会是一个深入了解和学习Angular 2的知识概念的绝佳途径。
揭秘Jquery 有时候我在想jQuery为什么可以直接$操作，可以拥有比原生js更便利的DOM操作，而且只要你想就可以直接链式操作下去
有意思的JS题：【突然觉得自己好像没学过JS】传送门：【JavaScript中一个运算符优先级问题引发的思考】传送门：【80% 应聘者都不及格的 JS 面试题】传送门：【js发现个奇怪的问题】传送门：【实现函数LazyMan】传送全文先看题：mean的值是什么？ {代码…} 是11？恭喜你：答错了！是1？恭喜你：答错了！正确答案： 4 解释： for in 循环循环的值永远是key, key是一个字符串。所以total的值是：'0012'。它是一个字符串，字符串'…
前端面试季 – 12家公司面试题全揭秘前端面试季 – 12家公司面试题全揭秘