web前端
文章平均质量分 70
诉说夏日时光
这个作者很懒,什么都没留下…
展开
-
vue.js 实例
构造器每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的:var vm = new Vue({ // 选项})虽然没有完全遵循 MVVM 模式, Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例。可以扩展 Vue 构造器,从而用预定义选项创建可复用的组件构造器:var MyCompon原创 2017-04-10 11:23:53 · 411 阅读 · 0 评论 -
vue.js 列表渲染
基本介绍我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名。基本用法<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li></ul>var example1原创 2017-04-10 14:34:58 · 293 阅读 · 0 评论 -
vue.js 事件处理
监听事件可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。 ex:<div id="example-1"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p></div>var example1 = new Vue({ el: '#example原创 2017-04-10 15:16:30 · 666 阅读 · 0 评论 -
vue.js 组件简单介绍
什么是组件组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 js 特性扩展。使用组件注册我们可以通过以下方式创建一个 Vue 实例:new Vue({ el: '#some-element', // 选原创 2017-04-10 17:31:15 · 539 阅读 · 1 评论 -
浅谈Vue.js模块化开发
前言模块化最近很火,博主刚给公司的iOS应用项目做了组件化改造。但组件化的思想最早还是来源于前端,前端模块化很早就开始了,无论是 require.js,browserify 进行模块化打包, 还是 Angular 进行依赖注入,我们都可以把JS代码分成一个个小的模块并组装起来。然后我们还会通过 less 或者 sass 来把CSS文件也拆成一个个小的模块来写,甚至我们在CSS代码中感受到了 封装,继原创 2017-04-12 11:48:55 · 3717 阅读 · 0 评论 -
Flex布局
前言布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。什么是flex布局Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Fl翻译 2017-04-21 17:13:05 · 223 阅读 · 0 评论