教程实践
基于 vue 与 DeepStream 构建实时 CRUD 应用: Vue 是专注于 JavaScript UI 的渐进式库, 它提供了开发现代 web 应用的各种先进的特性. 而随着移动互联网的发展, 实时技术也愈发重要; 各种各样的提供抽象接口的实时服务器扮演着越发重要的作用, 其中 DeepStream 就是开源的, 免费的并且性能表现相当优秀的实时服务器. 而本文就利用 Vue 与 DeepStream 这两个开源工具构建实时交互的应用.
vue.js 组件样式指南: 该样式指南提供了一种统一架构 Vue.JS 代码的建议, 其目标是达成易于开发者与团队成员理解以及寻找东西, 易于 IDE 来审查代码并且提供帮助, 易于重用开发构建工具, 易于独立地缓存与使用代码块. 该指南借鉴了 RiotJS 样式指南, 主要还包含了以下几个部分: 基于模块开发, Vue 组件命名, 等等.
基于 Vue.JS 开发一个 Pokemon Battle 指南: 本文是非常详细的如何利用 Vue.JS 开发一个宠物小精灵的战斗场景的教程, 还是挺有意思的.( http://suo.im/1jwicW )
Vue.JS 实用技巧: 本文来自于饿了么大前端的 cinwell, Vue.JS 2.0 已经发布了有一段时间, 生态链也日渐完善. 作者在使用 Vue.JS 开发项目时收集的一些工具和使用技巧, 分享给各位.( http://6me.us/alZ )
Vue.JS 前端框架比较: 本文是对常用的基于 Vue.JS 的前端框架的比较.( http://6me.us/5E8wN )
滴滴 webapp 5.0 Vue 2.0 重构经验分享: 滴滴的 webapp 是运行在微信, 支付宝, 手 Q 以及其它第三方渠道的打车软件. 借着产品层面的功能和视觉升级, 我们用 Vue 2.0 对它进行了一次技术重构; 本文即是本次重构中的经验分享.( https://github.com/DDFE/DDFE -... )
使用 Vue.JS 与 Electron 构建桌面问卷应用: 本文介绍了如何利用 Vue.JS 与 Electron 来构建简单的桌面问卷应用, 作者首先介绍了如何使用 vue-cli 创建简单的 Web 项目, 然后讨论了如何将项目运行在 Electron 中, 最后阐述了如何将应用整体打包发布.( https://parg.co/bQ3 )
Vue.JS 2.2 完整 API 清单: 本文是 Vue.JS 2.2 中完整的 API 介绍, 可以作为手册随时查阅 .( https://parg.co/bhC )
创建基于 Vue.JS 的可复用组件: 本系列文章关注于如何利用 Vue.JS 创建可复用的组件, 每一篇都会讲解某个具体的界面组件, 然后一步一步地介绍如何利用 Vue.JS 来实现这些组件, 顺便也介绍 Vue.JS 的各种原理与设计准则.( https://parg.co/b49 )
面向重度 jQuery 开发者的 Vue.JS 介绍: 本文是一位经验丰富的开发者, 在将原有的基于 jQuery 工程重构为基于 Vue.JS 工程的过程中总结出的经验与认识介绍. 本文首先从零开始介绍如何搭建 Vue.JS 基础项目并且一步一步地实现应用的各种特征, 同时还对比了利用 Vue.JS 与 利用 jQuery 实现的差异性以及二者在设计思想上的区别.( https://parg.co/bRN )前端交流学习; 582735936
后 MVC 时代: 在很长一段时间里, MVC(Model-View-Controller)架构是构建应用的黄金法则, 而近几年随着 React,Vue.JS,Angular 等以组件为中心的库的流行, MVC 架构在前端却趋于平寂. 开发者往往将模型, 视图与控制器耦合在单个实体内, 而打破了传统的 MVC 架构中的约束. 类似于 Flux 或者响应式编程的设计思想也改变了应用状态的处理方式, 不同于 MVC 中的双向绑定, 而是数据在实体之间单向流动. 本文即是讨论在所谓后 MVC 时代的 GUI 应用架构的思考.( https://realm.io/news/the-pos ... )
在 Vue.JS 项目中使用第三方库: 本文介绍了如何在基于单文件模块的 Vue.JS 项目中使用 Lodash,Moment,Axios 这些优秀的第三方库或框架. 本文递进地介绍了譬如全局变量引用, 单文件导入, 扩展 Vue 对象, 插件实现等多种方式.( https://parg.co/bf4 )
Vue.JS 2 中的权限验证指南: 本文介绍了如何快速构建 Vue.JS 2 应用程序并且添加合适的权限验证模块. 本文首先介绍了 Vue.JS,Angular 以及 React 之间设计思想的对比, 然后介绍了 Vue.JS 2.0 中的核心概念与基本用法, 最后以某个真实的登录控制案例介绍了如何为 Vue.JS 应用中添加权限验证功能.( https://auth0.com/blog/vuejs2 ... )
实测 Vue SSR 的渲染性能: 避开 20 倍耗时: Vue SSR 是 Vue.JS 2.0 引入的直出渲染方案, 本文将全面解析 virtual-dom-based 及 string-based 的原理并对其进行对比. Vue SSR 的模板是 virtual-dom-based, 所以 QQ 空间 Hybrid 业务做 Vue 2.0 的改造的同时, 模板类型也从之前的 a 类转换成 b 类. 本文是在实际业务场景中对 Vue SSR 的渲染性能做测试, 并解析渲染步骤, 给出尝试优化的方案和最终结论.( https://parg.co/bNv )
基于 Vue.JS,Webpack,Material Design 打造 PWA 应用: PWA 应用已经受到了越来越多的关注与实践, 而本系列文章则介绍了如何使用 Vue.JS,Webpack 以及 Material Design 打造 PWA 应用. 本系列文章包含七个部分, 分别介绍了基于 Vue.JS,Webpack 与 Material Design Lite 创建单页应用, 使用 Vue-Resource 与 VueFire 进行数据交互, 使用 Service Workers 实现离线模式, 拍照, 上传图片, 实现推送, 访问设备地址等内容.( https://parg.co/btH )
Vue.JS 与外部交互: Vue.JS 是非常优秀的网页构建框架, 不过我们往往会面临着比较割裂的开发情况, 即网页中的一部分是交由 Vue.JS 管理, 而另一部分是交由其他脚本或者插件管理; 这中情况在多团队协同开发或者对旧版本的改造时可能会碰到. 而本文则介绍了应该如何使用 Vue.JS 与外部其他脚本进行交互, 譬如管理 head ,body 标签, 监听键盘事件等等内容.( https://parg.co/bMw )
使用现代方法端到端测试 Vue.JS 应用: 端到端测试是 Web 测试中的重要组成部分, 也是应用开发流程中不可或缺的部分; 本文则介绍了如何使用 TestCafe 对 Vue.JS 应用进行端到端测试.( https://parg.co/bV9 )
从 React 迁移到 Vue.JS:React 与 Vue.JS 都是非常优秀的前端框架, 不同的团队在不同的应用场景下可能有不同的偏好. 而本文则记录了作者从 React 迁移到 Vue.JS 中的思考过程; 本文首先介绍了 React 与 Vue.JS 之间的异同, 对比了二者常用的语法特点以及生态圈, 并且讨论了为何从 React 迁移到 Vue.JS 的理由.( https://parg.co/bJ8 )
基于 Vuex 的 Vue 应用状态管理: 就如同其他基于组件的框架, 对于基于 Vue 开发的应用随着其体量与功能的增加, 对于状态的追踪会变得日渐麻烦. 而本文则分析了状态管理的痛点以及深入浅出地介绍了如何利用 Vuex 进行 Vue 应用状态管理.( https://parg.co/bJk )
来源: http://www.qdfuns.com/article/51276/a2ac733685c96ff3566bd70e51b70f0f.html