前端学习路径加强版
前端新手，不知道如何自学？前端养成记告诉你，正确的前端学习路径！从此规划好前端自学进度…… HTML、CSS、JavaScript，Bootstrap、jQuery、Zepto，Sass、Babel、Gulp，Vue.js、Angular、React，Web Socket、Web Worker、V8 引擎
Vue 近阶段学习总结
引言 随着学习vue2.0的脚步加快，突然之间感觉自己的知识点有一些遗漏，为了巩固所学知识，同时也为了查漏补缺， 以根据自己学习和做项目的情况整理了我个人的vue技术栈，知识点梳理如下： 开发环境搭建 老话说的好‘工欲善其事，必先利其器’，在我们程序员的世界里要想开发出一款优秀的…
Vue 探索与实践
本文主要讲了实际业务在结合 vue 开发的过程中的探索与实践。
《深入理解ES6》阅读笔记 — Promise与异步编程
在异步编程概念已经普及的今天，我们依然要谈一谈它，对于我们做前端代码的意义。当你通过Ajax请求数据使用回调函数来获取数据时，这就是一种异步编程。$.ajax({
url: ‘xxx’,
success: function(data){
// data
}
})考虑到J…
如何使用Flexbox和CSS Grid，实现高效布局
在现代网页设计时代，使用Flexbox和CSS Grid来对齐元素，变得相对容易起来。
《京东E维》基于VUE+Webpack的单页面实践
本篇文章和大家聊一聊我们近期的项目——京东E维平台，这是一个专门为运维工程师设计的工单处理系统。它所要肩负的任务是，针对公司内部所有员工在办公时遇到的有关计算机、网络、软件方面等问题，通过E维平台发起问题上报请求。工程师通过该系统可以根据上报工单的紧急程度进行抢单、解决事件单、…
前端编码规范
开发灵活，稳定，可维护的 HTML, CSS 和 JavaScript 代码的规范
通过分析github代码库总结出来的工程师代码书写习惯
CSS-position:static/relative/absolute/fixed定位
对象遵循标准文档流中，top, right, bottom, left 等属性失效。
relative（相对定位） 对象遵循标准文档流中，依赖top, right, bottom, left 等属性相对于该对象在标准文档流中的位置进行偏移，同时可通过z-index定义层叠关系…
这可能是目前最新的 Vue 相关开源项目库汇总
在 Github 上做了一个很新的 Vue 相关开源项目汇总。对 Vue 开发感兴趣的欢迎 Star ，后续也会定期维护更新这个列表。当然，你也可以去 opendigg 上查看。
HTML5 拖放实现
对于拖拽我们并不陌生，尤其是在 HTML5 支持拖拽后，让这一切变的更加容易了。本文旨在探讨 H5 拖拽方案、实现步骤，以及相关原理。
clear与BFC对浮动的影响
本次是一个基础不能再基础的复习贴。旨在了解人人皆知的浮动，以及通过clear与bfc清除浮动的一些规范上的解释。
哪些你知道或不知道的css，在这里或许都齐全
暑假实习的时候带我的师傅，告诉我要注重基础，底层实现原理。才能在日新月异的技术行业站住脚跟，以不变应万变，万丈高楼平地起，所以我们应该不断的去学习，去交流。交流，不应该仅仅停留在技术方面，更多的应该是在思维方式。语言只是一种工具，编程的思想才是核心。我们只有在明白了编程的思想之…
《深入理解ES6》阅读笔记 — 代理（Proxy）和反射（Reflection）API
这两个API在实际的业务场景中几乎非常少的使用，至于具体的场景可能还需要大家来挖掘了。看起来每一个API都有一些其他的API可模拟，可使用，它们具体的内涵就是在于拦截，执行，返回结果。Proxy（代理）从字面上来看，这应该很好理解，就像nginx一样，将请…
30分钟，让你彻底明白Promise原理
前一阵子记录了promise的一些常规用法，这篇文章再深入一个层次，来分析分析promise的这种规则机制是如何实现的。ps:本文适合已经对promise的用法有所了解的人阅读,如果对其用法还不是太了解，可以移步我的上一篇博文。 为了让大家更容易理解，我们从一个场景开始讲解，让…
妈妈再也不用担心我不会webpack了
webpack前端工程中扮演的角色越来越重要，它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack，妈妈再也不用担心我不会使用webpack，哪里不会看哪里。这是一个由浅入深的文章。 现在vue、react等脚手架都会自动将开发环境使用的webpac…
【Immutable.js】可持久化数据结构以及结构分享
将数据视为不可变，将给你带来很多好处。事实上，这是也React背后的原理：React的元素是不可变的。 我要把第50,005条任务的completed改为ture。 这项操作运行了134ms。 为什么用了这么长时间呢？因为当使用Object.assign，JavaScript会…
最全前端资源汇集 – 简书
前些日子从 @张鑫旭微博处得一份推荐 (Front-end-tutorial)，号称 最全的资源教程 －前端涉及的所有知识体系；有粗略查看，果然 “叹为观止”，至少比想象中涉猎丰富许多；果断有 Fork 了来：Front-end-tutorial; 本就有收藏 & 分享欲，这种事儿早期也想做了，勘叹见识未广而深；幸遇这良心收集，得以借他人之酒杯，一浇我心之夙愿块垒。毕竟人为收集，并未臻于不可附加之境，还是有许多可以补充的点；因此，有特引于博客，将酌情适当增删些内容，一来做自己查纠探索之源，二来分享给更多朋友；好文章好工具，很多时候都被隐藏于犄角旮旯了，有居干货，欢请分享。
针对Vue的后台权限功能实现思路(持续更新)
随着前端SPA应用而生，权限的设计也是越来越麻烦，后端不再是针对后台路由设计节点，还要对前端的路由进行控制。
《深入理解ES6》阅读笔记 — 解构：使数据访问更便捷
如果你正在开发使用数据驱动的应用，那么这一小节的内容对你来讲，就非常重要了，欢迎来到解构的世界。何为“解构”？当我们定义了很多对象和数组，又必须从中提取有价值的数据时，这种行为在ES6中被称为“解构”，解构分为两种：对象解构和数组解构。如果…
聊聊 60 分的 Web API
应用程序接口（英语：Application Programming Interface，简称：API），又称为应用编程接口，就是软件系统不同组成部分衔接的约定。由于近年来软件的规模日益庞大，常常需要把复杂的系统划分成小的组成部分，编程接口的设计十分重要。程序设计的实践中，编程接口
前端教程 & 开发模块化 / 规范化 / 工程化 / 优化 & 工具 / 调试 & 值得关注的博客 / Git & 面试 – 资源汇总
非常多资源！~ 选自己喜欢的就好！千万不要贪…
简单易懂的Promise
Vant – 高效的 Vue 组件库，再造一个有赞移动商城也不在话下
Vant ( ˈvænt ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近50个组件，这些组件被广泛使用于有赞的各个移动端业务中。我们会在此基础上不断完…
学习 BFC (Block Formatting Context)
什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。 视觉格式化模型 视觉格式化模型(visual formatting m…
CSS网页布局之传统解决方案与Flex大法
网页布局主要包括全屏布局，水平居中，垂直居中和sticky Footer布局。本文针对网页布局的实现，利用传统的解决方案（display + position + float + table）与Flex解决方案进行实践，以加深记忆及巩固所学知识，同时分享给大家，希望也能帮助到前…
前端学习路径
只是一个资源列表~ 可以看看有哪些用的上的资源~
Vue 状态管理的一点思考
最近在写项目的时候碰到一个场景：一个地图应用，有个侧边栏，侧边栏里面放着很多选项，选项改变的时候，应用会根据侧边栏的条件请求数据，然后在地图上放 markers 。页面可以简单抽象成如下结构：
vue移动助手实践（四）——分分钟自定义一个属于自己的vue组件(基于Vue的侧边栏和返回顶部组件)
嗯，在写之前，我先说一下，我会这篇文章中写下面三个小组件中的其中两个。分别如下所示: 在编写组件的时候，复用组件是很有好处的。可复用组件应该有一个清晰的公共接口。 props: 允许外部环境传递数据给组件。 Events: 允许组件对外部环境产生副作用。 Slots: 允许外部…
