vue 学习 - 收藏集 - 掘金

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

一起来实现图片滚动懒加载 - 掘金
图片一直是网络资源占用大户，对于一个前端有几百张图片的网站来说，如果首屏即加载所有图片（无论这些图片有没有被用户看到），那无疑是既浪费网络资源，又伤害用户体验的事。因此，图片懒加载，是提高前端性能的刚需所在。 目前，淘宝网、知乎等大流量网站都已经使用了图片滚动...

用 Vue 实现一个全选指令 - 前端 - 掘金
最近用vue做了两个项目，都需要实现全选反选的功能，两个项目用了两种实现方法，第一个项目用vue的computed，第二个项目用指令来实现，用起来，发觉指令更加方便。 第一次做全选的时候是刚开始接触vue不久，全选的实现参考了知乎(链接：https://www...

用 vue 实现模态框组件 - 前端 - 掘金
基本上每个项目都需要用到模态框组件，由于在最近的项目中，alert组件和confirm是两套完全不一样的设计，所以我将他们分成了两个组件，本文主要讨论的是confirm组件的实现。 组件结构 <template> <div class...

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

vue-auto-focus: 控制自动聚焦行为的 vue 指令 - 掘金
在网页的表单中，经常需要用程序来控制input和textarea的自动聚焦行为。例如我最近做的一个项目，有个装箱出库的流程，input框自动聚焦的流程如下：页面进入时自动聚焦到订单号输入框->订单号扫描完毕聚焦到商品条码输入框->扫描完一个商品条码...

vue-lazy-render: 延迟渲染大组件，增强页面切换流畅度 - 掘金
最近用element来做项目，在开发的过程中，突然发现页面的操作和切换在数据量大的时候相当卡，后来提了个issue,在furybean解答后才知道，我每个单元格都加了tooltip，会生成大量的节点，造成页面操作卡顿。后来将tooltip去掉，操作流畅多了。 ...

包学会之浅入浅出 Vue.js：结业篇 - 前端 - 掘金
作者 | 蔡述雄编辑 | 京露 蔡述雄，现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师，曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 在第一篇《包学会之浅入浅出Vue.js：开学篇》和上一篇《包学会...

包学会之浅入浅出 Vue.js：升学篇 - 前端 - 掘金
作者 | 蔡述雄编辑 | 京露 蔡述雄，现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师，曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 上一篇《包学会之浅入浅出Vue.js：开学篇》中，我们初步了解单页面组件...

包学会之浅入浅出 Vue.js：开学篇 - 前端 - 掘金
作者 | 蔡述雄编辑 | 京露 蔡述雄，现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师，曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 2016年，乃至接下来整个2017年，如果你要问前端技术框架什么最火，那...

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

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

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

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

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

Vue2.0 新手完全填坑攻略—从环境搭建到发布 - 前端 - 掘金
Jinkey原创感谢 showonne、yubang 技术指导https://github.com/showonneht... 地址:</strong>http://dem...

vue+webpack 入门实战（六）配合 vue-router 实现 SPA 单页应用 - 前端 - 掘金
这是一系列文章，此系列所有的练习都存在了我的github仓库中vue-webpack，在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表： 在上面的练习当中我们已经成功的加载了一个.vue格式的单文件组件，并且实现了在使用vue...

vue+webpack 入门实战（五）加载 vue 单文件组件 - 前端 - 掘金
这是一系列文章，此系列所有的练习都存在了我的github仓库中vue-webpack，在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表： 需要什么？在经过前面的四个练习，相信已经对于webapck有了一定的了解，现在我们就来一...

vue+webpack 入门实战（四）热加载 - 前端 - 掘金
这是一系列文章，此系列所有的练习都存在了我的github仓库中vue-webpack，在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表： webpack入坑之旅（一）不是开始的开始 webpack入坑之旅（二）loader入门...

vue+webpack 入门实战（三）webpack 配置入门 - 前端 - 掘金
这是一系列文章，此系列所有的练习都存在了我的github仓库中vue-webpack，在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表： 在上面我们已经尝试过了两种对于loader的使用方式，无论是在require的时候编写我...

vue+webpack 入门实战（二）webpack 的 loader 入门 - 前端 - 掘金
这是一系列文章，此系列所有的练习都存在了我的github仓库中vue-webpack 在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表： webpack入坑之旅（一）不是开始的开始 webpack入坑之旅（二）loader入门...

vue+webpack 入门实战（一）不是开始的开始 - 前端 - 掘金
最近学习框架，选择了vue，然后接触到了vue中的单文件组件，官方推荐使用 Webpack + vue-loader构建这些单文件 Vue 组件，于是就开始了webpack的入坑之旅。 因为原来没有用过任何的构建工具与模块化工具，所以本系列会十分的基础。并且可...