前端-优雅的VueJS

2019-10-01 14:35 来源:未知

Vue.js轻松实现页面后退时,还原滚动位置

前言 从Vue.js 2.x发布之后,陆陆续续做了七八个项目,摸索出来了一套自己的状态管理模式,我将之称为Vuet。它以规则来驱动状态更新,它带来的是开发效率上的飙升,它就像草原,而你是野马,任你随意驰骋,总之它是为敏捷开发而诞生。 缘由 在大型的Vue应用程序开发中,多组件通信…

进阶 vue 全家桶


本项目可以作为一个前端 vue 进阶项目

如何不用构建工具开发Vue全家桶项目


Vue是目前最流行的前端开发框架之一,与Vue-router和Vuex组成俗称的Vue全家桶,更是开发前端富交互应用的利器。配合webpack等构建工具,开发大型应用也可以得心应手。随着Vue的普及,可能一些老旧项目也希望能“渐进式”的使用Vue,或者有的项目想用Vue来做但不…

Vueg - 为 webApp 提供转场特效的开源 Vue 插件


如果你有使用 vue + vue-router 开发 web App、hybrid App,这个插件可以让你的 app 轻松获得页面切换时的转场特效。

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


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

Vuex2 与 Axios 开发


Vuex2 与 Axios 开发的那点事

使用 vue2+Vuex+Router 重写饿了么点餐系统和 vue 插件简析


最新写的 Demo,技术分享

基于Vue实现后台系统权限控制


用Vue这类双向绑定框架做后台系统再适合不过,后台系统相比普通前端项目除了数据交互更频繁以外,还有一个特别的需求就是对用户的权限控制,那么如何在一个Vue应用中实现权限控制呢?下面是我的一点经验。
在权限的世界里服务端提供的一切都是资源,资源可以由请求方法+请求地址…

axios 全攻略


对 axios 官方文档进行了详细翻译,帮助大家更好的了解和使用 axios

基于 vue 开发的移动端 H5 积分商城项目


基于 vue@1.0 开发的移动端 H5 积分商城项目
vue
vue-ruoter
vue-resource
webpack

vue2.0 transition -- demo 实践填坑


vue1.0 版本和 2.0 版本的过渡系统改变还是蛮彻底的,具体请自行详看文档介绍:https://vuefe.cn/v2/guide/migration.html# 过渡。在使用 2.0 版本做过渡效果的时候,虽然比 1.0 版本强大很多,但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已经很详细地介绍了各种应用场景,但是这里还是通过几个小 demo 案例来感受下 vue2.0 transition 带来的便利吧!

一个 Vue.js+Node.js 的博客内容管理系统


一个后端 Node.js,数据库 mongoDB,前端 Vue.js 的博客内容管理系统。
包括了 vue-router, vue-resource, vuex 等。

Vux 2.0 发布


基于 WeUI 和 Vue(2.x) 开发的移动端 UI 组件库,主要服务于微信页面

【vue+axios】一个项目学会前端实现登录拦截


一个项目学会 vue 全家桶 + axios 实现登录、拦截、登出功能,以及利用 axios 的 http 拦截器拦截请求和响应。

Vue2.0用户权限控制解决方案


Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案,通过对路由、视图、请求三个层面的控制,使开发者可以实现任意颗粒度的用户权限控制。

Vue 服务端渲染业务入门实践


作者:威威(沪江前端开发工程师)

最近, 产品同学一如往常笑嘻嘻的递来需求文档, 纵使内心万般拒绝, 身体倒是很诚实。 接过需求,好在需求不复杂, 简单构思 后决定用 Vue, 得心应手。 切好图, 挽起袖子准备撸代码的时候, SEO 同学不知何时已经站到了背后。

"听说你要用 Vue?"
"恩..."
"SEO 考虑了吗? 整个 SPA 出来,网页的 SEO 咋办?"
"奥..."

换以前, 估计只能无奈的换个实现方式, 但是 Vue 2.0 时代的到来, 给你多了一种可能。 你可以对 SEO 工程师说: 用 Vue 没问题!

Vue2.x 踩坑与总结


总结自己在学习 vue 过程中遇到的问题

Vuex 实战:如何在大规模 Vue 应用中组织 Vuex 代码 | 掘金技术征文


作者:滴滴公共前端团队 前言: 最早我们在设计《Vue.js权威指南》这本书的时候也一直思考要不要加入 Vuex 相关的内容,也有很多同学抱怨说我们没有加入这个章节。 其实整体我们应用的还是比较早,也在 1.0 和 2.* 都踩了一些坑,但是也不期望大家在任何复杂不复杂的场景里…

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


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

vue-cli#2.0 项目结构分析


接触过 vue 的同学应该都知道,用 vue-cli 开发 vue 的项目十分方便,它可以帮你快速构建一个拥有强大构建能力的 Vue.js 项目。今天不谈什么是 vue-cli,而是来说说用 vue-cli 构建的项目结构是什么样的并分析部分文件。

AT - 前端 UI 组件库


AT-UI 是一款基于 Vue 2.x 的前端 UI 组件库,主要用于快速开发 PC 网站产品。

vuex 探索之路


vuex 探索之路

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


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

以 Toast 为例讲解 Vue 组件的概念


  1. 单文件组件 日常开发时,我们项目文件夹通常都是使用 vue-cli 创建的,以 单文件组件 的方式来组织代码的。按照平日的开发流程,现在先创建一个 Toast.vue 文件。 该组件有两个 prop : visible 与 msg。visible 控制显示与隐藏,msg …
[Vue 脱坑记 -
查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)](https://link.jianshu.com?t=https%3A%2F%2Fjuejin.im%2Fentry%2F5a0188166fb9a045167c9a40)

对于以上三类人,走吧,这里不是你来装逼的地方. 你们也不值得看老子花那么多时间去汇总的水文. 学习一些新东西.若是有人给汇总那么多问题(指明方向和一定的解决法子). 这种情况一般报错信息可以看到是哪个包抛出的信息. 一般卸载这个模块,安装重新安装下即可. 官方解释如下: dat…

一个基于vue2、koa2和mongodb的博客


博客终于差不多写完了,虽然还是可能有一堆bug, 不过我迫不及待要写一篇博文来分享了= = 博客前台展示 博客前台展示 博客后台展示 博客后台展示博客后台编辑 项目地址 github地址:https://github.com/BUPT-HJM/vue-blog 在线访问地址: …

用vue优雅地编写UI组件的几条指导原则


最近在尝试写几个UI组件,并通过阅读element-ui的源码,与其反复比较,然后认真思考,最后总结出一些自己的一些心得和体会。在造轮子的过程中,既巩固了html,css,js基础,又加深了对vue源码的理解,更重要的是给了我一个温习和实践所学过的设计模式和思想的机会,来编写更…

vue + vuex + directives实现权限按钮的思路


对于这种问题,很显然不能每个按钮都去判断,所以我思考了一下结合自定义指令和vuex完成了相应的实现。 vuex里面的showLogin这个action无非就是对login的显示隐藏flag的操作。 这里只是完成了简单的登陆权限控制,从登陆权限出发,可以加入更多的权限控制,比如根…

VueJS 开发常见问题集锦


由于公司的前端开始转向 VueJS,最近开始使用这个框架进行开发,遇到一些问题记录下来,以备后用。
主要写一些 官方手册 上没有写,但是实际开发中会遇到的问题,需要一定知识基础。
CLI: Vue-CLI UI: Element HTML: Pug(Jade) CSS: Les…

Weex 新官网


Weex Conf 在杭州举行,活动中发布了新的 Weex 官网及 Logo

前后端分离之路 - Vue2 项目多入口模板改造方案


做前后端分离也有一段时间了,需要升级一下项目多入口的构建方案到 Vue@2.x。项目模板没有选择重新开发,而是直接选用了 vue 官方模板 vuejs-templates/webpack。现在我们需要把这个 SPA 单入口模板改成多入口,并且修改添加一些开发功能,以配合 Koa-grace 时的开发流程。

如何用 Vue 构建大型单页面应用


构建高性能,高可用的单页面应用

react都这么无情了,vue还是那么有义,4种父子组件数据双向传递大法


自定义事件可以用来创建自定义的表单输入组件,使用 v-model 来进行数据双向绑定。看看这个:input v-model="something" 这个我们直接用v-model像表单那样绑定就直接可以进行父子组件双向绑定了。在v-model的语法糖里封装了v-on:input …

Vue 2.0 服务端渲染怎么玩?


Vue 2.0 发布了也有一段时间了,新版本比较大的更新就是支持服务端渲染,最近有空折腾了下 Vue 的服务端渲染,记录下来。

Vue-router2.0 学习笔记


Vue.js 的一大特色就是构建单页面应用十分方便,既然要方便构建单页面应用那么自然少不了路由,vue-router 就是 vue 官方提供的一个路由框架。总体来说,vue-router 设计得简单好用,下面就来聊聊我实际用到过的一些方法。

BetterScroll:可能是目前最好用的移动端滚动插件


作者:滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件(GitHub地址),适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景,它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置,让滚动…

当 better-scroll 遇见 Vue


作者:滴滴公共前端 黄轶 在我们日常的移动端项目开发中,处理滚动列表是再常见不过的需求了。 以滴滴为例,可以是这样竖向滚动的列表,如图所示: 竖向列表 也可以是横向滚动的导航栏,如图所示: 横向列表 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时…

手摸手,带你用vue撸后台 系列二(登录权限篇)


进入正题,做后台项目区别于做其它的项目,权限验证与安全性是非常重要的,可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是:不同的权限对应着不同的路由,同时侧边栏也需根据不同的权限,异步生成。这里先简单说一下,我实现登录和权限验证的思路。 登录:当用户填写…

打造 Vue.js 可复用组件


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

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

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

Vue2 后台管理系统解决方案


基于 Vue.js 2.x 系列 + Element UI 的后台管理系统解决方案。该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。

Vue2 全家桶与微信开发


使用 Vue 全家桶开发微信项目踩坑全过程以及经验总结

vue-lazy-render


Vue 组件, 用于 Vue 组件的延迟渲染, 改善初次进入页面或者数据量较大的页面操作时出现卡顿的情况。

从一个改写后的 vue 小应用认识 vuex


源代码是 vuex1.0 写的,学习一段时间 vue 后用 vuex2.0 重新写了一遍,让大家可以对比一下 vuex1.0 和 vuex2.0 的一些写法上的差异。

Vuex 通俗版教程


本文基本上是官方教程的盗版,用通俗易懂的文字讲解Vuex,也对原文内容有删减。 如果你对以上声明不介意,那么就可以继续看本文,希望对你有所帮助。 学习一个新技术,必须要清楚两个W,"What && Why"。 "XX 是什么?","为什么要使用 XX ,或者说 XX 有什么好处…

Vuex 实战


最早我们在设计《Vue.js 权威指南》这本书的时候也一直思考要不要加入 Vuex 相关的内容,也有很多同学抱怨说我们没有加入这个章节。

深入 NUXT,看看一条命令行的背后到底发生了什么


随着 react 社区的 next.js 框架的发布,vue 社区也终于诞生了属于自己的前后端同构框架 nuxt.js。在进一步的接触与使用中,发现 nuxt.js 确实极大地方便了 vue 项目的开发,其背后的逻辑也值得我们玩味。本文主要研究 nuxt 的运行原理,分析它从接收一条 nuxt 指令,到完成指令背后所发生的一系列事情。

Vue 2.0 构建单页应用最佳实战


前言 我们将会选择使用一些vue周边的库vue-cli, vue-router,vue-resource,vuex 1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我们的数据流4.使用vue-resource请求我们的node服务端5.使…

Vue 大型 SPA 项目的最佳实践


这两年前端发展迅速,日新月异,各种框架层出不穷,这是一个坏时代,也是一个最好的时代,有幸的是能够身处在这个时代去亲眼见证它、实践它。

vue中慎用style的scoped属性


谨慎使用不是不用,而是持一种审视的目光去看待它。scoped肯定是解决了样式私有化的问题,但同时也引入了新的问题---样式不易(可)修改,而很多时候,我们是需要对公共组件的样式做微调的。所以我才说要谨慎使用 首先要说明的问题是,最开始我以为这是一个BUG或者说一个弊端(因为当时…

VueX 填坑指南


Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

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


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

Vuex 通俗版教程


通俗易懂的 Vuex 简明教程

Vue-Blu 发布啦!基于 Vue2.x 和 Bulma 的 UI 组件库


Vue-Blu 是一款基于 Vue2.x 和 Bulma 的 UI 组件库。目前已有近 30 个组件, 基本覆盖常见的场景。后续也会不断完善和增加。特点是基于 Bulma css 框架,本身具有了很好的布局和样式的基础、支持定制化、 API 友好、灵活。是前端快速开发的利器!

Vue 核心之数据劫持


这篇文章讲解的是 Vue 框架中通过 Object.defineProperty() 这个方法实现数据劫持的作用

一个商品 SKU 是怎么生成的(vue 实现)


一个商品 SKU 是怎么生成的

Vue.js 富文本编辑器


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

Vue2 实战:模仿卖座电影

一个使用 Vue2 全家桶高仿卖座电影网的项目

进阶 vue 全家桶


本项目可以作为一个前端 vue 进阶项目

Vue.js - 起手式


请各位读者添加一下作者的微信公众号,以后有新的文章,将在微信公众号直接推送给各位,非常感谢。 0x00:前言 这次前言不想扯太多。 本文主要是记录一下自己的学习历程,顺带做一个总结。 其中有参考 Vue.js 的中文文档,也有去查看其它大大们给出的总结。 最后也是一个期盼,希望…

[vue 最新实战] gank 客户端(vue2 + vue-router2 + vuex +webpace + es6)新手福利,干货多多


本项目是基于 vue2 最新实战项目,是适合新手进阶的绝佳教程。代码简单易懂,注释多多。实现了移动端使用最多的 无限滚动,图片加载,左右滑动,等待。先发布预览版本,后面更多更全的功能和教程将会陆续发出。

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


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

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


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

Vue + webpack 项目实践


最近在内部项目中做了一些基于 vue + webpack 的尝试,在小范围和同事们探讨之后,还是蛮多同学认可和喜欢的,所以通过 blog 分享给更多人。

使用 vue2+Vuex+Router 重写饿了么点餐系统和 vue 插件简析


最新写的 Demo,技术分享

vue2 + vuex 高度还原饿了么 App,与官方后台真实数据交互,获取商品信息,实现登陆、购物车、下单等功能


vue2 + vuex 高度还原饿了么 App,与官方后台真实数据交互,获取商品信息,实现登陆、购物车、下单等功能

用 VUEJS 做一个网易云音乐


VUEJS 写的一个小项目,求 star

Vue 2.0 服务端渲染怎么玩?


Vue 2.0 发布了也有一段时间了,新版本比较大的更新就是支持服务端渲染,最近有空折腾了下 Vue 的服务端渲染,记录下来。

vue+node 实现的一套博客系统, 包括博客前端展示页和博客后台管理页


一个完整的博客系统

使用 Vue.js 实现论坛客户端


一个 Vue.js 练习项目,从零开发到部署上线,代码开源在 https://github.com/crazy0x/vue-nga,本文主要记录了项目中遇到的一些问题以及使用 docker 进行打包部署的主要过程。

搭建 vue+webpack+mock 脚手架(一)


本文适合第一次搭建项目的朋友,讲讲我是怎么从零开始摸索着搭建一个项目框架的,属于总结归纳性质的文章。

  1. 基于 vue 的多页应用
  2. 支持自定义 mock 数据
  3. 支持热加载
  4. js 打包成多个
[适用于 vue-cli 的,用于编写 vue
组件的项目模板](https://link.jianshu.com?t=https%3A%2F%2Fjuejin.im%2Fentry%2F589f29cb8d6d81006c93f670)

适用于 vue-cli 的,用于编写 vue 组件的项目模板

全栈开发实战:用 Vue2+Koa1 开发完整的前后端项目


本文从一名新手的角度(默认对 Vue 有了解,对 Koa 或者 Express 有了解)出发,从 0 开始构建一个数据通过 Koa 提供 API 的形式获取,页面通过 Vue 渲染的完整的前端项目。可以了解到 Vue 构建单页面的一些知识以及前端路由的使用、Koa 如何提供 API 接口,如何进行访问过滤(路由)、验证(JSON-WEB-TOKEN)以及 Sequelize 操作 MySQL 数据库的一些知识和技巧,希望能够作为一篇入门全栈开发的文章吧。

2017 Vue.js 2 快速入门指南


2017 Vue.js 2 快速入门指南翻译自 Vue.js 2 Quickstart Tutorial 2017 从属于 Web 前端入门与工程实践。Vue 与 React 都是非常优秀的前端界面辅助库,笔者在工作中使用 React 会多一点,不过在学习 Vue 的过程中也得到了很多启发。Vue 和 React 在功能的完备、社区的活跃与性能的比较上笔者觉得毋庸多言,不过从笔者个人来看觉得二者的某些优势也是其劣势。Vue 是渐进式的 JavaScript 库,可以在项目扩展的过程中逐步添加所需要的模块,但是相对约束就较弱,并且强耦合于基于 DOM 的 Web 平台。React 则是更多的关注于跨平台与大型 Web 应用的工程实践,但是学习曲线比较曲折,入门门槛相对较高,对于活动页、移动 Mobile 也有点过重。详细讨论参考笔者的 2016 - 我的前端之路: 工具化与工程化。

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


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

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


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

Vonic 2.0 全新文档站上线


just title。

VueJS 组件编码规范


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

Keen UI - 基于 Vue.js 的 Material Design 前端组建库


支持几乎所有 Material Design 基础样式,代码组建格式优美

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


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

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用


vuejs 目前为止最大的开源单页面项目

这可能是目前最新的 Vue 相关开源项目库汇总


在 Github 上做了一个很新的 Vue 相关开源项目汇总。对 Vue 开发感兴趣的欢迎 Star ,后续也会定期维护更新这个列表。当然,你也可以去 opendigg 上查看。

掘金阴明:后端渲染实践


Vue.js、React.js 及 Angular.js 等等前端开发框架引入了 UI = framework(State) 的前端编程逻辑,大范围降低了前端业务开发的难度,尤其是面向复杂前端应用。而这些优质开源框架的普及、多端业务统一、前后端分离的需求让越来越多的架构设计将大部分业务逻辑写在了前端。

但是,纯前端产品也有着它的问题。上述的几个前端框架都支持了后端渲染的功能,从而融合了前后端的问题。如何有效地整合现有前端逻辑实现后端渲染、如何优化后端渲染性能、如何实现服务器流式吐内容更快地渲染页面的经验,会成为新一代 Web 开发的方向,提高前端业务开发的效率。在由七牛云主办的 ECUG 十周年盛会上,阴明为大家带来了他的实践分享。

webpack -> vue Component 从入门到放弃(二)


上一篇简单介绍了 webpack 的打包功能,应该说是比较无意义的打包,对于开发人员来说,这种效率是非常低的。所以我们来点升华。

简约至上,美炸了的 Vue 圆环菜单组件


一个开源的基于 vue 写的圆环菜单,可自定义多种了类型和动画,追求一中简约的风格

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


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

[使用 Weex 和 Vue 开发原生应用] 0 项目介绍和文章目录


Weex 和 Vue 已经互相支持,Vue.js 也因此具备了开发原生应用的能力。Vue 官方仓库中包含了适配 Weex 平台的代码,Weex 也引入了 Vue Runtime 并集成进了 SDK 中,第一个支持 Vue 的 WeexSDK 版本是 v0.9.5,后续版本也都将会支持,建议保持更新。

从 react-start 到 co 源码 (三)


这是一个系列文章,分为三篇。主要介绍了 react 开发环境的简单搭建,react 开发环境脚手架开发以及 co 的源码分析。这是系列的第三篇,主要对 co 源码进行的简单分析。

基于 vue2.0+axios+vue-router 的斗鱼项目


调用斗鱼的 API 编写的

手把手教你用 es6+vue2+webpack2+vue-router2 搭建个人 blog


手把手教你用 es6+vue2+webpack2+vue-router2 搭建个人 blog

Vue.js 组件库 Rubik UI 开发心得总结


Rubik UI 是一套基于 Vue 2.0 和 Material Design 开发的桌面端、移动端组件库

webpack -> vue Component 从入门到放弃(三)


离上一篇已经一个星期了,人的拖延症是没法救的,今晚趁着蒙蒙春雨,来抒发抒发情感。上一篇简单介绍了 webpack 的配置,这里稍微再做一一下延伸

vue.js 异步组件


一个跑得起来的案例,快速了解异步的 vuejs 组件

Rubik UI 一个 Material Design 风格的轻量 Vue.js 组件库


一个基于 Vue.js 2.0+ 和 Material Design 规范 的开源 UI 组件库

Vuex2 与 Axios 开发


Vuex2 与 Axios 开发的那点事

使用 vue.js 构建一个知乎日报


使用 vue 全家桶搭建的一个知乎日报

高仿饿了么 app 商家详情 (vue 2 +vue-router 2 + es 6 + webpack )


高仿饿了么 app 商家详情 (vue 2 +vue-router 2 + es 6 + webpack )。

Vue.js 组件库 Rubik UI 开发心得总结


又一个基于 vuejs 的 ui 轮子

Vue.js 项目使用 Karma 做自动化 UI 测试


关于使用 Karma 做自动化测试的小结

2-vuejs2.0 实战:仿豆瓣 app 项目,创建组件 header,tabbar 路由跳转


vue 仿豆瓣 app 项目,创建组件 header,tabbar 路由跳转

paco-ui-vue:一套基于 Vue 的移动 UI 组件库


paco-ui-vue 移动端的 ui 组件
特性

使用单文件的 Vue 组件化开发模式
基于 npm + webpack + babel 开发,支持 ES2015
高质量、功能丰富
友好的 API ,自由灵活地使用空间

vuex2 实战之购物车


这是一个基于 vue2+vuex2 实现的购物车 demo,想学习 vuex 伙伴的可以来看看。

基于 vue2+vue-router+vuex2+axios+elementUI 做的自动化后台基础模板


此项目重点突出在于架构模式,基于这个模式,可以快速方便的开发出可维护性可拓展性的后台项目。

Vue2+Echarts 实现多种图表数据可视化 Dashboard 详解(附源码


将数据通过图表的形式展现出来将大大的提升可读性和阅读效率
本例包含柱状图、折线图、散点图、热力图、复杂柱状图、预览面板等

Vue-Cli + ElementUI 试水感受


春节前使用 Vue-cli + ElementUI 将以前的项目添加新功能后,在使用过程中产生的一些思路、坑还有疑惑,与大家分享一下

详解 Vue & Vuex 实践 - 某熊的全栈之路 - 知乎专栏


详解 Vue & Vuex 实践翻译自 Vue + Vuex — Getting started,承接自 2017 Vue.js 2 快速入门指南,从属于 Web 前端入门与工程实践。

Vue.js 富文本编辑器


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

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


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

Vue 2.0 起步 (7) 大结局:公众号文章抓取 - 微信公众号 RSS


综合应用 Flask、Vue 实现微信公众号文章的抓取

Vue-Blu 发布啦!基于 Vue2.x 和 Bulma 的 UI 组件库


Vue-Blu 是一款基于 Vue2.x 和 Bulma 的 UI 组件库。目前已有近 30 个组件, 基本覆盖常见的场景。后续也会不断完善和增加。特点是基于 Bulma css 框架,本身具有了很好的布局和样式的基础、支持定制化、 API 友好、灵活。是前端快速开发的利器!

vue 2.0 用 cNode 社区的接口编写的单页面应用


1、Vue2.0 + Vue-Router+ Vuex + ES6
2、有做响应式布局
3、搜索框用百度搜索 API
欢迎大家来 issue,若对大家有帮助的话,还望 star 一波,哈哈哈!
个人技术博客 damonlw.github.io

Vue 2.0 起步 (6) 后台管理 Flask-Admin - 微信公众号 RSS


Flask-Admin 权限管理 定制显示格式 显示关系表外键内容 显示多对多 (M2M) 内容

Vue 单元测试 case 写法


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

2017 百度前端技术学院——vue 源码分析之动态数据绑定一 - 前端 - 掘金
一、Object.keys() Object.keys()方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组,数组中属性名的排列顺序和使用(for in)循环遍历该对象时返回的顺序一致 (顺序一致不包括数字属性)(两...

[Vue 2] 新版本探究之 performance 相关 - 掘金
作者:滴滴公共前端 小春 前言: 最近各大前端技术周刊或者关注使用 Vue 的同学都在讨论前几天又出新版了 v2.2.1。 在此我们调研一下,各位同学现在用 Vue 2.* 一般是哪个版本呢?可以给我们留言哦~ 正文: 对于任何框架,我自己都喜欢看 relea...

Vue2.0 探索之路——生命周期和钩子函数的一些理解 - 前端 - 掘金
前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是...

提升用户体验的利器——使用 Vue-Occupy 实现占位效果 - 前端 - 掘金
项目地址:https://github.com/jrainlau/v...DEMO:https://jrainlau.github.io/vu... 介绍 Vue-Occupy是一个vue指令,能够在数据被加载之前使用一个可配置的色块进行占位,能够有效提升用户...

2-vuejs2.0 实战:仿豆瓣 app 项目,创建组件 header,tabbar 路由跳转 - 前端 - 掘金
上一章有童鞋提到为什么不通过路由的方式来跳转?其实我想说的是,这个分享才刚刚开始,大家不要着急!这一章节我们将带大家完成,创建header组件,以及tabbar的路由跳转。 vue专题目录:1-...

vue2.x Cnode 社区 (全家桶) - 前端 - 掘金
vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发,使用webpack构建工具编译打包项目 如果此开源项目对大家学习vue的全家桶有帮助,请给我一个star,因为你的star让我觉得这个开源有了价值...

剖析 vue 实现原理,自己动手实现 mvvm - 前端 - 掘金
剖析Vue实现原理 - 如何实现双向绑定mvvm 本文能帮你做什么? 1、...

一个前后端分离的简单案例 - 前端 - 掘金
前言 在学习前端开发的过程中知了前后端分离这个概念 前后分离架构的探索之路 我们为什么要尝试前后端分离 因此决定小试身手,项目中主要使用到的框架和库. vuejs vue-router musi-ui axios expres...

iView 发布 1.0 正式版,43 个 UI 组件助力中后台业务开发 - 掘金
时隔半年多,iView 终于迎来了它的第一个正式版本 1.0.0,到目前版本,已经有 43 个常用 UI 组件,从功能和设计上,是最接近 Ant.Design 的 Vue.js 实现。 关于 iView 1.0 GitHub 地址:https://gith...

【vue+axios】一个项目学会前端实现登录拦截 - 前端 - 掘金
一个项目学会vue全家桶+axios实现登录、拦截、登出功能,以及利用axios的http拦截器拦截请求和响应。 前言 ...

用 VUEJS 做一个网易云音乐 - 前端 - 掘金
前言:自己学习VUEJS也一段时间,但一直没有做出来一东西。我自己一直喜欢用网易云音乐app,于是乎就做了这个app。 技术栈 ...

Vue.js 实战经验小结 - 前端 - 掘金
Vue.js介绍 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其...

Vue.js 组件库 Rubik UI 开发心得总结 - 前端 - 掘金
Vue.js 组件库 Rubik UI 开发心得总结 Rubik UI 是一套基于 Vue 2.0 和 Material Design 开发的桌面端、移动端组件库 开发目的 因为公司内部系统开发的越来越多,而却同事们的要求也越来越高,不仅要好用而且要好看,看惯...

Vue2.x 踩坑与总结 - 前端 - 掘金
年前就打算学习并总结一下vue2.x,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己踩过的坑总结一下分享出来。因为在项目中使用了webpack2.x,所以对于webpack2.x也有一个...

Vue 原理解析之 Virtual Dom - 前端 - 掘金
DOM是文档对象模型(Document Object Model)的简写,在浏览器中我们可以通过js来操作DOM,但是这样的操作性能很差,于是Virtual Dom应运而生。我的理解,Virtual Dom就是在js中模拟DOM对象树来优化DOM操作的一种技术...

基于 vue+vuex+localStorage 开发的本地记事本 - 前端 - 掘金
本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。在线预览地址:DEMO ...

全栈开发实战:用 Vue2+Koa1 开发完整的前后端项目 - 前端 - 掘金
简介 本文从一名新手的角度(默认对Vue有了解,对Koa或者Express有了解)出发,从0开始构建一个数据通过Koa提供API的形式获取,页面通过Vue渲染的完整的前端项目。可以了解到Vue构建单页面的一些知识以及前端路由的使用、Koa如何提...

简单粗暴,一晚上用 node、Vue 写个联机五子棋 - 前端 - 掘金
群里有个同学要做个五子棋的面试题,于是拿出了以前写的代码,但是有bug,所以重做了一遍。 代码只是做了简单实现,但是去面试足够了,顺便写篇文章对思路和代码详细解释下。 Demo & 源码 单机Demo 单机Demo源码 可联机Demo源码 单机版详解 1、棋...

基于 Vue 的年会抽奖小 DEMO - 前端 - 掘金
女朋友公司年会抽奖用的,演示地址DEMO,项目仓库github,感谢网上滚动抽奖的实例。 快速上手 # 安装依赖 npm install # 本地调试热重载 localhost:8080 npm ru...

使用 Vue.js 实现论坛客户端 - 前端 - 掘金
vue-nga 由于手机配置不太好,刷nga安卓端经常重载,每次进入都要看好几秒的广告。。于是用vue.js试着做了一个(常年看帖不回,先只做游客功能- -),在浏览器上面体验还好(还可以全屏!),速度也过得去,能满足自己的日常需求了...

一个最简单的 vue2.0 项目 包含路由 入门必备脚手架 - 前端 - 掘金
y Build Setup ...

基于 vue+vuex+localStorage 开发的本地记事本 - 前端 - 掘金
本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。在线预览地址:DEMO ...

高仿饿了么 app 商家详情 (vue 2 +vue-router 2 + es 6 + webpack ) - 前端 - 掘金
demo demo 地址 项目依赖 ...

Vue.js 起手式 + Vue 小作品实战 - 前端 - 掘金
本文是小羊根据Vue.js文档进行解读的第一篇文章,主要内容涵盖Vue.js的基础部分的知识的,文章顺序基本按照官方文档的顺序,每个知识点现附上代码,然后根据代码给予个人的一些理解,最后还放上在线编辑的代码以供练习和测试之用;在最后,我参考SegmentFau...

vue2.0 一起在懵逼的海洋里越陷越深(一) - 前端 - 掘金
本文章系列:vue2.0一起在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/) 就在今年的10月份,Vue2.0发布啦,来懵逼的海洋里一起下沉吧! 前段阵子都没有发随笔,一方面要准备一场考试,另一方面是在研究vue...

手把手教你开发 Vue 组件 ( 一) - 掘金
好久没写文章啦~新公司有点忙, 再加上最近在写 node.js, 抽空写一篇吧! 随着 Vue 越来越火热, 相关组件库也非常多啦, 只用轮子怎么够, 还是要造起来!!!滴滴公共前端团队已经有了一篇文章 [Vue] 插件开发入门但是可能具体细节还不够清楚; ...

Vonic 正式版发布!附中文文档 - 前端 - 掘金
成功收尾,本月终于可以向 2.0 迈进了!O(∩_∩)O...

JavaScript 日记 - 一个例子学会 Vue.js - 前端 - 掘金
大家都知道Vue.js是中国人创造出来的,简单易用,所以必须要支持一下 Vue采用的MVVM设计模式 也就是说model和view绑定model改变,view的内容改变,反之亦然 ...

我用 Vue2 全家桶重写「daza.io」的前端 - 前端 - 掘金
文章固定链接:https://daza.io/articles/58303 在发布第一版的daza.io的时候 Vue 2 已经发布了,但当时的进度已经快完成了,所以就没有立即升级到 Vue 2...

TAG标签:
版权声明:本文由金沙澳门官网4166发布于世界史,转载请注明出处:前端-优雅的VueJS