Vue.js 自定义指令的用法与实例 – 前端 – 掘金
市面上大多数关于Vue.js自定义指令的文章都在讲语法,很少讲实际的应用场景和用例,以致于即便明白了怎么写,也不知道怎么用。本文不讲语法,就讲自定义指令的用法。 自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念,但并非所有情况都适合数据驱动。…
Vue中你不知道但却很实用的黑科技 – 掘金
本文纯技术干货,首发于 掘金,转载请注明出处和作者。最近数月一直投身于 iView 的开源工作中,完成了大大小小 30 多个 UI 组件,在 Vue 组件化开发中积累了不少经验。其中也有很多带有技巧性和黑科技的组件,这些特性有的是 Vue 文档中提到但却容易被…
Vue2.0 探索之路——生命周期和钩子函数的一些理解 – 前端 – 掘金
前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是…
Vuex 框架原理与源码分析 – 前端 – 掘金
Vuex是一个专为Vue服务,用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层,规定所有的数据操作必须通过 action – mutation – state change 的流程来进行,再结合Vue的数…
Vuex Demo 讲解 – 掘金
作者: 混元霹雳手-ziksang vuex官网的专业术语,让有些人还是感觉,摸不着头脑,做一些实用场景给大家看 state 用来数据共享数据存储 mutation 用来注册改变数据状态 getters 用来对共享数据进行过滤操作 action 解决异步…
Dive into Vue.js – 前端 – 掘金
作者:百度外卖FE clancyz 摘要 Vue.js作为先进的前端MVVM框架,在外卖已经广泛应用在各业务线中。本文阐述了Vue.js作为前端MVVM框架的主要优势,并从Vue.js的三个核心点:Observer, Watcher, Compiler出发,…
Vue 服务端渲染和 Vue 浏览器端渲染性能对比 – 前端 – 掘金
Vue 2.0 开始支持服务端渲染的功能,所以本文章也是基于 Vue 2.0 以上版本。网上对于服务端渲染的资料还是比较少,最经典的莫过于 Vue 作者尤雨溪大神的 Vue-hacker-news。本人在公司做 Vue 项目的时候,一直苦于产品、客户对首屏加载…
Vue.js 2.0 源码解析之前端渲染篇 – 前端 – 掘金
作者介绍:王鹤,腾讯前端高级工程师,参与过QQ情侣、QQ星影联盟、QQ个性化装扮等项目的研发工作。秉承「不想当产品经理的程序员,不是好的设计师」。除敲敲代码外,对产品、设计、摄影也有一定的兴趣。 一、前言 Vue.js框架是目前比较火的MVVM框架之一,简…
前言 Vue 2.x 、React 都引入了 Virtual Dom 的概念,来更加高效地更新 dom 节点,提升渲染性能。为了能更深入地了解 Virtual Dom 的相关细节,决定将 Matt-Esch/virtual-dom 作为学习对象。这个项目…
Vue2 后台管理系统解决方案 – 前端 – 掘金
基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。线上地址 前言 之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图…
快速上手 Vuex – 前端 – 掘金
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 t…
Vue2.0 探索之路——生命周期和钩子函数的一些理解 – 前端 – 掘金
前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是…
Vue 源码详解: compile,link,依赖,批处理… 一网打尽,全解析! – 前端 – 掘金
用了Vue很久了,最近决定系统性的看看Vue的源码,相信看源码的同学不在少数,但是看的时候却发现挺有难度,Vue虽然足够精简,但是怎么说现在也有10k行的代码量了,深入进去逐行查看的时候感觉内容庞杂并且搞不懂代码的目的,同时网上的深入去仔细阐述Vue的comp…
从 0 开始做一个够用的 Vue 图片选择组件 – 前端 – 掘金
之前用Vue做了一个基础的组件vue-img-inputer,下面就叫vii,记录下在开发过程中遇到的知识点(都算比较基础,具体代码不会贴太多,都可以在项目仓库里看到)。 上传文件很多项目都要用到,一些组件库里(ele/…
Vue 图片上传组件 – 前端 – 掘金
Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more. …
【vue+axios】一个项目学会前端实现登录拦截 – 前端 – 掘金
一个项目学会vue全家桶+axios实现登录、拦截、登出功能,以及利用axios的http拦截器拦截请求和响应。 前言 …
vue 对话框组件 – 前端 – 掘金
This is yet another vue dialog component. Install Use npm to download code…
基于 webpack 的前端工程化开发之多页 – 前端 – 掘金
基于webpack的前端工程化开发之多页站点 在最初接触webpack的较长一段时间里,我(也可能很多人)都觉得webpack是专为单页应用而量身打造的,比如webpack+react、webpack+v…
用 VUEJS 做一个网易云音乐 – 前端 – 掘金
前言:自己学习VUEJS也一段时间,但一直没有做出来一东西。我自己一直喜欢用网易云音乐app,于是乎就做了这个app。 技术栈 …
Vue.js 学习系列四——Webpack 学习实践 – 前端 – 掘金
这两周一直想写webpack的知识点,却发现webpack其实要将webpack说的具体内容还是挺多的。而且稀土掘金上一搜webpack有好多人都有去写webpack的知识点,所以本文中不再去重复别人的东西了,就简单记录一下我对webpack的理解。并按照老规…
Vue 核心之数据劫持 – 前端 – 掘金
Vue框架核心之数据劫持 前瞻 当前前端界空前繁荣,各种框架横空出世,包括各类mvvm框架横行霸道,比如Angular、Regular、Vue、React等等,它们最大的优点就是可以实现数据绑定,再也不需要手动进行DOM操作了,它们实现的原理也基本上是脏检查或…
Vue 原理解析之 Virtual Dom – 前端 – 掘金
DOM是文档对象模型(Document Object Model)的简写,在浏览器中我们可以通过js来操作DOM,但是这样的操作性能很差,于是Virtual Dom应运而生。我的理解,Virtual Dom就是在js中模拟DOM对象树来优化DOM操作的一种技术…
Vue 源码解析:深入响应式原理 – 掘金
作者:滴滴公共前端团队 – 黄轶 本文来自《Vue.js 权威指南》源码篇的一个章节,现在分享出来给大家 Vue.js 最显著的功能就是响应式系统,它是一个典型的 MVVM 框架,模型(Model)只是普通的 JavaScript 对象,修改它则视图(Vi…
Vue 2.0 构建单页应用最佳实战 – 掘金
前言 我们将会选择使用一些vue周边的库vue-cli, vue-router,vue-resource,vuex 1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我们的数据流4.使用vue-resource请求我们的…
Vue中你不知道但却很实用的黑科技 – 掘金
本文纯技术干货,首发于 掘金,转载请注明出处和作者。最近数月一直投身于 iView 的开源工作中,完成了大大小小 30 多个 UI 组件,在 Vue 组件化开发中积累了不少经验。其中也有很多带有技巧性和黑科技的组件,这些特性有的是 Vue 文档中提到但却容易被…
掘金阴明:后端渲染实践 – 前端 – 掘金
Vue.js、React.js 及 Angular.js 等等前端开发框架引入了 UI = framework(State) 的前端编程逻辑,大范围降低了前端业务开发的难度,尤其是面向复杂前端应用。而这些优质开源框架的普及、多端业务统一、前后端分离的需求让越来…
Vue2.0 版英雄联盟助手,LOL 与 Vuejs 的激情碰撞 – 前端 – 掘金
Vue2.0版英雄联盟助手 vuejs League of Legends project 在线地址 …
使用 vue2.0 开发的开眼视频详情 – 前端 – 掘金
最近一直在学习vuejs,手痒之余决定使用vuejs做一些东西 正好一直觉得开眼APP的风格很惹人喜欢,所以决定用vuejs仿写一个简单的h5的开眼实现 项目演示:http://douni.one/eyepetizer …
美团点评 点餐前端团队招聘 – 掘金
团队简介我们是美团点评点餐事业部终端研发团队,支持点餐业务的用户端、商家端、管理平台、数据平台的开发工作。我们的目标是打造业界一流的终端团队。在业务场景的丰富度、技术栈的成熟度、团队管理的专业度方面追求业界一流水平。我们始终以持续的节奏来引进新技术,保持技术栈…
电商(天猫商城)APP 原型资源分享 – 产品 – 掘金
2017 版天猫商城 APP 原型资源分享,组件库和原型均可下载使用。…
webpack 传统后端渲染的项目前端配置 – 前端 – 掘金
对于比较传统的后端渲染项目,前端一直处于比较尴尬的位置,很多时候前端就是写一些样式一些动效.然后直接把写好的html文件扔给后端(jsp之类的木板)这就让很多后端工程师工作繁重了不少.但是由于很多后端的js不是那么的熟练.导致了两个问题:1. 事件绑定直接在d…
1-vuejs2.0 实战:仿豆瓣 app 项目,创建自定义组件 tabbar – 前端 – 掘金
大家好,我给大家分享一下仿豆瓣app的教程。当然了,我们不是用原生去实现,而是用前端框架vuejs来实现豆瓣app。————第一次写文章,写得不好请见谅。 为什么我们选择豆瓣app 来做这样一个…
也许是史上最全的前端资源大汇总 – 前端 – 掘金
1.前言 最近有很多朋友问我有没有相关的书籍推荐,希望能够自学一下前端。 正好最近在查阅文章的时候,发现有朋友已经进行过总结。 经过沟通和“行贿”?,终于取得转载权利,在此感谢晚晴幽草的大力帮助。 作者将原素材文章进行了新内容的添加和重新排列,但是因为文章…
Vue 图片上传组件 – 前端 – 掘金
Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more. …
vbuild: 为 Vue.js 优化的开发工具 (基于 Webpack) – 前端 – 掘金
Badges …
Vue Tree 组件 – 前端 – 掘金
This is yet another vue tree component. Install Use npm to download code: …
简易通用流程 StepView – Android – 掘金
介绍 StepView是由自己公司开发的软件中抽取出来又做了强化,分为横向版和竖向版,颜色大小随意可调,灵活好用! UI …
Vue2+Echarts 实现多种图表数据可视化 Dashboard 详解(附源码 – 前端 – 掘金
数据可视化 将数据通过图表的形式展现出来将大大的提升可读性和阅读效率 本例包含柱状图、折线图、散点图、热力图、复杂柱状图、预览面板等 技术栈 vue2.x vuex 存储公共变量,如色值等 v…
Vue 引入远程 JS 文件 – 前端 – 掘金
问题 最近在使用 Vue 做东西,用到钉钉扫描登录的功能,这里需要引入远程的 js 文件,因为 Vue 的方式跟之前的不太一样,又不想把文件下载到本地应用,找了一下解决的方法,貌似都需要引入第三方的库,最后找到了解决方案,分享之。 思路 一开始的思路是在 Vu…
看懂前端脚手架你需要这篇webpack – 掘金
it’s not webpack step by step(webpack2) 打个广告,欢迎大家订阅我司尚妆github博客,不定期干货输出哦。 分割webpack配置文件的多种方法 ###(一) 将你的配置信息写到多个分散的文件中去,然后在执行w…
2016 年 CSS 库、框架和工具新生榜 TOP 50 – 前端 – 掘金
CSS 于 2016 年发布的开源项目,其产量之大超出人们的预料,但纵观 CSS 在过去几年的巨大变化与快速发展,此结果的出现似乎又在情理之中。这些 CSS 库、框架和工具的建立不仅给我们提供了学习的视角,更给我们的工作与生活带来了便利。 本文精选了 50 款…
Vue.js v2.0 迁移指南 (我的 Blog 项目) – 前端 – 掘金
Vue.js 2.0 发布已经有两个月时间,也是时候把我的 Vue Blog 更新到 2.0 版本啦。用了近一个星期工作日晚上的时间重新设计 Blog 风格,结构并没有改,用我以前做室内设计的话说就是只换装饰不换装修。周末花了近一天的时间大概看了一遍 2.0 …
基于 webpack2 express 简洁易用的 Vue 服务端渲染 SSR 项目模板 – 前端 – 掘金
A Dead Simple Vue.js Server Side Render Template Demo …
Think.js 与 Vue2 服务端渲染 – 前端 – 掘金
Vue2的SSR并不是仅能用在express和koa中 本文以Think.js为例, 示范一下传统MVC框架如何与Vue2的服务端渲染结合 这里不提供仓库, 读者可以按照博文的命…
终于来了!结合 Laravel 5.3 + vue 2.1 组件化开发的博客系统 – 后端 – 掘金
PJ Blog is an open source blog built with Laravel and Vue.js. https://pigjian.com …
基于 vue.js 的选择器组件 – 前端 – 掘金
模拟 IOS 的 picker 选择器组件。…
Vuep – Vue playground 实时编辑 Vue 组件代码并预览的组件 – 前端 – 掘金
Vuep – Vue playground 实时渲染编辑 Vue 组件代码并预览的组件…
『收藏』VUE 优秀 UI 组件库合集 – 前端 – 掘金
github 开源的 Vue 优秀 UI 组件库合集✔…
Vue 核心之数据劫持 – 前端 – 掘金
Vue框架核心之数据劫持 前瞻 当前前端界空前繁荣,各种框架横空出世,包括各类mvvm框架横行霸道,比如Angular、Regular、Vue、React等等,它们最大的优点就是可以实现数据绑定,再也不需要手动进行DOM操作了,它们实现的原理也基本上是脏检查或…
Vue.js 学习系列四——Webpack 学习实践 – 前端 – 掘金
这两周一直想写webpack的知识点,却发现webpack其实要将webpack说的具体内容还是挺多的。而且稀土掘金上一搜webpack有好多人都有去写webpack的知识点,所以本文中不再去重复别人的东西了,就简单记录一下我对webpack的理解。并按照老规…
vue 专题库大放送(持续更新) – 前端 – 掘金
与 vue 相关的前端库集合,此外还有 react 和 angular 等专题,均为持续更新状态。…
Vue2.x 踩坑与总结 – 前端 – 掘金
年前就打算学习并总结一下vue2.x,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己踩过的坑总结一下分享出来。因为在项目中使用了webpack2.x,所以对于webpack2.x也有一个…
JRoll 无限加载 + 下拉刷新 for Vue2 – 前端 – 掘金
选项 JRoll.VueInfinite(options [, jrollOptions]) …
简约至上,美炸了的 Vue 圆环菜单组件 – 前端 – 掘金
API Props …
教你在微信中给 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-Flatpickr 更新到 2.2.0 版本了! – 前端 – 掘金
封装了漂亮的日期选择工具 Flatpickr
的 vue 组件,更新到 2.2.0 版本,修复了一堆的问题,也简化了使用方法,值得尝试。…
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] 插件开发入门 – 掘金](https://juejin.im/post/586e18…
作者:滴滴公共前端团队 – 小春+献勇 相对组件来说,Vue 的插件开发受到的关注要少一点。但是插件的功能是十分强大的,能够完成许多 Vue 框架本身不具备的功能。 大家一般习惯直接调用现成的插件,比如官方推荐的 vue-router、vue-touch 等。…
Mint UI: 基于 Vue.js 的移动端组件库 – 前端 – 掘金
Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。…
Vue.js 60 分钟快速入门 – 前端 – 掘金
(点击上方公众号,可快速关注)作者:keepfool链接:http://www.cnblogs.com/keepfo…介绍Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建…
Mint UI:基于 Vue.js 的移动端组件库 – 前端 – 掘金
…
Vue2.0 新手完全填坑攻略—从环境搭建到发布 – 前端 – 掘金
Jinkey原创感谢 showonne、yubang 技术指导Demo” target=”_blank”>https://github.com/showonneht… 地址:</strong>http://dem…
Vue 作者尤雨溪:Vue 2.0,渐进式前端解决方案 – 前端 – 掘金
前端框架的存在是为了解决什么问题?在众多的框架之中,Vue独具魅力之处何在?为什么说其背后的核心思想是渐进式?Vue究竟火到什么程度?最近发布的Vue2.0又做了哪些改进呢?Vue和Weex又是怎样的一种合作?2016年10月20日,Vue Technolog…
[前端开发之走进 Vue.js
前端 – 掘金](https://juejin.im/entry/58172…
Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js,了解Vue.js的开发流程,并进一步理解如何通过Vue.js来构建一个中大型的前端项目,同时做好相应的部署与优化工作。…
Vue.js 2.0 快速上手 – 基础篇 – 知乎专栏 ·「魔都三帅」 – 前端 – 掘金
Vue 2.0 出来也有一段时间了,作为一个有志向的全面发展好青年,在征服 Vue 1.x,React,React Native 后,为了之后能更快迁移公司的项目到 Vue 2.x,于是决定先看看 Vue 2.0。鉴于部分读者可能不了解 Vue,先简单看看各种…
Vue 源码解析:深入响应式原理 – 掘金
作者:滴滴公共前端团队 – 黄轶 本文来自《Vue.js 权威指南》源码篇的一个章节,现在分享出来给大家 Vue.js 最显著的功能就是响应式系统,它是一个典型的 MVVM 框架,模型(Model)只是普通的 JavaScript 对象,修改它则视图(Vi…
推荐五个Vue2的免费教程 – 掘金
一步一步学习Vue 2 (Laracasts) Jeffrey Way一直都有发布他web开发的教程。他曾经在30天内教会了我使用jquery。在Laracasts上有他免费的VueJs教程,并且宣称是“世上最深入的vuejs系列”。在你学习完本课程后,你将不…
Vue2构建的SPA应用,页面后退时,还原滚动位置 – 前端 – 掘金
前言 项目灵感的最初来源是@shinygang来自的Vue-cnodejs, 感谢cnodejs社区提供的API。 github:https://github.com/lzxb/vue-c… 感悟 在vue-cnode升级vue2的时候,在公司内部…
Vue2.0 Transition 常见用法全解惑 – 前端 – 掘金
Vue2.0的过渡系统(transition)有了很大的改变,想把1.0的项目迁移到2.0,着实需要费一些功夫,今天我就要把vue2.0的过渡系统的用法搞清楚,因为之前确实踩了不少坑。这里只涉及单元素/组件的过渡实现,vue2.0的文档中还讲到了初始渲染的过渡…
Scroller for Vue 2.0 – 前端 – 掘金
下拉刷新 无限加载 (For Vue 1.0, please refer to https://github.com/wangdahoo/…)…
vue-router源码分析-整体流程 – 掘金
作者:滴滴公共前端团队 – dolymood 在现在单页应用这么火爆的年代,路由已经成为了我们开发应用必不可少的利器;而纵观各大框架,都会有对应的强大路由支持。Vue.js 因其性能、通用、易用、体积、学习成本低等特点已经成为了广大前端们的新宠,而其对应的路由…
Vuex 框架原理与源码分析 – 前端 – 掘金
Vuex是一个专为Vue服务,用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层,规定所有的数据操作必须通过 action – mutation – state change 的流程来进行,再结合Vue的数…
基于原生js拖拽库, 顺便封装成 vue 组件, 写文档时间比写代码时间还长, 分享给大家~~~ – 前端 – 掘金
dnd.js 拖放库 drag and drop 查看DEMO …
基于 Vue2 实现的仿手机 QQ 单页面应用(接入聊天机器人) – 前端 – 掘金
概述 使用Vue2进行的仿手机QQ的webapp的制作,在ui上,参考了设计师kaokao的作品,作品由个人独立开发,源码中进行了详细的注释。 由于自己也是初学Vue2,所以注释写的不够精简,请见谅。 …
Vue.js 实现一个简易问卷平台(项目中遇到的问题总结) – 前端 – 掘金
项目地址 源码地址 …
Vue2 服务端渲染:按需分块加载的首屏优化策略 – Smallpath 的小站 – 前端 – 掘金
本文介绍一种SSR与按需分块加载的首屏优化策略,可以达到将所有路由全部按需分块加载,并且完全不影响首屏速度的效果。 背景 SSR与按需分块加载,博主最初使用下来感觉其实意义有限 假如全部路由都使用按需分块加载,那么首屏时间很可能不降反增,因为首屏对应…
基于 Vue.js 的精选壁纸推荐单页应用 – 前端 – 掘金
简介 刚学习Vue.js, 写了一个精选壁纸推荐的小应用练练手,…
开源一个 Vue.js + Node.js 的后台管理系统 – 前端 – 掘金
Vue Management System …
Vue 大型 SPA 项目的最佳实践 – 前端 – 掘金
前言 从去年10月份之后Vue 2.0发布了正式版,便将React全线转到了Vue上开发,陆陆续续开发了四五个项目,多多少少积累了一些心得,现在拿出来和大家分享一下和探讨一下。本人英语水平太low,如有错误,还望指正。 现代前端的标配 这两年前端发展迅速,日新…
低仿饿了么 H5 – 纯前端 Vue 版 + 手把手教学 – 前端 – 掘金
低仿饿了么H5-纯前端Vue版+手把手教学 这是一个低仿饿了么H5的纯前端练手,数据是伪造的,写的比较粗糙,写这个的目的是为了加深一下熟练度,半年前看到别人写的仿cnodejs网站,我也用vue1仿了cnodeJs的网站,当时写的也是粗糙的令人发指,在线预览:…
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-…
2017 百度前端技术学院——vue 源码分析之动态数据绑定一 – 前端 – 掘金
一、Object.keys() Object.keys()方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组,数组中属性名的排列顺序和使用(for in)循环遍历该对象时返回的顺序一致 (顺序一致不包括数字属性)(两…
Vue 2.0 起步 (4-2) 轻量级后端 Flask 用户认证 – 微信公众号 RSS – 前端 – 掘金
上一篇:Vue 2.0 起步(4) 轻量级后端Flask用户认证 – 微信公众号RSS上一篇采用了Flask-JWT token验证。由于网站新的需要,除了token,现在要加上session管理,跟Flask-Security比较之后,决定创建第4篇的第二版…
Vue2.0 版英雄联盟助手,LOL 与 Vuejs 的激情碰撞 – 前端 – 掘金
Vue2.0版英雄联盟助手 vuejs League of Legends project 在线地址 …
Vue 子父组件通信 – 前端 – 掘金
Vue是一个轻量级的渐进式框架,对于它的一些特性和优点在此就不做赘述,本篇文章主要来探讨一下Vue子父组件通信的问题 首先我们先搭好开发环境,我们首先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦) …
Vue 2.0 起步 (5) 订阅列表上传和下载 – 微信公众号 RSS – 前端 – 掘金
上一篇:Vue 2.0 起步(4)第二版 轻量级后端Flask用户认证 – 微信公众号RSS 用户在本地搜索、订阅了公众号以后,可以方便地上传订阅列表到服务器上。也可以在另一地方下载订阅列表到…
Vue-router 的配置以及实战(易错点) – 前端 – 掘金
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Title</title> …
Vue2.x 踩坑与总结 – 前端 – 掘金
年前就打算学习并总结一下vue2.x,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己踩过的坑总结一下分享出来。因为在项目中使用了webpack2.x,所以对于webpack2.x也有一个…
Vuex2 与 Axios 开发 – 前端 – 掘金
总结笔者最近在项目中使用Vuex2和Axios的总结和小技巧,方便日后查看。本人能力有限,如有错误还请大大们指正探讨?。 阅读前须知 接上一篇的Axios的配置,阅读本文默认您已经掌握了Vuex2的基本语法、Axios的使用配置与方法、Promi…
使用 Vue.js 实现论坛客户端 – 前端 – 掘金
vue-nga 由于手机配置不太好,刷nga安卓端经常重载,每次进入都要看好几秒的广告。。于是用vue.js试着做了一个(常年看帖不回,先只做游客功能- -),在浏览器上面体验还好(还可以全屏!),速度也过得去,能满足自己的日常需求了…
Vue.js 学习系列三——axios 学习实践 – 前端 – 掘金
在学习了之前的路由vue-router和状态管理vuex之后,就应该是网络交互了。就学习尤大推荐的axios了。刚好本人对网络请求这块除了会get、put、post和delete这四个方法之外知之甚少,刚好补全上。 …
Vue.js 的设计思想 – 前端 – 掘金
从出道到现在,它红遍全球,这期节目让我们来采访一下,而今前端框架的 “当红炸子鸡”! 小编: 你先自我介绍一下!!! Vue: 尊敬的 FSX 的读者们,大家好!!!我是Vue.js,是一个提供 MVVM 数据双向绑定的库,专注于UI…
vue-lazy-render – 前端 – 掘金
Description A vue component for vue component lazy rending. Vue组件,用于Vue组件的…
简单粗暴,一晚上用 node、Vue 写个联机五子棋 – 前端 – 掘金
群里有个同学要做个五子棋的面试题,于是拿出了以前写的代码,但是有bug,所以重做了一遍。 代码只是做了简单实现,但是去面试足够了,顺便写篇文章对思路和代码详细解释下。 Demo & 源码 单机Demo 单机Demo源码 可联机Demo源码 单机版详解 1、棋…
Vue2.0 实现简易豆瓣电影 webApp – 前端 – 掘金
项目地址:https://github.com/superman66…项目到本地,进入项目文件夹,安装依赖 git clone https://github.com/superman66…
不造个轮子,你还真以为你会写代码了? | 掘金技术征文 – 前端 – 掘金
不造个轮子,好意思说自己是程序员?最近在琢磨Vue的实现原理,参照着Vue捣鼓了一个轮子,一个轻量的前端MVVM框架,Vue的绑定指令基本都实现了一遍。(姑且命名为vueuv.js,github:qieguo2016/Vueuv)MVVM原理实现非常巧妙,真心…
基于 Vue.js 的表格分页组件 – 前端 – 掘金
有一段时间没更新文章了,主要是因为自己一直在忙着学习新的东西而忘记分享了,实在惭愧。 这不,大半夜发文更一篇文章,分享一个自己编写的一个Vue的小组件,名叫BootPage。 …
如何在 Vue2 中实现组件 props 双向绑定 – 前端 – 掘金
Vue学习笔记-3 前言 Vue 2.x相比较Vue 1.x而言,升级变化除了实现了Virtual-Dom以外,给使用者最大不适就是移除的组件的props的双向绑定功能。 以往在Vue1.x中利用props的twoWay和.sync绑定修饰符就可以实现prop…
Vue.js 双向绑定的实现原理 – 前端 – 掘金
Vue.js最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。本文仅探究几乎所有Vue的开篇介绍都会提到的hello world双向绑定是怎样实现的。先讲涉及的知识点,再参考源码,用尽可能少的代码实现那个hello world开篇示例。 参考文章:…
Vue2.0 新手完全填坑攻略—从环境搭建到发布 – 前端 – 掘金
Jinkey原创感谢 showonne、yubang 技术指导Demo” target=”_blank”>https://github.com/showonneht… 地址:</strong>http://dem…
简单粗暴,一晚上用 node、Vue 写个联机五子棋 – 前端 – 掘金
群里有个同学要做个五子棋的面试题,于是拿出了以前写的代码,但是有bug,所以重做了一遍。 代码只是做了简单实现,但是去面试足够了,顺便写篇文章对思路和代码详细解释下。 Demo & 源码 单机Demo 单机Demo源码 可联机Demo源码 单机版详解 1、棋…
vue-cli#2.0 webpack 配置分析 – 掘金
作者:滴滴公共前端团队 – 王宏宇 前言 作为 Vue 的使用者我们对于 vue-cli 都很熟悉,但是对它的 webpack 配置我们可能关注甚少,今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在…
Vue2.0 探索之路——生命周期和钩子函数的一些理解 – 前端 – 掘金
前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是…
进阶 vue 全家桶 – 前端 – 掘金
有人说只会vue不会vuex还只是个切图仔,所以本项目结合前端Vue2.0全家桶(vue+vue-router+vuex+axios+es6+sass)以及后端Node,一个前后端分离的练手项目。本项目可以作为一个前端vue进阶项目,从前端flex布局到前端v…
手把手教你用 es6+vue2+webpack2+vue-router2 搭建个人 blog – 前端 – 掘金
这是一个开源的个人blog项目。 前端的所使用的技术栈: es6 …
推荐五个Vue2的免费教程 – 掘金
一步一步学习Vue 2 (Laracasts) Jeffrey Way一直都有发布他web开发的教程。他曾经在30天内教会了我使用jquery。在Laracasts上有他免费的VueJs教程,并且宣称是“世上最深入的vuejs系列”。在你学习完本课程后,你将不…
系统设计1. 数据管理2. 身份认证 3. 权限管理 身份认证处理的是 “你是谁的问题”,而权限管理处理的是 “你能干什么的问题”。“你能干什么的问…
vue2 + vuex 高度还原饿了么 App,与官方后台真实数据交互,获取商品信息,实现登陆、购物车、下单等功能 – 前端 – 掘金
前言 vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么也只是因为…
Vue 大型 SPA 项目的最佳实践 – 前端 – 掘金
前言 从去年10月份之后Vue 2.0发布了正式版,便将React全线转到了Vue上开发,陆陆续续开发了四五个项目,多多少少积累了一些心得,现在拿出来和大家分享一下和探讨一下。本人英语水平太low,如有错误,还望指正。 现代前端的标配 这两年前端发展迅速,日新…
低仿饿了么 H5 – 纯前端 Vue 版 + 手把手教学 – 前端 – 掘金
低仿饿了么H5-纯前端Vue版+手把手教学 这是一个低仿饿了么H5的纯前端练手,数据是伪造的,写的比较粗糙,写这个的目的是为了加深一下熟练度,半年前看到别人写的仿cnodejs网站,我也用vue1仿了cnodeJs的网站,当时写的也是粗糙的令人发指,在线预览:…
vue-cli中的webpack配置 – 掘金
编辑模式下显示正常,打开的时候不知道为啥排版有问题。segementfalut链接在这里 版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2.2.1 目录结构 ├── README.md ├── bui…
基于 vue2.0+axios+vue-router 的斗鱼项目 – 前端 – 掘金
vue + axios + vue-router…
包学会之浅入浅出 Vue.js:开学篇 – 前端 – 掘金
作者 | 蔡述雄编辑 | 京露 蔡述雄,现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师,曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 2016年,乃至接下来整个2017年,如果你要问前端技术框架什么最火,那…
从零构建vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能(二) – 掘金
前言 国庆在回家的路上,得知了vue2发布了正式版, 国庆回来后,在公司内两个项目便直接应用上了vue2, 一个是PC端的商户后台,一个是微信端商城, 都是基于Vue2、vue-router、vuex …… 在开发的过程中,遇到了一系列的问题, 比如页…
Vue 2.0 起步 (1) 脚手架工具 vue-cli + Webstorm 2016 + webpack – 前端 – 掘金
Vue 是轻量级前端框架,入门非常容易。现在 2.0正式发布了,其实起步更容易了。这里记录一下 Vue开发的简单步骤,方便大家起步。源码:Github相关阅读:Vue 2.0 起步(2) 组件及 vue-router实例 – 微信公众号RSS 工具 …
基于 vue2+vue-router+vuex2+axios+elementUI 做的自动化后台基础模板 – 前端 – 掘金
这是一个功能强大的自动化后台框架基础模板,基于vue2实现,用到的技术包含:vue2,vue-router,vuex2,axios,ElementUI。 …
vue2 全家桶 demo – 前端 – 掘金
使用vue-cli最新版构建的基于vue2的demo,用到技术有vue2,vue-router2,vuex2,axios, 做这个东西是因为有伙伴…
Vue2.0 和 Express 的全栈脚手架 – 前端 – 掘金
Vue 2.0全家桶套餐,包含vue-router2.0和vuex2.0,集成express作为web server。 前言 …
如何使用 Vue2 做服务端渲染 – 前端 – 掘金
花费了一个月时间,终于在新养车之家项目中成功部署了vue2服务端渲染(SSR),并且使用上了Vuex 负责状态管理,首屏加载时间从之前4G网络下的1000ms,提升到了现在500-700ms之间,SSR的优势有很多,现在让我来跟你细细道来。 技术栈 服务端:N…
Vue2.0 探索之路——vuex 入门教程和思考 – 前端 – 掘金
Vuex是什么 首先对于vuex是什么,我先引用下官方的解释。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它…
史上最详细 VUE2.0 全套 demo 讲解 基础3(计算属性) – 掘金
作者 混元霹雳手-Ziksang 二天基础1+基础2突然突破了1000的收藏率,这使我更觉得大家认可我这种分享模式,这也看的出来vue的热度,我在这段时间的分享中,我一直脑海里在转,如何用最好的demo,和更好的流程去写文章,我相信从基础1开始看,一定能在工…
史上最详细VUE2.0全套demo讲解 基础2(列表渲染) – 掘金
作者 :混元霹雳手-Ziksang 在基础1发布之后,我真心发现,根据api进一步分析,再结合工作中的实际demo给大家讲解之后,大清早就收获了平均一分种一个喜欢,这使我很欣慰,自己的努力没有白费,我决心称热打铁马上出击,打造基础2,在基础上的部分我将给大家…
史上最详细VUE2.0全套demo讲解 基础1(模板语法) – 掘金
作者 : 混元霹雳手 ziksang 一开始在vue1.0的时候我就开始关注掘金的vue专栏,但是一直给我一种感受,真正能静下心来给读者写好每一个细讲,每一个讲解点,我觉得是最重要的,虽然我没有什么能力给大家带来像iview,mint ui等一系列大牛的基础…