有价值的前端技术点

面试 -- 网络 HTTP

如今面试门槛愈来愈高，不少开发者对于网络知识这块了解的不是不少，遇到这些面试题会手足无措。本篇文章知识主要集中在 HTTP 这块。文中知识来自 《图解 HTTP》与维基百科，如有错误请你们指出。文章会持续更新。 面试 -- 网络 TCP/IP 了解 Web 及网络基础 对端传输…

直白的话告诉你在 javascript 中如何用 jsonp 实现跨域请求

我基于我本身对 jsonp 的理解，很直白的言语表达了 jsonp 的含义，若是你还在找寻理解 jsonp 相关的文档，我但愿它能帮助到你！

前端开发中像素的概念

相信不少刚涉及移动端设计与开发的同窗基本上会在前端开发中的像素问题上纠结好久，因此写下这篇笔记，便于本身往后翻阅。若是有啥理解上的错误，欢迎你们指正~

vue 双向数据绑定实现原理

vue.js 的底层思想

腾讯 2016 公司代码报告前端开发总结

记录了在开发腾讯 2016 公司代码报告页面时遇到的问题以及解决方案。

拥抱 Web 设计新趋势：SVG Sprites 实践应用

随着移动互联网的到来，各类高清屏幕移动设备的层出不穷，致使 H5 应用在移动设备 retina 屏幕下常常会遇到图标不清晰的问题。

滴滴 webapp 5.0 Vue 2.0 重构经验分享

做者：滴滴公共前端 黄轶 项目背景 滴滴的 webapp 是运行在微信、支付宝、手 Q 以及其它第三方渠道的打车软件。借着产品层面的功能和视觉升级，咱们用 Vue 2.0 对它进行了一次技术重构。 技术栈 MVVM框架： Vue 2.0源码：es6代码风格检查：eslint构建…

gulp 和 webpack 的完美结合

gulp 负责 css 等，webpack 负责 js

如何使用 Vue2 作服务端渲染

解决了先后端代码不能复用和单页面 SEO 问题

详解 CSS 七种三栏布局技巧

在前端领域中，掌握三栏布局是一个开发人员必备的技巧，本文将介绍七种三栏布局的技巧，在实际开发中，你能够选择适合本身实际需求的方式。

活儿好又性感的在线 Mock 平台 - Easy Mock

今天的数据，感谢你们的支持，有问题能够加QQ群反馈，实时答复：595325417 什么是 Easy Mock Easy Mock 是一个极其简单、高效、可视化、而且能快速生成模拟数据的在线 mock 服务。以项目管理的方式组织 Mock List，能帮助咱们更好的管理 Moc…

深挖 data URI 性能瓶颈

来自腾讯 ISUX - 余果 的分享，详细剖析 base64 的使用场景和优缺点，很赞！

git 团队合做， git 分支开发 、合并、冲突 实例

git 团队合做开发过程当中，须要用 git 处理的合并分支时如何解决相关问题

精通 gulp 经常使用插件

主要展现的是 gulp 经常使用插件的使用方法和用途，经过对插件的熟练运用达到精通 gulp。

下一代 Web 应用模型 —— Progressive Web App

多是目前中文世界里对 PWA 最全面详细的长文了

深刻不浅出 zepto 的 Tap 击穿问题

年前去阿里面试，过程当中说道了 fastclick 解决 iPhone 机器上 300ms 点击延迟的问题，而后就被问到了 zepto 的 “点击穿透” 的现象以及产生这个具体缘由，当时回答的不是很好，主要是没有特别深刻的去研究这个缘由，只是知道有这个现象和问题，大概怎么解决，面试完了以后有一天忽然想起来了，就决定仔细的研究下。

js 错误自动捕获

js 运行时错误自动捕获

前端优化不彻底指南

本文主要从工做效率、速度性能、稳定性、响应式、兼容性、搜索 SEO、信息无障碍等方面进行讲解。
前端优化是一个让人技术提高的 point，但愿你也能从这里学到一些东西。

浅析 js 实现网页截图的两种方式

html2canvas.js vs rasterizeHTML.js

Vue 服务端渲染业务入门实践

做者：威威（沪江前端开发工程师）

最近， 产品同窗一如往常笑嘻嘻的递来需求文档， 纵使心里万般拒绝， 身体却是很诚实。 接过需求，好在需求不复杂， 简单构思 后决定用 Vue， 驾轻就熟。 切好图， 挽起袖子准备撸代码的时候， SEO 同窗不知什么时候已经站到了背后。

"据说你要用 Vue?"
"恩..."
"SEO 考虑了吗? 整个 SPA 出来，网页的 SEO 咋办?"
"奥..."

换之前， 估计只能无奈的换个实现方式， 可是 Vue 2.0 时代的到来， 给你多了一种可能。 你能够对 SEO 工程师说: 用 Vue 没问题!

谈一谈 JavaScript 继承

关于 JavaScript 继承本质的剖析

『翻译』你也许并不须要构建工具

Read the original 咱们最好了解 "原生" 的构建方式 译者注：这篇文章旨在告诉你们，构建的过程是怎样的。由于如今太多的脚手架工具了，你们确实很方便就搭建了环境，但内部的过程却让人迷糊。 前言 构建工具变得愈来愈丰富多彩了，可是你真的须要它们吗？有没有更简单的方式去…

前端面试常见问题按知识点分类整理

前端面试常考问题整理，按模块知识点分类，持续完善中... Front-end-Developer-Questions by Modules and knowledge

JS 中常见排序算法详解

本文将详细介绍在 JavaScript 中算法的用法，配合动图生动形象的让你以最快的方法学习算法的原理以及在需求场景中的用途。

JavaScript 模块化简析

关于模块化，最直接的表现就是咱们写的 require 和 import 关键字，若是查阅相关资料，就必定会遇到 CommonJS 、CMD AMD 这些名词，以及 RequireJS、SeaJS 等陌生框架。好比 SeaJS 的官网 这样描述本身: “简单友好的模块定义规范，Sea.js 遵循 CMD 规范。天然直观的代码组织方式，依赖的自动加载……”

JavaScript 写类的前世此生

JavaScript 从诞生至今已经走过了 20 年的历程。它的前世 (1995~2015 年) 是一个长达 20 年没有类的世界，它的此生随着 2015 年 6 月 ES6 的发布迎来了有类的时代。JavaScript 从无 “类” 到有“类”，经历了从 ES1 到 ES6 的阶段。

Medium 2016 年最流行的前端连接

咱们每周会给 70,000 多名前端 Web 开发者发送新闻邮件。

所以，咱们认为值得回顾一下 2016 年咱们发送的全部期刊，并强调一下咱们分享的一些最流行的文章。

原文地址：https://medium.com/statuscode...

由阮一峰老师的一条微博引起的 TDZ 思考

阮老师贴了一段代码，报错了，而后冥思苦想以为这是 V8 的错，这微博一发下面引发了激烈的讨论......
咱们一块儿来看看报错的缘由到底是什么！

不按期更新 JavaScript 技巧

一些经常使用的技巧，不按期更新。
感受坚持更新个一年是否是就能够出本书了，哈哈。

理解 Web 缓存

讲解浏览器缓存的基本工做方式