- 博客(9)
- 收藏
- 关注
原创 腾讯十天Vue.js课程之六:组件
html>lang="en"> charset="UTF-8"> 组件 type="text/css" rel="stylesheet" href="style.css"> src="../js/vue.js">id="app"> 自定义的下拉框 btn-value="查询"> 自定义的下拉框2 btn-value="搜索"
2017-04-24 23:48:58 239
原创 【IMWeb训练营作业】Selector
----style.css----------*{ margin: 0; padding: 0; text-align: center;}.warp{ height: 300px; width: 250px; padding: 10px 10px; position: relative; margin-left: -125
2017-04-22 11:49:51 221
转载 setTimeout和setInterval的区别
甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大, 但其实并不是如此, 实际的情况是javascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行的代码在你设定的一个时间点插入js引擎维护的一个代码队列中, 插入代码队列并
2017-04-20 21:19:51 237
原创 【IMWeb训练营作业】Vue.js便签
功能说明:1.回车添加任务2.勾选完成任务3.点×删除任务4.双击标签编辑任务5.查看未完成任务与已完成任务源码:------------------------todos.html------------------------------------- todos
2017-04-19 22:41:42 551
原创 腾讯十天Vue.js课程之四:编辑便签任务
绑定 HTML Class尽管可以用 Mustache 标签绑定 class,比如 class="{{ className }}",但是我们不推荐这种写法和 v-bind:class 混用。两者只能选其一!对象语法我们可以传给 v-bind:class 一个对象,以动态地切换 class。注意 v-bind:class 指令可以与普通的 class 特性共存::class=
2017-04-19 22:02:29 406
原创 腾讯十天Vue.js课程之三:增删便签任务
v-if与v-show的区别:v-if 是“真正的”条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下, v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说, v-if
2017-04-18 10:17:57 342
转载 mustache语法
mustache 模板,用于构造html页面内容。在实际工作中,当同一个模板中想要调用不同的函数来渲染画面,在已经自定义好了的前提下,可以在渲染页面时对传入的参数进行手动判断。【在不好判断的情况下,我们可以通过改变传入参数来进行判断】跟小白我来看看该模板的语法吧。 Mustache 的模板语法很简单,就那么几个:1234
2017-04-16 16:16:59 564
原创 腾讯十天Vue.js课程之二:指令与模版
指令什么是指令?是一种特殊的行间属性指令的职责就是当其表达式的值改变时,相应的将某些行为应用到DOM(文档对象模型)上。在Vue中,指令以v-开头。Vue.js提供了一些常用的内置指令v-if指令v-show指令v-else指令v-for指令v-bind指令 动态地绑定数据,简写为:v-on指令 绑定事件监听器,简写为@v
2017-04-16 15:28:33 311
原创 腾讯十天Vue.js课程之一:Vue.js介绍
腾讯十天Vue.js课程之一:Vue.js介绍使用div元素作为模版,message作为响应式的数据绑定,当数据发生改变,立刻更新视图。。 Vue 实例 {{message}} // 数据 let obj = { message: "hello
2017-04-15 15:37:00 617
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人