摘要: 今天我们学习组件的通信,解除我上一次的疑问,如何将组件的数据传出去,又如何拿进来 父子通信 第一个例子是将new的vue中的数据传递给组件 通过组件的props对应的一个数组绑定userlink 的属性 username,然后再通过v-bind绑定到data的username,这样通过改变app的u 阅读全文
posted @ 2017-09-03 23:08 hz海内存知己 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。 创建全局组件 这个组件的作用是在目标中添加一个Button,当点击这 阅读全文
posted @ 2017-09-03 17:12 hz海内存知己 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 我们要写一个成绩表如下 接下来我们要添加总分和平均分, 这时我们在td中加的东西很多,这样很不好,这时Vue提供了一个计算属性computed 为了方便观察我们同时将tr中的内容换成input来观察动态变化 在app中加入computed 这时我们就可以动态的观察各科分数改变总分和平均分对应改变,但 阅读全文
posted @ 2017-09-03 16:18 hz海内存知己 阅读(265) 评论(0) 推荐(0) 编辑
摘要: v-model的修饰符v-model.lazy 只有在input输入框发生一个blur时才触发v-model.trim 将用户输入的前后的空格去掉v-model.number 将用户输入的字符串转换成number在input textarea select中使用 以下代码都没有写出js部分,请在da 阅读全文
posted @ 2017-09-02 20:13 hz海内存知己 阅读(9650) 评论(0) 推荐(0) 编辑
摘要: 在前面的基础学习中已经写了v-for和v-bind两个指令 今天学习v-on指令 v-on指令:用来绑定事件的body中 script中 在div app中加入一个button并绑定一个点击事件 在js中的methods 中加入一个onClick 这时,在浏览器中点击按钮console会打印clic 阅读全文
posted @ 2017-09-02 15:39 hz海内存知己 阅读(37764) 评论(0) 推荐(2) 编辑
摘要: 参数this在面向对象的编程中非常重要,他的值取决于调用的模式。在Javascript中一共有4中调用模式:方法调用模式、函数调用模式、构造器调用模式、apply调用模式。这些模式在如何初始化关键参数this上存在差异。 以下代码都是在同一个script中的 方法调用模式:当一个函数被保存为对象的一 阅读全文
posted @ 2017-09-02 13:35 hz海内存知己 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 今天我开始了Vue.js 的学习。 那么什么是Vue.js 呢? Vue.js是一套开发Web页面的JavaScript脚本框架。听起来感觉很难,不过据说,Vue.js是Web-Javascript脚本框架中最容易上手的框架。所以我便选择了先来学习这个。 要学习Vue.js首先就要获取库文件了,在网 阅读全文
posted @ 2017-09-01 20:46 hz海内存知己 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 幽灵按钮: 也叫透明按钮,顾名思义,也就是在设计网页中的按钮时,不在设计复杂色彩、样式、和纹理,而是外仅以线框示意轮廓,内只用文字示意功能,背景透出,与整个页面/背景合而为一的设计方式。国外的设计师称之为“幽灵按钮”(Ghost Buttons),盛赞这种按钮通透简约,贴合整体风格又不失神韵,别具魅 阅读全文
posted @ 2017-09-01 16:48 hz海内存知己 阅读(453) 评论(0) 推荐(0) 编辑
摘要: 最近学习了H5中的一个新标签canvas并且用它做出了一个时钟,最下面是成品图像,还不错吧,这只是我学习中的一个小demo,做得有点粗糙,但终究是做出来了,以后再写自己的网页主页再做一个好看点放上去。接下来我将和你们分享如何制作这个时钟。 在body中添加canvas标签: 此处大小样式可以自行设置 阅读全文
posted @ 2017-09-01 00:19 hz海内存知己 阅读(1259) 评论(2) 推荐(1) 编辑
摘要: 1、jQuery UI: 是以jQuery为基础的JavaScript网页用户界面的开源库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。2、jQuery UI : 包含了许多维持状态的小部件(Widget),因此,他与定性的jQuery插 阅读全文
posted @ 2017-08-31 23:07 hz海内存知己 阅读(190) 评论(0) 推荐(0) 编辑