Fork me on GitHub

随笔分类 -  Vue

MaintainableCSS 《可维护性 CSS》 --- 模板篇
摘要：什么是模块(Modules) ? 模块是一个特别的独立单元，可以与其他模块组合以形成更复杂的结构。 在客厅里，我们可以认为电视，沙发和墙艺术是模块。它们聚在一起创造一个可用的房间。 如果我们把其中一个拿走，其他的能继续工作。我们不需要电视，也可以坐在沙发上等等。 什么是组件(Component) ？ 阅读全文
posted @ 2017-07-03 17:15 Terry√ 阅读(304) 评论(2) 推荐(0)
MaintainableCSS 《可维护性 CSS》 --- 约定篇
摘要：约定 可维护的CSS具有以下约定： .[ ][ ] {} 根据所讨论的模块，方括号是可选的。这里有些例子： / 模块 Module container / .searchResults {} / 组件 Component / .searchResults heading {} / 状态 State 阅读全文
posted @ 2017-07-03 12:29 Terry√ 阅读(194) 评论(0) 推荐(0)
MaintainableCSS 《可维护性 CSS》 --- ID 篇
摘要：ID 从语法上讲，当只有一个实例时，我们应该使用一个ID。当有多个时，我们应该使用一个 class。 但是，ID 作用的优先级高于 class ，在我们想覆盖一个样式的时候，这就会导致问题。 为了演示，让我们把一个 ID 元素的颜色从红色替换成蓝色。 HTML 代码如下： CSS 代码: modul 阅读全文
posted @ 2017-07-03 11:17 Terry√ 阅读(197) 评论(0) 推荐(0)
MaintainableCSS 《可维护性 CSS》 --- 复用篇
摘要：复用 通常，Harry Roberts 所说的 DRY (Don't repeat yourself) 经常被曲解成永远不要重复做通一件事。 但实际上这是不现实的，而且常常导致过分抽象，用太多的精力去过分优化代码，最后得不偿失。 过度抽象化代码有多痛苦，在 "语义篇" 已经讲过了，Mixins 也是 阅读全文
posted @ 2017-07-03 10:41 Terry√ 阅读(751) 评论(0) 推荐(0)
Vue-Router 页面正在加载特效
摘要：Vue Router 页面正在加载特效 如果你在使用 Vue.js 和 Vue Router 开发单页面应用。因为每个页面都是一个 Vue 组件，你需要从服务器端请求数据，然后再让 Vue 引擎来渲染到页面上。 例如，这里有个用户个人资料的页面。 user.vue 文件如下： export defa 阅读全文
posted @ 2017-01-04 13:06 Terry√ 阅读(17839) 评论(2) 推荐(0)
Webpack 配置摘要
摘要：open browser webpack plugin 自动打开浏览器 html webpack plugin 通过 JS 生成 HTML webpack.optimize.UglifyJsPlugin() 压缩生成的 JS extract text webpack plugin 离CSS和JS文件 阅读全文
posted @ 2016-10-27 14:28 Terry√ 阅读(368) 评论(0) 推荐(0)
svn 常用命令总结
摘要：svn 命令篇 svn pget svn:ignore // 查看忽略项 svn commit m “提交说明” // 提交修改 svn up(update) // 获取最新版本 svn st(status、stat) // 查看状态 svn ps svn:ignore "node\_modules 阅读全文
posted @ 2016-10-25 14:40 Terry√ 阅读(477) 评论(0) 推荐(0)
Vue + Webpack + Vue-loader 系列教程（2）相关配置篇
摘要：原文地址：https://lvyongbo.gitbooks.io/vue loader/content/ 使用预处理器 在 Webpack 中，所有的预处理器需要和一个相应的加载器一同使用。 允许你用其它的 Webpack 加载器去处理 Vue 组件一部分代码。它会根据 属性自动用适当的加载器去处 阅读全文
posted @ 2016-10-15 15:14 Terry√ 阅读(7822) 评论(3) 推荐(0)
Vue + Webpack + Vue-loader 系列教程（1）功能介绍篇
摘要：原文地址：https://lvyongbo.gitbooks.io/vue loader/content/ Vue loader 是什么？ 是一个加载器，能把如下格式的 Vue 组件转化成JavaScript模块。 提供了一些非常酷炫的特性： ES2015默认可用； 在每个 Vue 组件内支持其他的 阅读全文
posted @ 2016-10-14 13:50 Terry√ 阅读(22679) 评论(3) 推荐(6)
关于Vue.js 2.0 的 Vuex 2.0，你需要更新的知识库
摘要：应用结构 实际上，Vuex 在怎么组织你的代码结构上面没有任何限制，相反，它强制规定了一系列高级的原则： 1. 应用级的状态集中放在 store 中。 2. 改变状态的唯一方式是提交 mutations ，这是个同步的事务。 3. 异步逻辑应该封装在 action 中。 只要你遵循这些规则，怎么构建 阅读全文
posted @ 2016-10-10 16:18 Terry√ 阅读(12766) 评论(3) 推荐(9)
Vue.js 2.0 和 React、Augular等其他框架的全方位对比
摘要：引言 这个页面无疑是最难编写的，但也是非常重要的。或许你遇到了一些问题并且先前用其他的框架解决了。来这里的目的是看看Vue是否有更好的解决方案。那么你就来对了。 客观来说，作为核心团队成员，显然我们会更偏爱Vue，对于某些问题用Vue来解决会更好，如果没有这点信念，我们也就不会整天为此忙活了。但是， 阅读全文
posted @ 2016-10-08 13:02 Terry√ 阅读(21817) 评论(38) 推荐(23)
窥探Vue.js 2.0 - Virtual DOM到底是个什么鬼？
摘要：引言 你可能听说在Vue.js 2.0已经发布，并且在其中新添加如了一些新功能。其中一个功能就是“Virtual DOM”。 Virtual DOM是什么 在之前，React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。 若想了解它是如何工作的，就要先认清这几个概念： _1.更新DOM 阅读全文
posted @ 2016-10-05 02:47 Terry√ 阅读(21858) 评论(2) 推荐(1)
阿里的weex框架到底是什么
摘要：weex 主要就是做了三件事 1. 在服务端用 Transformer 工具把 Vue 代码转换成 Js Bundle。 2. 在客户端运行Js Framework 的 JavaScript 引擎，解释执行Js Bundle生成Virtual DOM。 3. 在客户端设计一套 JS Bridge，能使IOS端（或者Android端）的Object-C语言（或Java语言）与Javascript语言相互调用，把Virtual Dom转换为DOM，渲染到页面。H5端直接和Js Framework 通讯，不需要Js Bridge。 阅读全文
posted @ 2016-09-30 00:22 Terry√ 阅读(3464) 评论(0) 推荐(0)
窥探Vue.js 2.0
摘要：令人兴奋的Vue.js 2.0马上就要来了。新的VUE有重大的改进，添加了一些新的特性，比如 Virtual-DOM，Server Side Rendering（服务端渲染），支持 JSX/Hyperscript 语法等，并去掉了一些已有的方法。 阅读全文
posted @ 2016-09-27 14:59 Terry√ 阅读(1611) 评论(0) 推荐(1)
Vue1.0 的技术栈
摘要：vuejs概述 Vue.js是用于构建交互式的Web界面的库。它提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。 结合node.js 可以实现前后端开发从物理上的分离。使前端负责View和Controller层，后端负责数据接口，数据存储。 感兴趣可以看淘宝ued 《前后端分离 阅读全文
posted @ 2016-09-23 16:18 Terry√ 阅读(559) 评论(0) 推荐(0)
vue.js 开发生态总结
摘要：title: Vue 1.0 的技术栈date: 2016-09-26 00:48:50tags:category: ## vuejs概述 Vue.js是用于构建交互式的Web界面的库。它提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。结合node.js 可以实现前后端开发从物 阅读全文
posted @ 2016-09-20 14:13 Terry√ 阅读(1252) 评论(0) 推荐(0)