vue(5) - 收藏集 - 掘金

2017-05-12 本文已影响1106人 5fc9b6410f4f

玩转 NPM - 前端 - 掘金
自从转向了Node开发之后，对于NPM的熟悉程度越来越高，这一篇文章希望可以让大家都能“玩转NPM”。做为Node世界里的包管理器，我想大家从Grunt时代起就已经熟练的使用npm install命令来安装一些依赖完成前端自动化构建任务。但是，你真的了解它...

半小时入门 Angular 2 - 前端 - 掘金
本文首发于由电子工业出版社出版《揭秘Angular 2》一书，基于第5章概览改写。作者简介：广发证券互联网金融技术团队，是Angular早期坚定的践行者。作为全新一代的证券业 IT 研发组织，团队致力于用更新更好的技术打造行业方案、支持业务创新。责编：...

H5 页检测手机是否安装 app 相关流程 - 前端 - 掘金
近期公司需要针对分享流程进行优化，其中一点就是前端H5检测是否安装应用，来进行不同的判断（下载或直接跳转到app中）。原理很简单：创建一个iframe去打开uri。如果打开app成功网页进入后台，再切换回来时间会超过2.5s。利用时间去检测。下面来看具体实现过...

我认真起来连面试官都怕（块级作用域，事件代理） - 掘金
作者混元霹雳手-Ziksang 如果你学完这篇文章之后，你回答完面试官之后，拿一张图告诉面试官在于前端面试，你给面试官讲一些官方名词，我知道react,vue,angular等等，一系列牛B的框架，对于面试来说并没有卵用，听多了！！有些有是报着真诚的找...

如何用 Node.js 编写一个 API 客户端 - 前端 - 掘金
说几句无关主题的话尽管这几年来 Node.js 已经得到越来越多的关注，连市场卖菜的老太婆都能分别得出哪个是写 Node.js 的，哪个是写 PHP 的。然而，终究是不能跟老大哥 Java 比的。我们在使用一些第三方服务时常常会碰到一时半会还没有官方的 No...

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文...

Sass 入门教程 - 前端 - 掘金
Sass(Syntactically Awesome StyleSheets) 是对 CSS 的扩展，可以编译成传统CSS，供浏览器使用。使用 Sass 是为了解决在大型项目中传统CSS会遇到的重复、可维护性差等问题。Sass 新增了nested r...

html5 manifest 离线缓存 - 前端 - 掘金
干什么用的？离线缓存为的是第一次请求后，根据manifest文件进行本地缓存，并且在下一次请求后进行展示（若有缓存的话，无需再次进行请求而是直接调用缓存），最根本的感觉是它使得WEB从online可以延伸到了offline领域。 ...

vue 2.2 API 在线手册 - 前端 - 掘金
vue 2.2 API 在线手册，一点就一个 iframe 很方便，直入主题，不废话;...

Vue.js 全家桶入门实战项目 (豆瓣市集) - 前端 - 掘金
这是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一个webapp项目！在这之前只是简单的了解一点关于vue相关的知识，也只停留在写过一点很简单的demo ，但是在对比react和angular之后,还是更加的青睐v...

Angular2 系列入门教程 - 前端 - 掘金
Angular2表单-自定义验证器 10-08 Angular2表单-模型驱动的表单(Model-Driven Forms) 09-29 Angular2表单-模板驱动的表单(Template-Driven Forms) 09-26 Angular2架构...

Angular 从0到1 （八）：史上最简单的 Angular 教程 - 掘金
第一节：初识Angular-CLI第二节：登录组件的构建第三节：建立一个待办事项应用第四节：进化！模块化你的应用第五节：多用户版本的待办事项应用第六节：使用第三方样式库及模块优化用第七节：给组件带来活力Rx--隐藏在 Angular 中的利剑Redux 你的 ...

Vue 2.0 起步 (1) 脚手架工具 vue-cli + Webstorm 2016 + webpack - 前端 - 掘金
Vue 是轻量级前端框架，入门非常容易。现在 2.0正式发布了，其实起步更容易了。这里记录一下 Vue开发的简单步骤，方便大家起步。源码：Github相关阅读：Vue 2.0 起步(2) 组件及 vue-router实例 - 微信公众号RSS 工具 ...

Vue.js 前后端同构方案之准备篇——代码优化 - 前端 - 掘金
导语目前Vue.js的火爆不亚于当初的React，本人对写代码有洁癖，代码也是艺术。此篇是准备篇，工欲善其事，必先利其器。我们先在代码层面进行优化，对我们完成整个技术架构是起到基础作用的。此准备篇是独立的，即使你们的项目不使用Vue.js，也不影响文章的阅读...

vue-router 的三种加载方式速度对比 - 前端 - 掘金
ensure 方式// const Index = r => require.ensure([], () => r(require('@/views/deposit/deposit_index')), 'Index') // const Produ...

Vue.js 实现一个简易问卷平台（项目中遇到的问题总结） - 前端 - 掘金
项目地址源码地址 ...

Vue 编写的移动端筛选条组件。 - 前端 - 掘金
vue-filter-bar vue编写的移动端筛选条组件。 Introduction 利用...

『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金
github 开源的 Vue 优秀 UI 组件库合集✔...

Vue2.0 全家桶项目实用代码片段 - 前端 - 掘金
前言：好久不更博客了。已经从angularjs转移到了vue的阵营。最近上线了一个vue的项目，在此分享一些简单实用的代码片段。 1、全局增加进度条提示nprogress地址 // main.j...

关于一些Vue的文章。（5） - 掘金
原文链接我的blog，欢迎STAR。前三篇里，我们开始从render, template, el的渲染DOM树的优先级，最终都编译成render函数，而后得到vnode（虚拟DOM），经过diff算法后，得到真实DOM。那么问题来了？得到真实DOM以后接...

Vue 服务端渲染和 Vue 浏览器端渲染性能对比 - 前端 - 掘金
Vue 2.0 开始支持服务端渲染的功能，所以本文章也是基于 Vue 2.0 以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于 Vue 作者尤雨溪大神的 Vue-hacker-news。本人在公司做 Vue 项目的时候，一直苦于产品、客户对首屏加载...

vue-cli中的webpack配置 - 掘金
编辑模式下显示正常，打开的时候不知道为啥排版有问题。segementfalut链接在这里版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2.2.1 目录结构 ├── README.md ├── bui...

使用 Vue，Express，Webpack，gulp 搭建的自动化电影库项目 - 前端 - 掘金
项目介绍采用vue-cli 构建初始项目目录 ...

如何写一手漂亮的 Vue - 前端 - 掘金
前几日听到一句生猛与激励并存，可怕与尴尬同在，最无奈也无解的话：“90后，你的中年危机已经杀到”。这令我很受触动。显然，这有些夸张了，但就目前这日复一日的庸碌下去，眨眼的功夫，那情形就会在这骨感的现实面前，悄然的被显现。所以，越发体验到，当必要有计划的去做，去...

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

结合 Vuex 创造一个完美的 vue-loading/vue-toast 组件 - 前端 - 掘金
我发现我写文章的通病是废话有点多所以没有必要的话不写前言了先上demo demo: https://deboyblog.github.io/vue-vu...

包学会之浅入浅出 Vue.js：开学篇 - 前端 - 掘金
作者 | 蔡述雄编辑 | 京露蔡述雄，现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师，曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 2016年，乃至接下来整个2017年，如果你要问前端技术框架什么最火，那...

Vue.js 2.0 源码解析之前端渲染篇 - 前端 - 掘金
作者介绍：王鹤，腾讯前端高级工程师，参与过QQ情侣、QQ星影联盟、QQ个性化装扮等项目的研发工作。秉承「不想当产品经理的程序员，不是好的设计师」。除敲敲代码外，对产品、设计、摄影也有一定的兴趣。一、前言 Vue.js框架是目前比较火的MVVM框架之一，简...

基于原生js拖拽库, 顺便封装成 vue 组件, 写文档时间比写代码时间还长, 分享给大家~~~ - 前端 - 掘金
dnd.js 拖放库 drag and drop 查看DEMO ...

关于一些Vue的文章。（1） - 掘金
原文链接我的blog，欢迎STAR。今天分享的一篇文章是关于vuex的源码解析的，链接vuex源码解析，在现在所做的项目里的每个组件，至少都有一个辅助函数，或者是....mapGetters，或者是...mapActions, 扩展运算符，以及解构也经常...

Vue 全家桶实现豆瓣电影服务端渲染 -SSR - 前端 - 掘金
技术基础 Vue 2.0 + vue-router + vuex + element-ui + nodejs 服务端渲染线上演示环境贴一下浏览器渲染的地址吧，项目新鲜出炉还没来得及部署到云服务器上和浏览器端渲染对比浏览器端doubanMovie ...

vue 全家桶实现豆瓣电影 API 显示 - 浏览器端渲染 - 前端 - 掘金
this is doubanMovie show By vue2.0 演示地址豆瓣电影安装步骤 # install dependencies npm install # serve w...

关于一些Vue的文章。（4） - 掘金
原文链接我的blog，欢迎STAR。接着上一篇，我们继续来讲Vue的Virtual Dom diff 算法中的patchVnode方法，以及核心updateChildren方法。在上篇中，我们谈到，当vnode不为真实节点，且vnode与oldVnod...

前端周刊第48期：Vue Conf 2017 + Progressive WEB APP - 掘金
共 2615 字，读完需 5 分钟，速读需 2 分钟，首发知乎专栏前端周刊。根据前端趋势观察，本期收录的内容有两个重点：Vue.js 周边，包括各种脚手架、工具库、技术交流大会；PWA（Progressive Web App）周边，包括视频、开发工具、应用示...

Vue + ElementUI 后台管理系统项目心得（一） - 掘金
最近参与了公司的 Vue + ElementUI 后台管理系统开发，目前项目告一段落，正好做一个总结。本文件分三部分进行，其一是 JavaScript 部分，其二是 Vue 部分，最后是 ElementUI 部分。一、对JavaScript的理解 1. 如...

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

VUE + VUEX + FIREBASE + BULMA 实现的 VUE SPA SSR 项目 - 前端 - 掘金
这是一个 VUE + VUEX + FIREBASE + BULMA … 实现的 SPA SSR项目 live demo ...

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

用 Vuex 构建一个笔记应用 - 前端 - 掘金
原文：Learn Vuex by Building a Notes App，有删改。本文假设读者熟悉 Vuex 文档的内容。如果不熟悉，you definitely should！在这个教程里面，我们会通过构建一个笔记应用来学习怎么用 Vuex。我会简单...

Vue 2.0 数据绑定实现一瞥 - 前端 - 掘金
抽了点时间看了一下Vue 2.0的代码，主要着重于如何实现数据绑定这一块，在小右的指导下基本上算是知道了个六成吧。代码可以在Vue的GitHub Repo上next分支里找到。cloc一下： $ cloc src/ test/ examples/ ...

单文件组件下的 vue，可以擦出怎样的火花 - 阅读 - 掘金
2016注定不是个平凡年，无论是即将问世的angular2(虽然到目前为止2016-05-20仍没有release date)，还是全面走向稳定的React，都免不了面对另一个竞争对手vue。由于vue设计思路的“先进性”(原谅我用了这么一个词)，以及作者尤小...

用 Vue 写了一个知乎日报 web app - 前端 - 掘金
A Vue.js & Nodejs project 声明：『知乎』是知乎. Inc 的注册商标。本软件与其代码非由知乎创作或维护。软件中所包含的信息与内容皆违反版权与知乎用户协议。它是一个免费软件，使用它不收取您任何费用。其中的所有内容均可在知乎获...

Vue.js 开发实践：实现精巧的无限加载与分页功能 - 阅读 - 掘金
本篇文章是一篇Vue.js的教程，目标在于用一种常见的业务场景——分页/无限加载，帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比，更全面的展示使用Vue.js完成一个需求的思考过程；与一些构建大型应用的高阶教程相比，又...

Vue.js 源码学习笔记 - 前端 - 掘金
勾三股四最近饶有兴致的又把最新版 Vue.js 的源码学习了一下，觉得真心不错，个人觉得 Vue.js 的代码非常之优雅而且精辟，作者本身可能无 (b...

Mint UI: 基于 Vue.js 的移动端组件库 - 前端 - 掘金
Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。...

使用 Vue.js 从零构建 GitHub 项目浏览器 - 前端 - 掘金
最近几个月在学习Vue.js并把它应用到实际项目中，在通读官方中文教程之后，前期学习期间Create a GitHub File Explorer Using Vue.js这篇文章给我了较好的启发。于是结合自己最新的学习成果写下这篇总结。源码地址：githu...

使用 Vue 完成上传文件页面 - 前端 - 掘金
需求描述最近加班加点完成了一个上传文件的需求，听起来很简单想着也很简单，但是知易行难实际操作起来，还是遇到了很多问题，现在就来总结一下，使用vue来构建一个上传文件的页面中会遇到哪些问题，其中的一些问题也可能是用别的框架也会遇到的问题。平台：主要是在安卓和苹...

Vue.js 实现 Material Design 的点击 Button 效果 - 前端 - 掘金
Material Design 谷歌推出了全新的设计语言Material Design。谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。（网上copy的） Materialize 前端框架 <!-- 引...

vue-stash 在 Vue 组建间传递信息 - 前端 - 掘金
A Vue.js plugin that makes it easy to share reactive data between components. Installation 1.) Install package via NPM $ npm in...

基于 vue-cli 单页面脚手架改造的多页面项目 - 前端 - 掘金
了解了Vue一般都会去用Vue-cli入门，这是一个构建SPA的脚手架，查看其build的项目，可以看到它是将所有的模块都输出到一个build.js中，有时候会看到这个js文件特别大，有好几兆，然而当一个项目足够复杂时，SPA恐怕不再适合使用了，用户不可能访问...

Vue2.0 新手完全填坑攻略—从环境搭建到发布 - 前端 - 掘金
Jinkey原创感谢 showonne、yubang 技术指导https://github.com/showonnehttps://github.com/yubang<strong>Demo 地址:</strong>http://dem...

在VUE2.0中使用PostCSS - 掘金
作者：滴滴公共前端团队 - J 在写 vue 组件样式时，有时为了兼容需要不停的写 -webkit-，即使复制粘贴也不能提升我们码 css 的幸福感，又有时我们想使用一下 BEM 风格的命名，但是长长的名称外加分隔符敲起来十分烦人。其实在 vue-loade...

Vuex 2.0 源码分析 - 掘金
作者：滴滴公共前端团队 - 黄轶大家好，我叫黄轶，来自滴滴公共前端团队，我们团队最近写了一本书 ——《Vue.js 权威指南》，内容丰富，由浅入深。不过有一些同学反馈说缺少 Vuex 的介绍的章节。既然 Vue.js 2.0 已经正式发布了，我们也要紧跟步...

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 文档中提到但却容易被...

推荐五个Vue2的免费教程 - 掘金
一步一步学习Vue 2 （Laracasts） Jeffrey Way一直都有发布他web开发的教程。他曾经在30天内教会了我使用jquery。在Laracasts上有他免费的VueJs教程，并且宣称是“世上最深入的vuejs系列”。在你学习完本课程后，你将不...

vue 新手入门 demo vue2.0+vue-router+vuex - 前端 - 掘金
vue新手学习的一个项目宠物领养前端所用的是vue2.0+vue-router+vuexwebpack的配置之前是自己写的，但看过vue-cli后觉得那个更好，所以就用vue-cli webpack-simple那个，个人建议新手还是用simple的版本好点...

Vue.js 2.0 快速上手 - 基础篇 - 知乎专栏 ·「魔都三帅」 - 前端 - 掘金
Vue 2.0 出来也有一段时间了，作为一个有志向的全面发展好青年，在征服 Vue 1.x，React，React Native 后，为了之后能更快迁移公司的项目到 Vue 2.x，于是决定先看看 Vue 2.0。鉴于部分读者可能不了解 Vue，先简单看看各种...

Vue2.0 新手完全填坑攻略 - 前端 - 掘金
这是一篇基于 Vue2.0 的新手入门文章，通过 Demo 实例介绍了 Vue2.0 的环境搭建及服务器端渲染的过程。...

基于 vue2.0+axios+vue-router 的斗鱼项目 - 前端 - 掘金
vue + axios + vue-router...

使用 vuejs 开发的一个面试页面 - 前端 - 掘金
试题链接参考答案GitHub地址第一部分是关于javascript的简答题，考的是js基础知识。涉及的内容包括数组操作，js中改变this指向的方法call()以及js原型法。 ...

这可能是目前最新的 Vue 相关开源项目库汇总 - 前端 - 掘金
awesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库集合。我们会定期同步OpenDigg上的项目到这里，也欢迎各位提交项目给我们。 ...

Vue2 全家桶与微信开发 - 前端 - 掘金
此项目本身有一个APP了，为了方便将APP和微信端数据打通，需要用户微信和APP用户绑定。在开发的过程中单页面的模式在微信JS API的配置踩了很多坑，特别是IOS。由于本人表述能力和篇幅有限Orz，这里只介绍关键的实现步骤和代码，有些安全的地方和路由地方处理...

简约至上，美炸了的 Vue 圆环菜单组件 - 前端 - 掘金
API Props ...

vuex2 实战之购物车 - 前端 - 掘金
这是用vuex2实现的一个商城购物车demo,存储数据用的本地localstorage 在线demo：https://product.sailen...

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

记一次 webpack 打包文件优化 - 前端 - 掘金
记一次webpack打包文件优化,PPT下载链接在文章末尾 page 1 page 2 page 3 page 4 page 5 page 6 ...

webpack 2 入门 - 前端 - 掘金
webpack 2将在文档完成后将正式发布(webpack 2.2 中文文档)。但这并不意味着你现在不能开始使用版本2，如果你知道如何配置它的话。 webpack 2.2 已经正式发布！现在通过 npm 安装 webpack 会自动安装 v2 版...

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

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

Vue - 起手式 - 掘金

0x00：前言这次前言不想扯太多。本文主要是记录一下自己的学习历程，顺带做一个总结。其中有参考 Vue.js 的中文文档,也有去查看其它大大们给出的总结。最后也是一个期盼，希望能够帮助到其他有需要的小伙伴。补充：第一次自学的话，推荐直接去查看...

webpack 简单入门 - 前端 - 掘金
今天来简单地介绍一下webpack的使用！ 1、什么是webpack？ webpack是时下比较流行的模块加载器兼打包工具，它能把各种资源，例如JavaScript代码、样式（含less/sass）、图片等作为模块来进行分析、压缩、合并、打包。 2、为什...

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

前后端分离之路 - Vue2 项目多入口模板改造方案 - 前端 - 掘金
做前后端分离也有一段时间了，业务一直在用Vue@1.x的多入口方案，也一直懒癌发作没搞2.x的版本。适逢最近在等某宝小程序的构建，由于迟迟不定技术方案，只好暂缓先捯饬一下Vue@2.x项目多入口的构建方案。此处强插一条硬广，...

征服 JavaScript 面试：什么是闭包 - 前端 - 掘金
“征服 JavaScript 面试”是我写的一系列文章，来帮助面试者准备他们在面试 JavaScript 中、高级职位中将可能会遇到的一些问题。这些问题我自己在面试中也经常会问。在我面试时问出的一系列问题里，闭包通常是我问的第一个或最后一个问题。坦白地说，...

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

vue+node 实现的一套博客系统, 包括博客前端展示页和博客后台管理页 - 前端 - 掘金
简要技术栈： vue2.0+vue-router+vue-resource node+express+mongodb ...

vue 父子间通信方式 - 前端 - 掘金
闲话不多说，直接上干货，大家在vue的项目中肯定也会遇到需要父子间通信的问题，在这里给大家提出三种父子间通信方式一.父组件调用子组件方法如果调用子组件的方法，需要先给在父组件中引用的子组件添加一条索引值，本人就以自己的代码为例图1 图1中v-ref为...

webpack -> vue Component 从入门到放弃（一） - 前端 - 掘金
此篇文章仅仅是整理自己接触webpack的入门过程，可能有很多不正确的地方，希望大家谅解，并指出错误帮助改进。对于webpack的介绍和前期对他的入门使用，我觉得官方（中文网）已经介绍的很简单了，但是为了文章的可读性，...

一款简洁美观的知乎日报 (web 端) - 前端 - 掘金
轻松查看知乎日报内容, 收藏你喜欢的文章效果图首页查看文章主题日报收藏文章热门文章首页切换日期 ...

手把手教你用 es6+vue2+webpack2+vue-router2 搭建个人 blog - 前端 - 掘金
这是一个开源的个人blog项目。前端的所使用的技术栈: es6 ...

Vue 服务端渲染业务入门实践 - 前端 - 掘金
作者：威威（沪江前端开发工程师）本文原创，转载请注明作者及出处。背景最近，产品同学一如往常笑嘻嘻的递来需求文档，纵使内心万般拒绝，身体倒是很诚实。接过需求，好在需求不复杂，简单构思后决定用Vue，得心应手。切好图，...

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

Vue2服务端渲染实践以及相关解读 - 掘金
由于前端渲染SEO的问题，所以首先博客优化点先把服务端渲染（Server-Side Rendering）放在首位，折腾了段时间将博客前台部分以及服务端koa2部分改版，成功实现服务端渲染，这篇文章旨在记录下本次博客的升级以及实现vue2与koa2配合服务端渲染...

手摸手，带你用vue撸后台系列一 - 掘金
项目地址前言说好的教程终于来了，第一篇文章主要来说一说在开始写业务代码前的一些准备工作吧，但这里不会教你webpack的基础配置，热更新怎么做，webpack速度优化等等，有需求的请自行google。目录结构 ├── build ...

Vuex 框架原理与源码分析 - 前端 - 掘金
Vuex是一个专为Vue服务，用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层，规定所有的数据操作必须通过 action - mutation - state change 的流程来进行，再结合Vue的数...

基于Nuxt.js的SSR/Web应用最佳实践 - 掘金
SEO 很重要，所以要普及。 SEO：搜索引擎优化（Search Engine Optimization），它是指通过站内优化，如：网站结构调整、网站内容建设、网站代码优化以及站外优化等方法，来进行搜索引擎优化。简单说：通过各种技术（手段）来确保，你的W...

Vue 小项目的最佳实践 - 掘金
项目简介目前一期只是为App内某个模块资讯模块文章的分享和APP下载，后续还会有更多的功能,为了项目可扩展、可伸缩结合了我以前的实践搭建了此项目项目地址,如果这个简单的项目能给您带来帮助请给小哥哥⭐Star好不好（手动笔芯）。功能根据分享出来的文章I...

实例 - Vue 单页应用：记事本 - 掘金
0.前言若文章中存在内容无法加载的情况，请移步作者其他博客。简书 CSDN 最近在看 Vue 的时候，别人给我安利了一个国外的小案例，通过 Vue 和 Vuex 来实现一个记事本。仔细剖析下，发现“麻雀虽小，五脏俱全”，是一个挺适合初学者学习分...

『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金
github 开源的 Vue 优秀 UI 组件库合集✔...

提高 webpack 构建 Vue 项目的速度 - 掘金
前言最近有人给我的 Vue2 后台管理系统解决方案提了 issue ，说执行 npm run build 构建项目的时候极其慢，然后就引起我的注意了。在项目中，引入了比较多的第三方库，导致项目大，而每次修改，都不会去修改到这些库，构建却都要再打包这些库，浪...

如何使用 Vue2 做服务端渲染 - 前端 - 掘金
花费了一个月时间，终于在新养车之家项目中成功部署了vue2服务端渲染（SSR），并且使用上了Vuex 负责状态管理，首屏加载时间从之前4G网络下的1000ms，提升到了现在500-700ms之间，SSR的优势有很多，现在让我来跟你细细道来。技术栈服务端：N...

基于 Vue2.0 高仿微信 App - 前端 - 掘金
利用Vue2.0模仿微信app，努力做到以假乱真的效果。个人独立开发，源码中有详细的注释，为新手提供许多有用的提示信息。后期会增加仿3DTouch、登陆、注册、emoji表情内嵌、朋友圈图片查看等功能，让它更接近微信App的用户交互体验。 ...

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用 - 前端 - 掘金
初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对...

做你学习 Vue2 的第一个项目！Vue-MuseUI 版的 cnodejs.org 社区 - 前端 - 掘金
A Vue.js project online demo ...

Vuex2 与 Axios 开发 - 前端 - 掘金
总结笔者最近在项目中使用Vuex2和Axios的总结和小技巧，方便日后查看。本人能力有限，如有错误还请大大们指正探讨😭。阅读前须知接上一篇的Axios的配置，阅读本文默认您已经掌握了Vuex2的基本语法、Axios的使用配置与方法、Promi...

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

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

服务端渲染简介服务端渲染不是一个新的技术；在 Web 最初的时候，页面就是通过服务端渲染来返回的，用 PHP 来说，通常是使用 Smarty 等模板写模板文件，然后 PHP 服务端框架将数据和模板渲染为页面返回，这样的服务端渲染有个缺点就是一旦要查看新...

Vue2 实战：模仿卖座电影 - 前端 - 掘金
使用Vue2.0全家桶仿制卖座电影仓库：https://github.com/ChuckCZC/vue-demo-maizuo ...

karma+webpack 搭建 vue 单元测试环境 - 前端 - 掘金
最近做了一次关于vue组件自动化测试的分享，现在将vue组件单元测试环境搭建过程整理一下。这次搭建的测试环境和开发环境隔离，所以理论上适用所有使用vue的开发环境。准备这篇文章的重点在于搭建测...

vue-cli#2.0 webpack 配置分析 - 掘金
作者：滴滴公共前端团队 - 王宏宇前言作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在...

vue-cli#2.0 项目结构分析 - 前端 - 掘金
接触过vue的同学应该都知道，用vue-cli开发vue的项目十分方便，它可以帮你快速构建一个具有强大构建能力的Vue.js项目。今天不谈什么是vue-cli，而是来说说用vue-cli构建的项目结构是什么样的并分析部分文件。这里以我之前写的一个小项目为参考，...

终于来了！结合 Laravel 5.3 + vue 2.1 组件化开发的博客系统 - 后端 - 掘金
PJ Blog is an open source blog built with Laravel and Vue.js. https://pigjian.com ...

基于 vue2.0 的 ui 组件库 quasar - 前端 - 掘金
为下一个项目做准备，寻找合适的移动端组件库，从 vue-awesome 里翻到这个，太齐全了，甚至有自己的 cli 工具，默认 ios,material 两套主题...

基于 Vue.js 和 ionic 样式的 UI 框架 - 前端 - 掘金
Features Equip with Vue.js, Vue-Router, ES6 & Babel 6 Build with Webpack & Vue Loader Ionic CSS Components Stylesheets i...

使用 vue2.0 实现一个简洁的分页组件 - 前端 - 掘金
前言使用 vue-cli 初始化项目 ...

史上最详细 VUE2.0 全套 demo 讲解基础4（条件渲染） - 掘金
作者：混元霹雳手 - Ziksang 三篇基础发布之后，收到最多的就是谢谢楼主，其次的就是错别字有点多，这篇我肯定写完之后读三遍，现在已经是夜里2点了，如果还有没有发现大家就容忍一下，这次我将要讲的是条件渲染，对于条件渲染我觉得思来思去真没有什么好写的，...

Vue.js 组件编码规范 - 前端 - 掘金
其它语言英文葡萄牙语 ...

Vue 大型 SPA 项目的最佳实践 - 前端 - 掘金
前言从去年10月份之后Vue 2.0发布了正式版，便将React全线转到了Vue上开发，陆陆续续开发了四五个项目，多多少少积累了一些心得，现在拿出来和大家分享一下和探讨一下。本人英语水平太low，如有错误，还望指正。现代前端的标配这两年前端发展迅速，日新...

基于vue2.0的weex实践（前端视角） - 掘金
前提：这段时间将公司的几个用we写的weex页面用vue2.0进行了重构，客户端的weexsdk也更新到了0.10.0版本。这篇文章将会在前端视角写到一些新老版本之间有差异的地方。we老版本的实践文章 weex-vue-render v 0.10.0 ios ...

基于 Vue2.0 的移动端 / PC 端验证码输入组件. - 前端 - 掘金
基于Vue2.0的移动端验证码输入组件. ...

基于 vue2.0+axios+vue-router 的斗鱼项目 - 前端 - 掘金
vue + axios + vue-router...

进阶 vue 全家桶 - 前端 - 掘金
有人说只会vue不会vuex还只是个切图仔，所以本项目结合前端Vue2.0全家桶(vue+vue-router+vuex+axios+es6+sass)以及后端Node,一个前后端分离的练手项目。本项目可以作为一个前端vue进阶项目，从前端flex布局到前端v...

Vue2.1.7 源码学习 (一) - 前端 - 掘金
原本文章的名字叫做《源码解析》，不过后来想想，还是用“源码学习”来的合适一点，在没有彻底掌握源码中的每一个字母之前，“解析”就有点标题党了。建议在看这篇文章之前，最好打开2.1.7的源码对照着看，这样可能更容易理解。另外本人水平有限，文中有错误或不妥的地方望大...

如何把 MVVM 应用到工程来 - Android - 掘金
Android data-binding framework has been invented more than one year, now I think it’s time to research it and apply it to real pro...

从零搭建 vue2+vue-router2+webpack2 工程 - 前端 - 掘金
一直在维护一篇从零搭建vue2+webpack1工程的文章——《vue2 vue-router2 webpack》，期间也计划着等webpack2正式发布了再来写这篇文章，现在已经正式发布了，官方文档也已经全部完成，相比旧版，新版的文档不仅指导你该如何配置，还...

[Vue.js2.x]可从外部关闭的下拉菜单的自定义指令 - 掘金
网页中有很多常见的下拉弹窗，比如下图所示的用户信息弹窗：点击用户头像和名称，会弹出一个下拉菜单，然后点击页面中其它空白区域（除了弹窗本身外），弹窗就关闭了。本示例就用自定义指令来实现这样的需求。先来分析一下如何实现。该示例有两个特点，一是点击下拉菜单本...

Vue2 后台管理系统解决方案 - 前端 - 掘金
基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。线上地址前言之前在公司用了Vue + Element组件库做了个后台管理系统，基本很多组件可以直接引用组件库的，但是也有一些需求无法满足。像图...

基于 vue2.0 的 weex 实践 - 前端 - 掘金
前提：这段时间将公司的几个用we写的weex页面用vue2.0进行了重构，客户端的weexsdk也更新到了0.10.0版本。这篇文章将会在前端视角写到一些新老版本之间有差异的地方。we老版本的实践文章 weex-vue-render v 0.10.0 ...

3-vuejs2.0 实战：仿豆瓣 app 项目，创建 Swipe 图片轮播组件 - 前端 - 掘金
swipe图片轮播不管是在pc端，还是移动端都是常见的效果，在这一章将用开源插件swiper完成一个比较简单的swipe循环轮播组件.最近公司太忙，更新慢，请见谅~~ 官网介绍： Swiper是纯javascript打造的滑动特效插件，面向手机、平...

用 Vue 实现带 Dom 回收功能的无尽滚动列表组件 - 前端 - 掘金
前不久在掘金看到一篇译文 [译] 无尽滚动的复杂度 -- 来自 Google 大神的拆解，碰巧在业务中经常使用无限滚动列表，文中的思路非常有启发性。于是就用vue实现了一个相似思路的infinite scroll list组件。 ...

vue 上传图片预览以及删除组件 - 前端 - 掘金
上传图片预览以及删除的vue组件 git clone 到本地，打开 index.html 就可以了...

让 Vue methods 支持 Promise - 前端 - 掘金
Let Vue methods support promise Usage np...

vue(5) - 收藏集 - 掘金

猜你喜欢

热点阅读