VUE前端框架

96
掘金官方
2018.01.09 16:53 字数 4772

Vue 入门实战项目——知乎日报

这是一个基于 Vue 全家桶开发的知乎日报 WebApp,页面样式主要参考 iOS 版知乎日报 APP


Vue 超大数据列表解决方案 vue-recyclerview 开源


Vue 超大数据列表解决方案 vue-recyclerview 开源,动态布局 + 自动回收解决移动端中大数据量列表的性能瓶颈。


史上最详细VUE2.0全套demo讲解 基础1(模板语法)


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


Vue 图片上传组件


自适应、支持预览、拖拽


[持续更新] VueConf 大会现场笔记


活动很赞,人很多,氛围非常好! 一、Vue 2017 现状与发展 By 尤雨溪 Evan You @ Vue 起源 2013 年 6 月:First Commit (Seed) 2013 年 12 月:第一次将项目名字 Vue 2014 年 2 月:第一次公开发布 Hacker…


史上最详细 VUE2.0 全套 demo 讲解 基础 5(class 与 style 绑定)


作者 : 混元霹雳手 - Ziksang 在我即将在分享的专题里我现发一个问题,原本对于 class 和 style 的绑定我不想分享的,我觉得没多大意义,但是我错了,你别看一个小小的 class 和 style 绑定,用的好和用的差区别很大,特别在一些组件中的样式提取分离中很重要,在自己的页…


【Vue 源码探究二】从 $mount 讲起,一起探究 Vue 的渲染机制


探究 Vue 的渲染机制,并寻找 api 与源码的对应


包学会之浅入浅出 Vue.js:开学篇


2016 年,乃至接下来整个 2017 年,如果你要问前端技术框架什么最火,那无疑就是前端三巨头:React、Angular、Vue。本系列文将会通过很多一目了然的例子和一个实战项目——组件库,来帮助大家学习 Vue。


微信小程序中用户登录和登录态维护


让用户登录,标识用户和获取用户信息,以用户为核心提供服务,是大部分小程序都会做的事情。我们今天就来了解下在小程序中,如何做用户登录,以及如何去维护这个登录后的会话 (Session) 状态。


史上最详细 VUE2.0 全套 demo 讲解 基础3(计算属性)


作者 混元霹雳手-Ziksang 二天基础1+基础2突然突破了1000的收藏率,这使我更觉得大家认可我这种分享模式,这也看的出来vue的热度,我在这段时间的分享中,我一直脑海里在转,如何用最好的demo,和更好的流程去写文章,我相信从基础1开始看,一定能在工作上面有很多大的收获…


技术 | Vue2.0 实践,顺手撸了一个小项目


Vue2.0 实践


史上最详细 VUE2.0 全套 demo 讲解 基础4(条件渲染)


作者 : 混元霹雳手 - Ziksang 三篇基础发布之后,收到最多的就是谢谢楼主,其次的就是错别字有点多,这篇我肯定写完之后读三遍,现在已经是夜里2点了,如果还有没有发现大家就容忍一下,这次我将要讲的是条件渲染,对于条件渲染我觉得思来思去真没有什么好写的,但是既然我说过了这个…


VueJS 开发常见问题集锦


主要写一些 官方手册 上没有写,但是实际开发中会遇到的问题,需要一定知识基础。


vue 的双向绑定原理及实现


vue 的双向绑定原理及实现


2017 百度前端技术学院——vue 源码分析之动态数据绑定一


简单分析 vue 源码的动态数据绑定


实例 - Vue 单页应用:记事本


请各位读者添加一下作者的微信公众号,以后有新的文章,将在微信公众号直接推送给各位,非常感谢。 0.前言 若文章中存在内容无法加载的情况,请移步作者其他博客。 简书 CSDN 最近在看 Vue 的时候,别人给我安利了一个国外的小案例,通过 Vue 和 Vuex 来实现一个记事本。…


写个 vue-loading-template 组件


趁着5.1来临之际,告诉你们一个好消息: demo: https://jkchao.github.io/vue-loading/ 源码(star ? start : start):https://github.com/jkchao/vue-loading 组件支持:自定义typ…


记一次 Vue 项目的重构


开始对代码结构和业务的理解而引起的重构优化之路。


Vue2.0 之写一个自己的组件


最近在研究 vue 2.0,看了很多组件库,当需求很多的时候,一个或两个组件库可能不能够满足我们的需求,自己能够手写一个组件的能力很有必要。看了官网和几个教程,发现写的不是令人满意,我决定写一份简单明了的教程,希望对你有帮助。


vue 父子间通信方式


这里介绍三种方式


探索 vue-spa 全家桶项目,解析配置,目录结构,路由以及状态管理的实现,附源码


1.简介 项目是一个简单的权限管理页面,分为3个页面, 首页,账户中心,登录页 通过vue-router 对于路由做权限控制, 首页无需登录,跳转账户中心会自动检索是否登录, 登录之后首页的登录按钮变为退出按钮, 页面之间的的状态管理全部通过vuex进行管理 项目演示 项目用到的…


Vue-cli 图文视频教程


Vue-cli 的图文视频教程,就是你可以看文字版教程,但你觉的看不明白,你可以看视频。视频内容和图文教程的内容是一样的,只是操作步骤更加清晰。本教程 Vue2.0 进阶必备。


Vue 2.0 起步 (3) 数据流 vuex 和 LocalStorage 实例 - 微信公众号 RSS


本文给我们的应用 - “简读 - 微信公众号 RSS”,添加搜索、订阅、取消公众号功能,以及实现本地数据持久化。转载自:http://www.jianshu.com/p/fb758398268a


CSS 常见布局解决方案


说起 css 布局,那么一定得聊聊盒模型,清除浮动,position,display 什么的,但本篇本不是讲这些基础知识的,而是给出各种布局的解决方案。


包学会之浅入浅出 Vue.js:结业篇


本文为包学会 Vue 系列文的最后一篇,本文学习过后,不是说我们就能够懂得 Vue.js,而是作为 Vue 思想中较为重要的部分我们已经都掌握了,那么回头去看 Vue 的官方文档和剩下的 API,相信会有一种忽然间任督二脉被打通了的感觉吧。


Vue 2.0 起步 (4-2) 轻量级后端 Flask 用户认证 - 微信公众号 RSS


通过 Flask-Security 同时管理 token 和 session。


vue 全家桶 SPA 前后分离的图文多人 blog 系统


前端 VUE 全家桶,后端使用 express+mongoose,前端 ui 组件自己手撸。


Vue 单元测试 case 写法


书接上文,karma+webpack 搭建 vue 单元测试环境介绍了 vue 单元测试环境搭建及查看源文件的测试覆盖覆盖率。今天来说一下 vue 单元测试思路和 case 的写法。测试框架使用 jasmine,语法参考。


Vue.js 2.0 源码解析之前端渲染篇


Vue.js 框架是目前比较火的 MVVM 框架之一,简单易上手的学习曲线,友好的官方文档,配套的构建工具,让 Vue.js 在 2016 大放异彩,大有赶超 React 之势。前不久 Vue.js 2.0 正式版已出,在体积优化(相比 1.0 减少了 50%)、性能提升(相比 1.0 提升 60%)、API 优化等各方面都更上一层楼。


vue 仿 163musicPC 端 (支持pc端常用功能)


vue-163-music(网易云音乐 web 版),用 vue 仿写 163 音乐客户端版。

原计划仿写完所有页面,碍于网易的接口 API 有限,实现页面也有限。

不推荐手机端访问。

页面高度为 670px,1366 X 768 分辨率及其以下按 F11 全屏浏览效果更佳

Github 项目地址: https://github.com/ShanaMaid/vue-163-music

欢迎 issue,pr,star or follow!我将继续开源更多有趣的项目


karma+webpack 搭建 vue 单元测试环境


最近做了一次关于 vue 组件自动化测试的分享,现在将 vue 组件单元测试环境搭建过程整理一下。这次搭建的测试环境和开发环境隔离,所以理论上适用所有使用 vue 的开发环境。


史上最详细VUE2.0全套demo讲解 基础2(列表渲染)


作者 :混元霹雳手-Ziksang 在基础1发布之后,我真心发现,根据api进一步分析,再结合工作中的实际demo给大家讲解之后,大清早就收获了平均一分种一个喜欢,这使我很欣慰,自己的努力没有白费,我决心称热打铁马上出击,打造基础2,在基础上的部分我将给大家讲解列表渲染 v-f…


Vue.js 学习系列二 —— vuex 学习实践笔记(附 DEMO)


本文介绍了作者在学习 vuex 过程中所获的经验,用简洁的语言解释 vuex 的用法


用 Vue 实现带 Dom 回收功能的无尽滚动列表组件


Complexities of an Infinite Scroller 文中例子的 vue 实现


vue-router 图文视频教程


全面解读 vue-router 的用法,循序渐进让你一步步学会 vue-router。


基于 VUE 的 markdown 文本编辑器


现阶段,随着 markdown 的普及,以前的富文本编辑器组件被替代,一款简洁的编辑器可以让自己的写作变得心情愉悦。于此同时,VUE 大🔥,所以贡献出一款简洁的 markdown 编辑器给大家,希望喜欢。本组件也适合 VUE 新手学习组件化开发,组件间传值,sass, 光标获取等知识点。


Vue.js 插件开发


相对组件以及 UI 类 demo 来说,Vue 的插件开发受到的关注要少一点。但是插件的功能是十分强大的,能够完成许多 Vue 框架本身不具备的功能。中文社区里这方面的文章貌似比较少点,看了一篇比较好的,分享给大家:


3-vuejs2.0 实战:仿豆瓣 app 项目,创建 Swipe 图片轮播组件


swipe 图片轮播不管是在 pc 端,还是移动端都是常见的效果,在这一章将用开源插件 swiper 完成一个比较简单的 swipe 循环轮播组件


Vue.js 学习系列四——Webpack 学习实践


要想学好 Vue 组件化开发,必先对 webpack 有充分的了解。


《京东E维》基于VUE+Webpack的单页面实践


本篇文章和大家聊一聊我们近期的项目——京东E维平台,这是一个专门为运维工程师设计的工单处理系统。它所要肩负的任务是,针对公司内部所有员工在办公时遇到的有关计算机、网络、软件方面等问题,通过E维平台发起问题上报请求。工程师通过该系统可以根据上报工单的紧急程度进行抢单、解决事件单、…


VueJS 组件编码规范


VueJS 组件编写规范,组件编写,从规范开始。


Vue2.0进阶组件篇1 教你秒撸(短信倒计时组件)


作者 混元霹雳手-ziksang 原本我想隔个几天再发文章,刚好今天项目上线,环境有问题,导致只有干等,刚好要为公司打造一套属于公司自己的一系列功能组件,这个使命就交给我了,大家也一直叫我来点干货,说实话我只是一个湿货,肚子里干一点就给你们出点货,那从今天开始不看岛国片系列教程…


包学会之浅入浅出 Vue.js:升学篇


本篇章我们将通过从无到有构建一个组件库,来了解 Vue 中组件化思维的具体应用,上一篇《包学会之浅入浅出 Vue.js:开学篇》已经带大家初步了解 Vue 了,有了一点储备知识,我们就可以扬帆起航了。


Vue 2.0 起步 (4) 轻量级后端 Flask 用户认证 - 微信公众号 RSS


本文介绍了使用 flask 进行后端用户注册认证的过程。转载自:http://www.jianshu.com/p/b12d2527a3f4


Vue.js 插件开发详解


前言 随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。比如官方推荐的 vue-router、vuex 等,都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件,来了解…


1-vuejs2.0 实战:仿豆瓣 app 项目,创建自定义组件 tabbar


用 vue2.0 实现仿豆瓣 app,将用到 vue-router+webpack+axios+vuex


vue 的 Virtual Dom 实现 - snabbdom 解密


vue 的 Virtual Dom 实现 - snabbdom 解密


聊聊 Vue.js 组件间通信


因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址:https://github.com/answershuto/learnVue。 在学习过程中,为Vue加上了中文的注释http…


Vue2.0 探索之路——vuex 入门教程和思考


一个简洁明了的 vuex 入门学习


从零搭建 vue2+vue-router2+webpack2 工程


适合新手,vue-cli 可以很方便的初始化一个工程,但是如果想自己动手从零搭建一个工程该如何开始?这篇博客提供了非常详细的步骤。


Vue.js 富文本编辑器


A wysiwyg editor written in Vue.js and Vuex.js, only support Vue.js 2.x.x


动手实现一个日期选择器 Datepicker-Vue.2x


看过了五花八门的日期选择器,为何不自己亲手实现一个呢


打造 Vue.js 可复用组件


从维护视图到维护数据,Vue.js 让我们快速地开发应用。但随着业务代码日益庞大,组件也越来越多,组件逻辑耦合严重,使代码维护变得十分困难。

同时,Vue.js 的接口和语法十分自由,实现同一功能有若干种方法。每个人解决问题的思路不一样,写出来的代码也就不一样,缺乏团队内的规范。

本文旨在从组件开发的不同方面列举出合理的解决方法,作为建立组件规范的一个参考。


vue-router 实现分析


vue-router 是 Vue.js 官方的路由库,本着学习的目的,我对 vue-router 的源码进行了阅读和分析,分享出来给其他感兴趣的同学做个参考吧。


Vue2.0 进阶组件篇 3 值得一看的(Toast 组件)


作者 混元霹雳手 - ziksang 现在发觉睡觉的时间越来越少,项目越来越多,组件越写越停不下来,因为过段时间要做一个技术分享,还有很多赶着急的项目等着我,今天不睡觉也要把这个教程写完分享给大家,如果大家想参加我的技术分享请用微信打开我的分享会,欢迎大家收听 http://gitb


Vue.js 学习系列三——axios 学习实践


本文介绍了 Vue 推荐网络通讯库 axios 的使用


Vue2.0 全家桶项目实用代码片段


vue 项目中实用代码片段,欢迎补充。


Vue 2.0 起步 (2) 组件及 vue-router 实例 - 微信公众号 RSS


本文通过实例搭架一个 SPA 应用 - “简读 - 微信公众号 RSS”。转载自简书。


原来你是这样的 Vue


一个新手司机眼里的 Vue


Vue.js 学习系列一 —— vue-router2 学习实践笔记(附 DEMO)


记录了作者在学习 vue-router 过程中的经验,并附带学习 demo。


Vue 2.0 起步 (5) 订阅列表上传和下载 - 微信公众号 RSS


用户在本地搜索、订阅了公众号以后,可以方便地上传订阅列表到服务器上。本文讲述如何进行上传和下载。


Vue.js 动画在项目使用的两个示例


vue.js 在 2016 年大放异彩,我们 Qlippie 直播平台进来使用 vue.js 开发了一些页面,效果拔群,在这里跟大家分享在项目中用 vue.js 开发的两个动画示例,也欢迎大家多多交流。


Vuejs 心法和技法


vue


Vue 二维码生成器, 赢一手支持彩色背景和彩色实点


Awesome-qr.js 的 Vue 版本


Vue 2.0 起步 (1) 脚手架工具 vue-cli + Webstorm 2016 + webpack


本文从头开始介绍了 Vue2.0 的环境搭建。从这篇文章开始,我会转载一个系列的 Vue 实例学习文章。

精选文集推荐
Gupao