×
广告

vue(1) - 收藏集 - 掘金

96
掘金官方
2017.05.12 14:00* 字数 12099

(译) 使用 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 前端入门与工程实践。 随着应用复杂度的增加,我们需要...

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

  1. 服务端渲染简介 服务端渲染不是一个新的技术;在 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/vue-blo...

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

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

使用 Vue.js 和 Chart.js 制作绚丽多彩的图表 - 掘金
本文作者:Jakub Juszczak 编译:胡子大哈 翻译原文:http://huziketang.com/blog/posts/detail?postId=58e5e0e1a58c240ae35bb8e0 英文连接: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/index-oa-template,或阅读原文。 这个项目的背景还要从“移动企业门户”说起,这是我厂的一个小项目,现也开源在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/vue-video/ocean.html 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 课程源码 - 前端 - 掘金
Vue.js 高仿饿了么外卖 App 课程源码,课程地址: http://coding.imooc.com/class/74.html 本源码基于 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] 插件开发入门 - 掘金
作者:滴滴公共前端团队 - 小春+献勇 相对组件来说,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-music-player/ 源代码 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/vue-cnode 欢迎大家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 服务端渲染怎么玩? - 前端 - 掘金

  1. 服务端渲染简介 服务端渲染不是一个新的技术;在 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的浏览器兼容性...

精选文集推荐
Web note ad 1