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 技术指导Demo” target=”_blank”>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的入坑之旅。 因为原来没有用过任何的构建工具与模块化工具,所以本系列会十分的基础。并且可…

    原文作者:掘金
    原文地址: https://segmentfault.com/a/1190000010075164
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞