(译) 使用 Vue.js 和 Axios 从第三方 API 获取数据 — SitePoint – 前端 – 掘金
更多的往往不是，建立你的JavaScript应用程序时，你会想把数据从远程源或消耗一个[ API ]（https：/ /恩。维基百科。org /维基/ application_programming_interface）。我最近看了一些[公开]（https:/…
Vuex Demo 讲解 – 掘金
作者: 混元霹雳手-ziksang vuex官网的专业术语，让有些人还是感觉，摸不着头脑，做一些实用场景给大家看 state 用来数据共享数据存储 mutation 用来注册改变数据状态 getters 用来对共享数据进行过滤操作 action 解决异步…
关于一些Vue的文章。（5） – 掘金
原文链接我的blog，欢迎STAR。 前三篇里，我们开始从render, template, el的渲染DOM树的优先级，最终都编译成render函数，而后得到vnode（虚拟DOM），经过diff算法后，得到真实DOM。 那么问题来了？得到真实DOM以后接…
基于 element-ui 的单页面后台管理项目模版 – 前端 – 掘金
基于 element-ui 的单页面后台管理项目模版 技术栈 element-ui-admin 项目演示 vue vue-resource …
史上最详细 VUE2.0 全套 demo 讲解 基础3（计算属性） – 掘金
作者 混元霹雳手-Ziksang 二天基础1+基础2突然突破了1000的收藏率，这使我更觉得大家认可我这种分享模式，这也看的出来vue的热度，我在这段时间的分享中，我一直脑海里在转，如何用最好的demo，和更好的流程去写文章，我相信从基础1开始看，一定能在工…
2-vuejs2.0 实战：仿豆瓣 app 项目，创建组件 header,tabbar 路由跳转 – 前端 – 掘金
上一章有童鞋提到为什么不通过路由的方式来跳转？其实我想说的是，这个分享才刚刚开始，大家不要着急！这一章节我们将带大家完成，创建header组件，以及tabbar的路由跳转。 vue专题目录：1-…
Vue 源码详解: compile，link，依赖，批处理… 一网打尽，全解析! – 前端 – 掘金
用了Vue很久了，最近决定系统性的看看Vue的源码，相信看源码的同学不在少数，但是看的时候却发现挺有难度，Vue虽然足够精简，但是怎么说现在也有10k行的代码量了，深入进去逐行查看的时候感觉内容庞杂并且搞不懂代码的目的，同时网上的深入去仔细阐述Vue的comp…
vue2 + vuex 高度还原饿了么 App，与官方后台真实数据交互，获取商品信息，实现登陆、购物车、下单等功能 – 前端 – 掘金
前言 vue2的发布后自己也研究了一段时间，奈何公司的技术栈是以react为主，没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo，但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目，选择了饿了么也只是因为…
【vue+axios】一个项目学会前端实现登录拦截 – 前端 – 掘金
一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。 前言 …
前端基础进阶：详细图解，彻底搞懂闭包与作用域链 – 前端 – 掘金
攻克闭包难题 初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。 闭包有多重…
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 一、前言 先讲一下这个项目的由来。我司要新上一个产品，是面向教育领域的一个东西，要求快速开发又必须要兼容 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 前端入门与工程实践。 随着应用复杂度的增加，我们需要…
服务端渲染简介 服务端渲染不是一个新的技术；在 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 …
一个基于vue2、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 学习系列 – 前端 – 掘金
阅读目录一、MVVM大比拼二、Vue常用网址三、Vue基础入门1、MVVM图例2、第一个Vue实例3、双向绑定四、常用指令1、v-text、v-html指令2、v-model指令3、v-if、v-else指令4、v-show指令5、v-for指令6、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/) 就在今年的10月份，Vue2.0发布啦，来懵逼的海洋里一起下沉吧！ 前段阵子都没有发随笔，一方面要准备一场考试，另一方面是在研究vue…
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 很方便，直入主题，不废话;…
Vue 入门实战项目——知乎日报 – 前端 – 掘金
这是一个基于Vue全家桶开发的知乎日报WebApp，页面样式主要参考iOS版知乎日报APP。 个人博客：陈钰博的博客 项目github地址：vue-zhihu-daily …
史上最详细VUE2.0全套demo讲解 基础2（列表渲染） – 掘金
作者 ：混元霹雳手-Ziksang 在基础1发布之后，我真心发现，根据api进一步分析，再结合工作中的实际demo给大家讲解之后，大清早就收获了平均一分种一个喜欢，这使我很欣慰，自己的努力没有白费，我决心称热打铁马上出击，打造基础2，在基础上的部分我将给大家…
史上最详细VUE2.0全套demo讲解 基础1（模板语法） – 掘金
作者 : 混元霹雳手 ziksang 一开始在vue1.0的时候我就开始关注掘金的vue专栏，但是一直给我一种感受，真正能静下心来给读者写好每一个细讲，每一个讲解点，我觉得是最重要的，虽然我没有什么能力给大家带来像iview,mint ui等一系列大牛的基础…
vue-login 通过一个小项目带你走进 vue 全栈开发 – 前端 – 掘金
这是一个基于 vue & axios & nodejs(express) & mongodb(mongoose) 的登录／注册demo，面向 vue 初学者，场景虽简单，但五脏俱全。有前后台，涵盖非常多的 vue 及其相关技术的基本操作…
从一个改写后的 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 本篇主…
Vue 源码详解: compile，link，依赖，批处理… 一网打尽，全解析! – 前端 – 掘金
用了Vue很久了，最近决定系统性的看看Vue的源码，相信看源码的同学不在少数，但是看的时候却发现挺有难度，Vue虽然足够精简，但是怎么说现在也有10k行的代码量了，深入进去逐行查看的时候感觉内容庞杂并且搞不懂代码的目的，同时网上的深入去仔细阐述Vue的comp…
从 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 的原理并对其进行对比。 一、前言 前端技术年年有新宠，Vue.js 2.0以其轻量级、渐进式、简…
手摸手，带你用vue撸后台 系列一 – 掘金
项目地址 前言 说好的教程终于来了，第一篇文章主要来说一说在开始写业务代码前的一些准备工作吧，但这里不会教你webpack的基础配置，热更新怎么做，webpack速度优化等等，有需求的请自行google。 目录结构 ├── build …
如何写一手漂亮的 Vue – 前端 – 掘金
前几日听到一句生猛与激励并存，可怕与尴尬同在，最无奈也无解的话：“90后，你的中年危机已经杀到”。这令我很受触动。显然，这有些夸张了，但就目前这日复一日的庸碌下去，眨眼的功夫，那情形就会在这骨感的现实面前，悄然的被显现。所以，越发体验到，当必要有计划的去做，去…
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 一路用过来. 虽…
服务端渲染简介 服务端渲染不是一个新的技术；在 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全套demo讲解 基础2（列表渲染） – 掘金
作者 ：混元霹雳手-Ziksang 在基础1发布之后，我真心发现，根据api进一步分析，再结合工作中的实际demo给大家讲解之后，大清早就收获了平均一分种一个喜欢，这使我很欣慰，自己的努力没有白费，我决心称热打铁马上出击，打造基础2，在基础上的部分我将给大家…
史上最详细VUE2.0全套demo讲解 基础1（模板语法） – 掘金
作者 : 混元霹雳手 ziksang 一开始在vue1.0的时候我就开始关注掘金的vue专栏，但是一直给我一种感受，真正能静下心来给读者写好每一个细讲，每一个讲解点，我觉得是最重要的，虽然我没有什么能力给大家带来像iview,mint ui等一系列大牛的基础…
解析 vue2.0 的 diff 算法 – 前端 – 掘金
前言 vue2.0加入了virtual dom，有向react靠拢的意思。vue的diff位于 patch.js 文件中，我的一个小框架 aoy 也同样使用此算法，该算法来源于&n…
实测 Vue SSR 的渲染性能：避开 20 倍耗时 – 前端 – 掘金
导语：Vue SSR是Vue.js 2.0引入的直出渲染方案，本文将全面解析virtual-dom-based 及 string-based 的原理并对其进行对比。 一、前言 前端技术年年有新宠，Vue.js 2.0以其轻量级、渐进式、简…
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 小项目的最佳实践 – 掘金
项目简介 目前一期只是为App内某个模块资讯模块文章的分享和APP下载，后续还会有更多的功能,为了项目可扩展、可伸缩结合了我以前的实践搭建了此项目项目地址,如果这个简单的项目能给您带来帮助请给小哥哥⭐Star好不好（手动笔芯）。 功能 根据分享出来的文章I…
『收藏』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 HTML5、CSS3、SVG的浏览器兼容性…
