前端结构体系

JavaScript 实现点击按钮复制指定区域文本

html5 的 webAPI 接口能够很轻松的使用短短的几行代码就实现点击按钮复制区域文本的功能，不须要依赖 flash。

JavaScript深刻之继承的多种方式和优缺点

JavaScript深刻系列第十五篇，讲解JavaScript各类继承方式和优缺点。 写在前面 本文讲解JavaScript各类继承方式和优缺点。 可是注意： 这篇文章更像是笔记，哎，再让我感叹一句：《JavaScript高级程序设计》写得真是太好了！ 1.原型链继承 func…

了解真实的『REM』手机屏幕适配

rem 的官方定义『The font size of the root element.』，即以根节点的字体大小做为基准值进行长度计算。通常认为网页中的根节点是 html 元素，因此采用的方式也是经过设置 html 元素的 font-size 来作屏幕适配，但实际状况真有这么简单吗？

总有你要的编程书单（GitHub）

一些 GitHub 上不错的文章或电子书列表与你们分享。不乏有很多经典，能够收起来慢慢阅览。

Vuex 框架原理与源码分析

Vuex 是一个专为 Vue 服务，用于管理页面数据状态、提供统一数据操做的生态系统。

webpack 很不错的中文文档

很不错的，翻译者辛苦了

原型继承补充（prototype和__proto__详解）

在上篇文章中，因为篇幅的缘由只是针对构造函数的构造过程和原型链的存取进行深刻的讲解，有点偏原理性的讲解，并无对___proto___、prototype和constructor这些属性之间的互相关系以及实际上的应用分析清楚。因此本文的目的就是为了加深对原型继承的理解，并可以将…

【译】You Don't Need jQuery

GitHub 上经典文章《You Don't Need jQuery》的翻译版。在文章中，做者总结了大部分 jQuery API 替代的方法，提倡咱们使用原生的 JavaScript . 前端 er，一块儿来看看。

前端 Web 开发资源整理

做者整理的一系列前端干货：1）想开发项目，哪里找教程；2）关于前端的有趣网站；3）分享一些前端文章合集；

Vonic 正式版发布！附中文文档

成功收尾，本月终于能够向 2.0 迈进了！O(∩_∩)O

原来你是这样的 jsonp(原理与具体实现细节)

前言 原文地址 仓库地址 jsonp(JSON with padding) 你必定不会陌生，前端向后端拿数据的方式之一，也是处理跨域请求的得利助手。 咱们早已习惯，早已熟练了 jQ 或者 zepto 的 ajax 调用方式。可是有可能还不太它内部具体是如何实现一个 jsonp 的，从请求的发出…

26 个纯 CSS 构建的 Web 项目

在本文中，咱们将分享 26 个纯 CSS 构建地开源 Web 项目。这些项目将向你证实，纯 CSS3 就足以实现如此多炫酷的效果。一块儿来 Enjoy 吧！

从 event loop 规范探究 javaScript 异步及浏览器更新渲染时机

详细探究 javaScript 异步及浏览器更新渲染时机

关于 js 中的回调函数 callback

本文写于 1 年前 曾经的学习文章现在拿出来分享 前言 其实我一直很困惑关于 js 中的 callback, 困惑的缘由是，学习中这块看的资料少，可是平时又常常见，偶尔复制一下前人代码，功能实现了也就再也不去追其起因，这么着，这个 callback 的概念就愈来愈混乱，由于你总感受它是你 Ajax…

原来又到了校招季，一个前端新人的回忆

写在最前 昨天和一个童鞋聊到很晚，才意识到如今又是新的一轮校招季了，他像当时的我同样，本身出于喜欢学习了前端，但又不知本身处在了什么水平，也因为知识、眼界的限制不知道路在哪里（真的前端发展到如今知识面太广）而担惊受怕。在和他交谈的同时也回想起当时的本身，像我一个普通的本科生从接…

原生 js 实现前端路由

最近一直在研究先后端分离，ajax 能够很好的解决先后端分离的问题，可是又存在着浏览器没法前进后退，这个问题比较尴尬。可是采用前端路由的方式能够很好的解决这个问题。这篇文章主要是介绍了前端路由的两种实现手段，并用原生的 Js 对其分别进行了实现。

谈谈 CSS 预处理器

在写 CSS 的时候咱们会发现，为了兼容浏览器等缘由，咱们每每须要写不少冗余的代码，CSS 预处理器就是为了解决 CSS 的这些问题，简化 CSS 代码的编写。

小科普：到底什么是 BFC、IFC、GFC 和 FFC

FC 的全称是：Formatting Contexts，是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，而且有一套渲染规则，它决定了其子元素将如何定位，以及和其余元素的关系和相互做用。

2016 年 CSS 库、框架和工具新生榜 TOP 50

CSS 于 2016 年发布的开源项目，其产量之大超出人们的预料，但纵观 CSS 在过去几年的巨大变化与快速发展，此结果的出现彷佛又在情理之中。这些 CSS 库、框架和工具的创建不只给咱们提供了学习的视角，更给咱们的工做与生活带来了便利。
原文地址 https://speckyboy.com/top-50-...

前端开发者指南（2017）

做者：科迪·林黎（Cody Lindley），由「前端大师（Frontend Masters）」倾情赞助。 这是一本可供任何人使用的指南，用于学习前端开发实践。该指南大致上勾勒出了前端工程的轮廓，同时也讨论了前端工程的实践：2017 年，如何学习前端工程，用什么工具来实践？ 笔…

JavaScript深刻系列15篇正式完结！

写在前面 JavaScript 深刻系列共计 15 篇已经正式完结，这是一个旨在帮助你们，其实也是帮助本身捋顺 JavaScript 底层知识的系列。重点讲解了如原型、做用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等 JS …

Sublime Text 2 经常使用快捷键网页版

十分直观的 Sublime Text 2 经常使用快捷键网页版，包含 Windows 版和 Mac 版。Sublime 党们，能够收了。固然，把它用作桌面也是美美的。

JavaScript 事件委托详解 | 掘金技术征文

基本概念 事件委托，通俗地来说，就是把一个元素响应事件（click、keydown......）的函数委托到另外一个元素； 通常来说，会把一个或者一组元素的事件委托到它的父层或者更外层元素上，真正绑定事件的是外层元素，当事件响应到须要绑定的元素上时，会经过事件冒泡机制从而触发它的…

Vue 源码阅读笔记 第一篇

今天又是一个读书的好天气，我打开电脑，总想作些什么，过了一下子，却又意兴阑珊, 忽然想起 Vue，就想着来学习一下。
我去翻了一番，里面的设计思想着实让个人视野开阔了很多，而后赶忙动手把这些东西记下来，就造成了这一篇文章。
Vue 一共九千多行代码，这只是 Vue 源码开头的一个很小的部分。
我打算专门学习一下 Vue，毕竟这个东西对于咱们这种小白来讲，很陌生，我也很想要知道它的实现流程是什么，因此须要不断地作笔记。
若是你也想要和我一块儿学习，共同进步，请关注我吧！我只要有时间，就会去写读 Vue 源码时的笔记的。

WebSocket 教程 | 阮一峰

WebSocket 教程 | 阮一峰

Nodejs 进阶：Express 经常使用中间件 body-parser 实现解析

本文摘录自《Nodejs 学习笔记》，更多章节及更新，请访问 github 主页地址。欢迎加群交流，群号 197339705。 写在前面 body-parser 是很是经常使用的一个 express 中间件，做用是对 post 请求的请求体进行解析。使用很是简单，如下两行代码已经覆盖了大部分的使…

Web 前端面试总结_2017.05

面试告一段落, 把本身的面试体验整理一下, 给各位提供一下备战的思路.

gulp入门

在Javascript的开发过程当中，常常会遇到一些重复性的任务，好比合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。一般，咱们须要使用不一样的工具，来完成不一样的任务，既重复劳动又很是耗时。grunt，gulp都是为了解决这个问题而发明的工具，能够帮助咱们自动管…

实现图片懒加载(Lazyload)

本文标题:实现图片懒加载(lazyload)文章做者:Jake发布时间:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始连接:http://i.jakeyu.top/2016/11/2...: "署名-非商用-…

移动端适配方法合集

移动端自适应的一些方法

一劳永逸的搞定 flex 布局

寻根溯源话布局 一切都始于这样一个问题：怎样经过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不禁得感受眼前一亮，瓜熟蒂落的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…