Vue入坑记

前端学习路径增强版

前端新手，不知道如何自学？前端养成记告诉你，正确的前端学习路径！今后规划好前端自学进度…… 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: 容许外部…