Vue.js开发技巧让前端飞我爱编程

Vue入坑记

2018-01-16  本文已影响161人  5fc9b6410f4f

前端学习路径加强版

前端新手,不知道如何自学?前端养成记告诉你,正确的前端学习路径!从此规划好前端自学进度…… 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: 允许外部…

上一篇下一篇

猜你喜欢

热点阅读