vue（1） - 收藏集 - 掘金

时间 2019-12-07

标签 vue 收藏繁體版

原文原文链接

(译) 使用 Vue.js 和 Axios 从第三方 API 获取数据 — SitePoint - 前端 - 掘金
更多的每每不是，创建你的JavaScript应用程序时，你会想把数据从远程源或消耗一个[ API ]（https：/ /恩。维基百科。org /维基/ application_programming_interface）。我最近看了一些[公开]（https:/...html

Vuex Demo 讲解 - 掘金
做者: 混元霹雳手-ziksang vuex官网的专业术语，让有些人仍是感受，摸不着头脑，作一些实用场景给你们看 state 用来数据共享数据存储 mutation 用来注册改变数据状态 getters 用来对共享数据进行过滤操做 action 解决异步...前端

关于一些Vue的文章。（5） - 掘金
原文连接个人blog，欢迎STAR。前三篇里，咱们开始从render, template, el的渲染DOM树的优先级，最终都编译成render函数，然后获得vnode（虚拟DOM），通过diff算法后，获得真实DOM。那么问题来了？获得真实DOM之后接...vue

基于 element-ui 的单页面后台管理项目模版 - 前端 - 掘金
基于 element-ui 的单页面后台管理项目模版技术栈 element-ui-admin 项目演示 vue vue-resource ...node

史上最详细 VUE2.0 全套 demo 讲解基础3（计算属性） - 掘金
做者混元霹雳手-Ziksang 二天基础1+基础2忽然突破了1000的收藏率，这使我更以为你们承认我这种分享模式，这也看的出来vue的热度，我在这段时间的分享中，我一直脑海里在转，如何用最好的demo，和更好的流程去写文章，我相信从基础1开始看，必定能在工...react

2-vuejs2.0 实战：仿豆瓣 app 项目，建立组件 header,tabbar 路由跳转 - 前端 - 掘金
上一章有童鞋提到为何不经过路由的方式来跳转？其实我想说的是，这个分享才刚刚开始，你们不要着急！这一章节咱们将带你们完成，建立header组件，以及tabbar的路由跳转。 vue专题目录：1-...jquery

Vue 源码详解: compile，link，依赖，批处理... 一网打尽，全解析! - 前端 - 掘金
用了Vue好久了，最近决定系统性的看看Vue的源码，相信看源码的同窗不在少数，可是看的时候却发现挺有难度，Vue虽然足够精简，可是怎么说如今也有10k行的代码量了，深刻进去逐行查看的时候感受内容庞杂而且搞不懂代码的目的，同时网上的深刻去仔细阐述Vue的comp...webpack

vue2 + vuex 高度还原饿了么 App，与官方后台真实数据交互，获取商品信息，实现登录、购物车、下单等功能 - 前端 - 掘金
前言 vue2的发布后本身也研究了一段时间，奈何公司的技术栈是以react为主，没有机会好好利用vue2去作一个完整的项目。虽然写了几个demo，但和写一个完整的项目仍是有很大差异的。因而本身想着用空余的时间写一个项目，选择了饿了么也只是由于...ios

【vue+axios】一个项目学会前端实现登陆拦截 - 前端 - 掘金
一个项目学会vue全家桶+axios实现登陆、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。前言 ...git

前端基础进阶：详细图解，完全搞懂闭包与做用域链 - 前端 - 掘金
攻克闭包难题初学JavaScript的时候，我在学习闭包上，走了不少弯路。而此次从新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个很是大的挑战。闭包有多重...es6

Vue.js 实战经验小结 - 前端 - 掘金
Vue.js介绍 Vue.js（读音 /vjuː/, 相似于 view）是一套构建用户界面的渐进式框架。与其余重量级框架不一样的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，而且很是容易学习，很是容易与其...

基于 vue2+vue-router+vuex2+axios+elementUI 作的自动化后台基础模板 - 前端 - 掘金
这是一个功能强大的自动化后台框架基础模板，基于vue2实现，用到的技术包含：vue2,vue-router,vuex2,axios,ElementUI。 ...

vuex2 实战之购物车 - 前端 - 掘金
这是用vuex2实现的一个商城购物车demo,存储数据用的本地localstorage 在线demo：https://product.sailen...

手把手教你用 es6+vue2+webpack2+vue-router2 搭建我的 blog - 前端 - 掘金
这是一个开源的我的blog项目。前端的所使用的技术栈: es6 ...

Vue2.x 踩坑与总结 - 前端 - 掘金
年前就打算学习并总结一下vue2.x，可是由于年前工做比较多，因此进展十分缓慢，如今终于学了一大部分，并且本身在学习开发中也踩了很多坑也总结了很多，因此将本身踩过的坑总结一下分享出来。由于在项目中使用了webpack2.x，因此对于webpack2.x也有一个...

用 vue2 和 webpack 快速建构 NW.js 项目 - 掘金
使用到的技能点 vue2 webpack NW.js Node.js 1、前言先讲一下这个项目的由来。我司要新上一个产品，是面向教育领域的一个东西，要求快速开发又必需要兼容 XP ，因此就选 NW.js 来作桌面客户端。同时，前端的轮子方面，开始尝试在面...

Vue iscroll 指令开发 - 前端 - 掘金
最近开发的 Vue 项目中遇到了滑动手势，选用 iscroll 做为滑动库，由于 iscroll 直接操做 dom，因而封装为 Vue 的指令来使用。原本想着开发过程会很顺利，但仍是遇到了一些问题。在这里记录下问题和解决思路。...

Vue-Cli + ElementUI 试水感觉 - 前端 - 掘金
二话不说，先放效果图：效果图先介绍一下这个试水的小项目，就是上次搞那个express文件路由：express-dir-route的...

Vuex2 与 Axios 开发 - 前端 - 掘金
总结笔者最近在项目中使用Vuex2和Axios的总结和小技巧，方便往后查看。本人能力有限，若有错误还请大大们指正探讨?。阅读前须知接上一篇的Axios的配置，阅读本文默认您已经掌握了Vuex2的基本语法、Axios的使用配置与方法、Promi...

详解 Vue & Vuex 实践 - 某熊的全栈之路 - 知乎专栏 - 前端 - 掘金
详解 Vue & Vuex 实践翻译自Vue + Vuex — Getting started，承接自 2017 Vue.js 2快速入门指南，从属于Web 前端入门与工程实践。随着应用复杂度的增长，咱们须要...

Vue 2.0 服务端渲染怎么玩？ - 前端 - 掘金

服务端渲染简介服务端渲染不是一个新的技术；在 Web 最初的时候，页面就是经过服务端渲染来返回的，用 PHP 来讲，一般是使用 Smarty 等模板写模板文件，而后 PHP 服务端框架将数据和模板渲染为页面返回，这样的服务端渲染有个缺点就是一旦要查看新...

Vonic 正式版发布！附中文文档 - 前端 - 掘金
成功收尾，本月终于能够向 2.0 迈进了！O(∩_∩)O...

基于 vue+vuex+localStorage 开发的本地记事本 - 前端 - 掘金
本文采用vue2.0+vuex+localStorage+sass+webpack，实现一个本地存储的记事本。兼容PC端和移动端。在线预览地址：DEMO ...

vue2.0 一块儿在懵逼的海洋里越陷越深（一） - 前端 - 掘金
本文章系列：vue2.0一块儿在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/) 就在今年的10月份，Vue2.0发布啦，来懵逼的海洋里一块儿下沉吧！前段阵子都没有发随笔，一方面要准备一场考试，另外一方面是在研究vue...

Vue.js 快速入门 - 前端 - 掘金
Vue.js快速入门 Original 2016-11-21 殷晓飞沪江技术学院沪江技术学院沪江技术学院 WeChat ID hj-academy Intro 关注开发者在实际应用中遇到的问题。提供最真实的干货，以技术会友，为广大的开发者提供最...

推荐五个Vue2的免费教程 - 掘金
一步一步学习Vue 2 （Laracasts） Jeffrey Way一直都有发布他web开发的教程。他曾经在30天内教会了我使用jquery。在Laracasts上有他免费的VueJs教程，而且宣称是“世上最深刻的vuejs系列”。在你学习完本课程后，你将不...

为何咱们选择Vue，而不选React（译） - 掘金
最近Qwintry团队积极地把Vue.js做为了他们的前端框架，而且在全部的新旧项目中使用它，包括: 过去qwintry.com的Drupal系统 (qwintry.com) 咱们的新项目，彻底重写了qwintry.com分支一个用Yii2 构建的B...

vscode 插件，vue，vue-router 和 vuex 代码提示 - 前端 - 掘金
特色（1）多是目前vscode最好的vue代码提示插件，不只包括了vue2全部api，还含有vue-router2和vuex2的代码提...

使用 electron+vue 开发的一个七牛文件管理桌面应用 - 工具资源 - 掘金
七牛存储文件管理客户端.跟官网比主要多了一个托盘上传功能.能够更便捷的上传文件. Technologies ...

一个基于vue二、koa2和mongodb的博客 - 掘金
博客终于差很少写完了，虽然仍是可能有一堆bug, 不过我火烧眉毛要写一篇博文来分享了= = 博客前台展现博客前台展现博客后台展现博客后台展现博客后台编辑项目地址 github地址：https://github.com/BUPT-HJM/v...

VueJS 组件化开发实践总结 - 前端 - 掘金
前言接触Vuejs，好一阵了。清明节前在慕课网学了一门课。前先后后花了40多个小时琢磨，搭建起了组件化开发的饿了么SPA。这40小时收获了不少，也踩了很多坑。这里总结一下。源码： https://github.com/laclys/vue...

开源一个 Vue.js + Node.js 的后台管理系统 - 前端 - 掘金
Vue Management System ...

使用 Vue.js 和 Chart.js 制做绚丽多彩的图表 - 掘金
本文做者：Jakub Juszczak 编译：胡子大哈翻译原文：http://huziketang.com/blog/po... 英文链接：Creating stunning ...

『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金
github 开源的 Vue 优秀 UI 组件库合集✔...

Vue音乐播放器2.0升级版来了 - 掘金
Vue.js音乐播放器2.0 以前初学Vue作了一个音乐播放器，受到很多人的喜欢。如今升级版来了！功能更强，技术栈更多：Vue2.0、Vuex、vue-router、axios、SASS(SCSS)、Express(上线版本是Koa2)、Webpack、ES6...

Vue2.0进阶组件篇2 解析饿了么（spinner组件） - 掘金
做者混元霹雳手-ziksang 前两天一个同窗问我想叫我写了一个spinner组件，那OK我就是那么能知足你们的口味，若是写一个spinner组件，别看一个小小的组件如何去写，不少人问我vuex，vue-router怎么玩，这东西有什么好玩的，看看api文...

Vue.js 全家桶入门实战项目 (豆瓣市集) - 前端 - 掘金
这是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一个webapp项目！在这以前只是简单的了解一点关于vue相关的知识，也只停留在写过一点很简单的demo ，可是在对比react和angular以后,仍是更加的青睐v...

vue-login 经过一个小项目带你走进 vue 全栈开发 - 前端 - 掘金
这是一个基于 vue & axios & nodejs(express) & mongodb(mongoose) 的登陆／注册demo，面向 vue 初学者，场景虽简单，但五脏俱全。有先后台，涵盖很是多的 vue 及其相关技术的基本操做...

Vue.js 和 Wilddog 仿腾讯管家真假朋友第二季 H5 活动页面 - 前端 - 掘金
一个使用Vue和wilddog仿的腾讯手机管家真假朋友第二季H5页面。体验可点开连接https://humih.github.io/li...

VUE + VUEX + FIREBASE + BULMA 实现的 VUE SPA SSR 项目 - 前端 - 掘金
这是一个 VUE + VUEX + FIREBASE + BULMA … 实现的 SPA SSR项目 live demo ...

Vue 入门实战项目——知乎日报 - 前端 - 掘金
这是一个基于Vue全家桶开发的知乎日报WebApp，页面样式主要参考iOS版知乎日报APP。我的博客：陈钰博的博客项目github地址：vue-zhihu-daily ...

vue-router 实现分析 - 前端 - 掘金
vue-router 是 Vue.js 官方的路由库，本着学习的目的，我对 vue-router 的源码进行了阅读和分析，分享出来给其余感兴趣的同窗作个参考吧。参考源码：vuejs/vue-router v2.2.1 - github ...

技术 | Vue2.0 实践，顺手撸了一个小项目 - 前端 - 掘金
如图：惬意传送门：https://github.com/icepy/inde...，或阅读原文。这个项目的背景还要从“移动企业门户”提及，这是我厂的一个小项目，现也开源在Github上，其目的是为了给企业开发本身的企业门户提供参考和...

Vue2 实现的 Dribbble - 前端 - 掘金
An unofficial Vue.js project of Dribbble. Build ...

如何写一手漂亮的 Vue - 前端 - 掘金
前几日听到一句生猛与激励并存，可怕与尴尬同在，最无奈也无解的话：“90后，你的中年危机已经杀到”。这令我很受触动。显然，这有些夸张了，但就目前这日复一日的庸碌下去，眨眼的功夫，那情形就会在这骨感的现实面前，悄然的被显现。因此，愈加体验到，当必要有计划的去作，去...

使用 vue2+vue-router2+axios+es6+webpack2 完成的 SPA 我的简历 - 前端 - 掘金
我的简历这是一个开源的我的简历项目.工做之余使用vue练练手。你们能够在本项目中不只仅能够学习了解如下的框架/库，同时还能够了解关于代码结构组织,模块化,前端构建等内容。这个项目才刚开始，我会带着你们完...

基于 Vue2 实现的仿手机 QQ 单页面应用（接入聊天机器人） - 前端 - 掘金
概述使用Vue2进行的仿手机QQ的webapp的制做，在ui上，参考了设计师kaokao的做品，做品由我的独立开发，源码中进行了详细的注释。因为本身也是初学Vue2，因此注释写的不够精简，请见谅。 ...

适用于 vue.js 和原生 js 的渐进式图片加载 - 前端 - 掘金
知乎和 Medium 都用了 progressive image （渐进式图片加载），用低分辨率的模糊图片来作预览图，代替之前懒加载图片时用的 logo 占位图。预览图大小也在平均 2KB~3KB 之间，虽然 cdn 流量上有所增长，但用户体验却很是好。 ...

vue 仿 163musicPC 端 (支持pc端经常使用功能) - 前端 - 掘金
前言 vue2愈来愈受欢迎，无奈如今在公司作的平台是以ng1.x为主，一直没有机会练手vue2，虽然写过一些小demo，可是与完整的项目相比较中间会少不少东西。因而趁在公司空闲的时候以及周末双休，本身用vue2复写了163musicPC端。相比...

vue 新手入门 demo vue2.0+vue-router+vuex - 前端 - 掘金
vue新手学习的一个项目宠物领养前端所用的是vue2.0+vue-router+vuexwebpack的配置以前是本身写的，但看过vue-cli后以为那个更好，因此就用vue-cli webpack-simple那个，我的建议新手仍是用simple的版本好点...

基于 Vue 的直播播放器实战 - 前端 - 掘金
前言时下直播的盛行让不少人对直播技术产生浓厚的兴趣，orange 本人也不例外，本文借着实战的目的完成一个 demo，并无深刻的讲解直播技术的实现原理以及推流和拉流的实现，为何不深刻讲解直播的底层技术，缘由很简单大公司不必看个人文章去了解如何搭建直播服务...

Vue 学习系列 - 前端 - 掘金
阅读目录1、MVVM大比拼2、Vue经常使用网址3、Vue基础入门一、MVVM图例二、第一个Vue实例三、双向绑定4、经常使用指令一、v-text、v-html指令二、v-model指令三、v-if、v-else指令四、v-show指令五、v-for指令六、v-onc...

Muse-UI：基于 Vue 2.0 和 Material Desigin 的 UI 组件库 - 前端 - 掘金
基于 Vue 2.0 和 Material Desigin 的 UI 组件库，Have a try!...

基于 vue、vuex、vue-router、echarts 搭建的数据展现平台 - 前端 - 掘金
真的很久没有更新博客了，可是我最近并无偷懒哦，一直在学习vue这个框架，而且用它作了一个小项目，如今就给你们分享一下个人这个还比较有意思的小项目咯，本项目是基于vue2.0开发的。灵感来源这是一个数据可视化相关的项目，做为一个学生班主任，须要对班上同窗的各...

Vue 组件化开发实践 - 前端 - 掘金
这是一篇，在开发掘金的过程当中，思考和总结出来，如何使用 Vue.js 和周边工具集合成一套完整温馨的组件化开发流程的文章。以前有关如何使用 Webpack 和 vue-loader 开发 Vue 应用的文章有：勾股大叔的 Vue + we...

v-circle - 漂亮的 vue 圆形进度条展现组件集合 - 前端 - 掘金
A collection of circle progress with Vue.js. Vue 1.0+ use v-circle 0.1+ Vue 2.0+ use v-circle 0.2+ Demos & Examples Live Demo...

Vue 列表渲染性能优化原理 - 前端 - 掘金
Vue列表渲染性能优化原理 Vue 是一个高效的 mvvm 框架，这得益于做者已经帮咱们框架内部作了足够的优化，好比各个细节的缓存( parseText 结果的缓存，compile 编译结果的缓存等)。大列表是容易形成性能问题的地方，一不当心就会形成大量...

Vue 的事件系统 - 前端 - 掘金
Vue的事件解读这里有一个容易混淆的地方，在Vue中事件有两方面的内容，一方面是自定义事件，一方面是为DOM绑定事件。在Vue中为DOM元素绑定事件的具体方法在文章中的方法与事件处理器章节，经过v-on指令或事件语法糖 @ 为DOM元素绑定事件。V...

基于 Vue 的简洁 HTML5 视频播放器组件 - 前端 - 掘金
A HTML5 video player component for Vue.js Demo live demo is here: https://hilongjw.github.io/vu... Instllatio...

Vue.js 实现 Material Design 的点击 Button 效果 - 前端 - 掘金
Material Design 谷歌推出了全新的设计语言Material Design。谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其余平台”提供更一致、更普遍的“外观和感受”。（网上copy的） Materialize 前端框架 <!-- 引...

JavaScript 日记 - 一个例子学会 Vue.js - 前端 - 掘金
你们都知道Vue.js是中国人创造出来的，简单易用，因此必需要支持一下 Vue采用的MVVM设计模式也就是说model和view绑定model改变，view的内容改变，反之亦然 ...

Vue.js 起手式 + Vue 小做品实战 - 前端 - 掘金
本文是小羊根据Vue.js文档进行解读的第一篇文章，主要内容涵盖Vue.js的基础部分的知识的，文章顺序基本按照官方文档的顺序，每一个知识点现附上代码，而后根据代码给予我的的一些理解，最后还放上在线编辑的代码以供练习和测试之用；在最后，我参考SegmentFau...

教你在微信中给 Vue 单页应用动态设置标题 - 前端 - 掘金
前言因为Vue React Angular等框架出来的应用都是SPA(single-page-application),因此就没有所谓的页面都是router而网页的标题随着路由的改变而改变也就成了一个需求 ...

vue2.0 一块儿在懵逼的海洋里越陷越深（二） - 前端 - 掘金
本文章系列：vue2.0一块儿在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/) 说好了一块儿懵逼，那么咱们继续下沉在上一篇里已经将vue2.0须要的依赖都装齐了那么接下来由于vue最后生成的页面看似静态页面(对于静...

[[!!! 原版课程在此]Vue.js 高仿饿了么外卖 App 课程源码 - 前端 - 掘金](https://juejin.im/entry/586d1...
Vue.js 高仿饿了么外卖 App 课程源码，课程地址： http://coding.imooc.com/class... 本源码基于 GPL 协议，仅仅用于 Vue 实战项目的学习，不可做为...

rollup 打包的 vue 版本的 lazy-load-img 图片懒加载插件 - 前端 - 掘金
关于本插件基于lazy-load-img的vue版本实现，请到lazy-load-img查看文档开发 ...

vuejs 动态设置微信标题 directive 版 - 前端 - 掘金
做用 Vuejs 单页应用在iOS的微信webview(或者其余APP)中标题不能经过 document.title = xxx 的方式修改该插件只为解决该问题而生效果 (请使用微信扫描打开体验) ...

vue2.0 一块儿在懵逼的海洋里越陷越深（三） - 前端 - 掘金
本文章系列：vue2.0一块儿在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/)前面写了vue-router组件的初步用法，原来此次想写vuex的，可是想一想仍是先继续把vue-router写完吧? 上回说到: vu...

vue2.0 一块儿在懵逼的海洋里越陷越深（四） - 前端 - 掘金
前言本文章系列：vue2.0一块儿在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/)前面一篇讲了vue-router的router-link,有读者说但愿能先看到vuex的文章其实vuex在个人vue2.0的demo里已经在...

[[Vue] 插件开发入门 - 掘金](https://juejin.im/post/586e18...
做者：滴滴公共前端团队 - 小春+献勇相对组件来讲，Vue 的插件开发受到的关注要少一点。可是插件的功能是十分强大的，可以完成许多 Vue 框架自己不具有的功能。你们通常习惯直接调用现成的插件，好比官方推荐的 vue-router、vue-touch 等。...

vue2.0 一块儿在懵逼的海洋里越陷越深（五） - 前端 - 掘金
前言本文章系列：vue2.0一块儿在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/)以前的几篇文章的说了vue-router以及vuex的简单使用，此次就开始组合这二者进行实际应用。场地呢就在个人vue2.0Demo,这是源...

vue2.0 一块儿在懵逼的海洋里越陷越深（六） - 前端 - 掘金
前言本文章系列：vue2.0一块儿在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/)演示场地vue2.0 Demo,这是源码地址,以为靠谱的话欢迎加星跟随,有问题欢迎评论和指正? 在vue开发SPA应用的过程当中，多数状况下...

Vue.js 的设计思想 - 前端 - 掘金
从出道到如今，它红遍全球，这期节目让咱们来采访一下，而今前端框架的 "当红炸子鸡"！小编：你先自我介绍一下！！！ Vue: 尊敬的 FSX 的读者们，你们好！！！我是Vue.js，是一个提供 MVVM 数据双向绑定的库，专一于UI...

使用 Vue2.0 + vue-server-renderer 案例之豆瓣读书 - 前端 - 掘金
vue.js 2.0, vuex, vue-router, vue-server-renderer, express, cheerio, superagent, redis live demo （部署在搬瓦工主机上，海外节点，应该须要1s） http:...

本身动手，为 vue 写一个 jsonp 的方法 - 前端 - 掘金
本身动手，为fetch写一个jsonp的方法 Fetch 提供了对 Request 和 Response （以及其余与网络请求有关...

我用 Vue2 全家桶重写「daza.io」的前端 - 前端 - 掘金
文章固定连接：https://daza.io/articles/58303 在发布初版的daza.io的时候 Vue 2 已经发布了，但当时的进度已经快完成了，因此就没有当即升级到 Vue 2...

Vonic 正式版发布！附中文文档 - 前端 - 掘金
成功收尾，本月终于能够向 2.0 迈进了！O(∩_∩)O...

Vue.js 开发实践：实现精巧的无限加载与分页功能 - 阅读 - 掘金
本篇文章是一篇Vue.js的教程，目标在于用一种常见的业务场景——分页/无限加载，帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比，更全面的展现使用Vue.js完成一个需求的思考过程；与一些构建大型应用的高阶教程相比，又...

vue 2.2 API 在线手册 - 前端 - 掘金
vue 2.2 API 在线手册，一点就一个 iframe 很方便，直入主题，不废话;...

史上最详细VUE2.0全套demo讲解基础2（列表渲染） - 掘金
做者：混元霹雳手-Ziksang 在基础1发布以后，我真心发现，根据api进一步分析，再结合工做中的实际demo给你们讲解以后，大清早就收获了平均一分种一个喜欢，这使我很欣慰，本身的努力没有白费，我决心称热打铁立刻出击，打造基础2，在基础上的部分我将给你们...

史上最详细VUE2.0全套demo讲解基础1（模板语法） - 掘金
做者 : 混元霹雳手 ziksang 一开始在vue1.0的时候我就开始关注掘金的vue专栏，可是一直给我一种感觉，真正能静下心来给读者写好每个细讲，每个讲解点，我以为是最重要的，虽然我没有什么能力给你们带来像iview,mint ui等一系列大牛的基础...

从一个改写后的 vue 小应用认识 vuex - 前端 - 掘金
学习vue也有一段时间了，我相信在学习vue的过程不可避免地会接触到状态管理器的概念——也就是vuex。那么，咱们首先须要明确的一个概念，到底状态是指什么？其实你彻底能够把它理解成某个对象的属性，那么什么又是对象的属性呢？我想这个不用我再一次的解释了吧。好了，...

打造 Vue.js 可复用组件 - 前端 - 掘金
Vue.js 是一套构建用户界面的渐进式框架。咱们可使用简单的 API 来实现响应式的数据绑定和组合的视图组件。从维护视图到维护数据，Vue.js 让咱们快速地开发应用。但随着业务代码日益庞大，组件也愈来愈...

如何使用 Vue2 作服务端渲染 - 前端 - 掘金
花费了一个月时间，终于在新养车之家项目中成功部署了vue2服务端渲染（SSR），而且使用上了Vuex 负责状态管理，首屏加载时间从以前4G网络下的1000ms，提高到了如今500-700ms之间，SSR的优点有不少，如今让我来跟你细细道来。技术栈服务端：N...

vue-cli中的webpack配置 - 掘金
编辑模式下显示正常，打开的时候不知道为啥排版有问题。segementfalut连接在这里版本号 vue-cli 2.8.1 (终端经过vue -V 可查看) vue 2.2.2 webpack 2.2.1 目录结构 ├── README.md ├── bui...

一只基于 Vue2.x 的移动端 & 微信 UI。 -YDUI Touch - 前端 - 掘金
Vue-ydui 是 YDUI Touch 的一个 Vue2.x 实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。提供使用 rem 和 px 样式单位的两个版本。真正意义上的按需加载组件，能够只加载声明过的组件及其样式文件，无需再纠结文件...

Vue.js 写一个音乐播放器 - 前端 - 掘金
在线预览在线预览地址1: ?http://microzz.cn/vue-music/在线预览地址2: ?https://microzz.github.io/vue... 源代码 GitHub...

vue-cli#2.0 webpack 配置分析 - 掘金
做者：滴滴公共前端团队 - 王宏宇前言做为 Vue 的使用者咱们对于 vue-cli 都很熟悉，可是对它的 webpack 配置咱们可能关注甚少，今天咱们为你们带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装咱们不在...

Vue 2.0 起步 (7) 大结局：公众号文章抓取 - 微信公众号 RSS - 前端 - 掘金
上一篇：Vue 2.0 起步(6) 后台管理Flask-Admin - 微信公众号RSS总算赶在2017年春节前把这个项目完结了！第7篇新知识点很少，主要是综合应用Flask、Vue 本篇关键字...

Vue 2.0 起步 (6) 后台管理 Flask-Admin - 微信公众号 RSS - 前端 - 掘金
上一篇：Vue 2.0 起步(5) 订阅列表上传和下载 - 微信公众号RSS本篇关键字：Flask-Admin 权限管理定制显示格式显示关系表外键内容显示多对多(M2M)内容 Flask-...

Vue 2.0 起步 (5) 订阅列表上传和下载 - 微信公众号 RSS - 前端 - 掘金
上一篇：Vue 2.0 起步(4)第二版轻量级后端Flask用户认证 - 微信公众号RSS 用户在本地搜索、订阅了公众号之后，能够方便地上传订阅列表到服务器上。也能够在另外一地方下载订阅列表到...

Vue 2.0 起步 (4-2) 轻量级后端 Flask 用户认证 - 微信公众号 RSS - 前端 - 掘金
上一篇：Vue 2.0 起步(4) 轻量级后端Flask用户认证 - 微信公众号RSS上一篇采用了Flask-JWT token验证。因为网站新的须要，除了token，如今要加上session管理，跟Flask-Security比较以后，决定建立第4篇的第二版...

vue 父子间通讯方式 - 前端 - 掘金
闲话很少说，直接上干货，你们在vue的项目中确定也会遇到须要父子间通讯的问题，在这里给你们提出三种父子间通讯方式一.父组件调用子组件方法若是调用子组件的方法，须要先给在父组件中引用的子组件添加一条索引值，本人就以本身的代码为例图1 图1中v-ref为...

Vue 2.0 起步 (4) 轻量级后端 Flask 用户认证 - 微信公众号 RSS - 前端 - 掘金
参考： Vue+Flask轻量级前端、后端框架，如何完美同步开发 Vue 2.0 起步(3) 数据流vuex和LocalStorage实例 - 微信公众号RSS Vue 2.0 起步(2) 组件及vue...

Vue 2.0 起步 (3) 数据流 vuex 和 LocalStorage 实例 - 微信公众号 RSS - 前端 - 掘金
参考： Vue 2.0 起步(2) 组件及vue-router实例 - 微信公众号RSS Vue 2.0 起步(1) 脚手架工具vue-cli + Webstorm 2016 + webpack 本篇主...

从 0 开始作一个够用的 Vue 图片选择组件 - 前端 - 掘金
以前用Vue作了一个基础的组件vue-img-inputer，下面就叫vii，记录下在开发过程当中遇到的知识点（都算比较基础，具体代码不会贴太多，均可以在项目仓库里看到）。上传文件不少项目都要用到，一些组件库里(ele/...

Vue 2.0 起步 (2) 组件及 vue-router 实例 - 微信公众号 RSS - 前端 - 掘金
参考：Vue 2.0 起步(1) 脚手架工具 vue-cli + Webstorm 2016 + webpackvue-router官方文档什么是组件？ ...

Vue 2.0 起步 (1) 脚手架工具 vue-cli + Webstorm 2016 + webpack - 前端 - 掘金
Vue 是轻量级前端框架，入门很是容易。如今 2.0正式发布了，其实起步更容易了。这里记录一下 Vue开发的简单步骤，方便你们起步。源码：Github相关阅读：Vue 2.0 起步(2) 组件及 vue-router实例 - 微信公众号RSS 工具 ...

Vue.js 全家桶高还原网易云音乐 (Windows PC 版) - 前端 - 掘金
项目地址因为网易云的api限制，部分功能可能会失效，若有须要能够clone项目下来在本地运行，若是api炸了，...

实测 Vue SSR 的渲染性能：避开 20 倍耗时 - 前端 - 掘金
导语：Vue SSR是Vue.js 2.0引入的直出渲染方案，本文将全面解析virtual-dom-based 及 string-based 的原理并对其进行对比。 1、前言前端技术年年有新宠，Vue.js 2.0以其轻量级、渐进式、简...

手摸手，带你用vue撸后台系列一 - 掘金
项目地址前言说好的教程终于来了，第一篇文章主要来讲一说在开始写业务代码前的一些准备工做吧，但这里不会教你webpack的基础配置，热更新怎么作，webpack速度优化等等，有需求的请自行google。目录结构 ├── build ...

Vuex 框架原理与源码分析 - 前端 - 掘金
Vuex是一个专为Vue服务，用于管理页面数据状态、提供统一数据操做的生态系统。它集中于MVC模式中的Model层，规定全部的数据操做必须经过 action - mutation - state change 的流程来进行，再结合Vue的数...

Vue 2.3 服务端渲染彻底指南 - 前端 - 掘金
Note: this guide requires the following minimum versions of Vue and supporting libraries: vue & vue-serve...

vuex 快速上手 - 前端 - 掘金
Vuex 理解简单解释下： Vuex 使用单一状态树,通俗理解就是一个应用的数据集合，能够想象为一个“前端数据库”，让其在各个页面上实现数据的共享，而且可操做 Vuex 规定，属于应用层级的状态只能经过 Mutat...

vue-router 的三种加载方式速度对比 - 前端 - 掘金
ensure 方式// const Index = r => require.ensure([], () => r(require('@/views/deposit/deposit_index')), 'Index') // const Produ...

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

Dive into Vue.js - 前端 - 掘金
做者：百度外卖FE clancyz 摘要 Vue.js做为先进的前端MVVM框架，在外卖已经普遍应用在各业务线中。本文阐述了Vue.js做为前端MVVM框架的主要优点，并从Vue.js的三个核心点：Observer, Watcher, Compiler出发，...

Vue 小项目的最佳实践 - 掘金
项目简介目前一期只是为App内某个模块资讯模块文章的分享和APP下载，后续还会有更多的功能,为了项目可扩展、可伸缩结合了我之前的实践搭建了此项目项目地址,若是这个简单的项目能给您带来帮助请给小哥哥⭐Star好很差（手动笔芯）。功能根据分享出来的文章I...

Vue.js打造一个开源的CNode社区 - 掘金
Vue.js打造一个开源的CNode社区 Vue.js打造一个开源的CNode社区，实现了浏览、发帖、收藏、回复、点赞、我的中心等等功能。源代码源代码地址：? https://github.com/microzz/vu... 欢迎你们star和f...

Vue2 服务端渲染：按需分块加载的首屏优化策略 - Smallpath 的小站 - 前端 - 掘金
本文介绍一种SSR与按需分块加载的首屏优化策略，能够达到将全部路由所有按需分块加载，而且彻底不影响首屏速度的效果。背景 SSR与按需分块加载，博主最初使用下来感受其实意义有限假如所有路由都使用按需分块加载，那么首屏时间极可能不降反增，由于首屏对应...

Vue SSR 从入门到 Case Study - 掘金
最近两个项目同时开发，使用了Vue2的SSR，这样后端渲染页面首屏能够加快页面呈现，增长SEO和用户体验，可是项目上线后却发现了严重的性能问题，因而在三天内两次重大调整，最后只能放弃Vue SSR，本文从Vue SSR实现开始，逐渐复盘整个事件。两周前就预告了...

使用 FIS3 构建 Vue 前端工程. webpack 用户也请看过来 - 前端 - 掘金
本文的目标是经过一个例子向你们展现如何使用 FIS3 做为构建工具, 来对使用 Vue 的前端工程进行构建. 固然, Vue 只是一个例子, 彻底能够推广到其它的项目中. 前端构建工具, 我从 Grunt, Gulp, webpack 一路用过来. 虽...

Vue 2.0 服务端渲染怎么玩？ - 前端 - 掘金

服务端渲染简介服务端渲染不是一个新的技术；在 Web 最初的时候，页面就是经过服务端渲染来返回的，用 PHP 来讲，一般是使用 Smarty 等模板写模板文件，而后 PHP 服务端框架将数据和模板渲染为页面返回，这样的服务端渲染有个缺点就是一旦要查看新...

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

提升 webpack 构建 Vue 项目的速度 - 掘金
前言最近有人给个人 Vue2 后台管理系统解决方案提了 issue ，说执行 npm run build 构建项目的时候极其慢，而后就引发个人注意了。在项目中，引入了比较多的第三方库，致使项目大，而每次修改，都不会去修改到这些库，构建却都要再打包这些库，浪...

单页应用 - Token 验证 - 掘金
第一次接触单页应用,记录公司项目关于Token验证知识. Token的工做原理 Token工做原理 1. 登陆时候,客户端经过用户名与密码请求登陆 2. 服务端收到请求区验证用户名与密码 3. 验证经过,服务端会签发一个Token,再把这个Token发给客户端...

Vue.js 插件开发详解 - 掘金
前言随着 Vue.js 愈来愈火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。好比官方推荐的 vue-router、vuex 等，都是很是优秀的插件。可是咱们更多的人还只停留在使用的阶段，比较少本身开发。因此接下来会经过一个简单的 vue-toa...

解析 vue2.0 的 diff 算法 - 前端 - 掘金
前言 vue2.0加入了virtual dom，有向react靠拢的意思。vue的diff位于 patch.js 文件中，个人一个小框架 aoy 也一样使用此算法，该算法来源于&n...

VUE 2.0 学习总结 - 前端 - 掘金
VUE2.0学习 vue介绍 vue是什么？ https://vuefe.cn/guide vue也是一个数据驱动框架，作spa页面的 vue若是不作页面能够当作一个单独使用的js库，作双向数据绑定用 Vue的核心库只关注视图...

原生 JS 中对象相关 API 合集 - 前端 - 掘金
Microzz zhaohui@microzz.com 主页 ...

JavaScript 数组方法总结（中） - 前端 - 掘金
JavaScript中提供了多种数组方法，以下：转换方法—toLocaleString()方法、toString()方法、valueOf()方法栈方法——push()方法、pop()方法队列方法——shift()方法、unsh...

一个超轻量级的时间处理工具库 - dateformat.js - 前端 - 掘金
dateformat.js 是一个很是简洁、轻量级、不到 5kb 的很简洁的 Javascript 库，它是一个时间的处理工具类。 ...

『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金
github 开源的 Vue 优秀 UI 组件库合集✔...

vue 2.2 API 在线手册 - 前端 - 掘金
vue 2.2 API 在线手册，一点就一个 iframe 很方便，直入主题，不废话;...

文本动画, 几行代码页面效果瞬间就提高了 - 前端 - 掘金
animate-text 文字动画和数字动画 animate text 查看DEMO...

VSCode 拓展插件推荐——提升 Node 和 Vue 开发效率 - 工具资源 - 掘金插件列表 Auto Close Tag 自动闭合HTML标签 Auto Rename Tag 修改HTML标签时，自动修改匹配的标签 Bookmarks 添加行书签 Can I Use HTML五、CSS三、SVG的浏览器兼容性...