11 2017 档案

摘要:HTML CSS 效果: 阅读全文
posted @ 2017-11-29 22:40 BluesQian 阅读(122) 评论(0) 推荐(0) 编辑
摘要:使用组件 在Vue中,可以用 Vue.extend() 创建一个组件构造器: 要把这个构造器用作组件,需要用 Vue.component(tag, constructor) 注册 : 在注册之后,组件便可以用在父实例的模块中,以自定义元素 < my-component > 的形式使用。要确保在初始化 阅读全文
posted @ 2017-11-28 21:12 BluesQian 阅读(242) 评论(0) 推荐(0) 编辑
摘要:简介 通过 Vue.js 的过渡系统,你可以轻松的为 DOM 节点被插入/移除的过程添加过渡动画效果。Vue 将会在适当的时机添加/移除 CSS 类名来触发 CSS3 过渡/动画效果,你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。 以 v-transiti 阅读全文
posted @ 2017-11-28 21:01 BluesQian 阅读(232) 评论(0) 推荐(0) 编辑
摘要:方法处理器 可以用 v-on 指令监听 DOM 事件: Js代码 内联语句处理器 除了直接绑定到一个方法,也可以用内联 JavaScript 语句: Js代码 有时也需要在内联语句处理器中访问原生 DOM 事件。可以用特殊变量 $event 把它传入方法: js代码: 事件修饰符 在事件处理器中经常 阅读全文
posted @ 2017-11-28 20:48 BluesQian 阅读(395) 评论(0) 推荐(0) 编辑
摘要:基础 Vue.js允许自定义指令,实质上是让你教 Vue一些新技巧:怎样将数据的变化映射到 DOM 的行为。可以使用 Vue.directive(id, definition) 的方法传入指令 id 和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数(全部可选): bind: 仅调用一 阅读全文
posted @ 2017-11-27 22:37 BluesQian 阅读(211) 评论(0) 推荐(0) 编辑
摘要:Text 可以在表单的input 元素上使用v-model 指令来创建双向数据绑定。它会根据input元素的类型自动选取正确的绑定模式。 Js代码 其中placeholder为默认显示提示。 渲染为: Checkbox 多个勾选逻辑值,如下代码: Radio select JS代码 参数特性 laz 阅读全文
posted @ 2017-11-27 21:47 BluesQian 阅读(309) 评论(0) 推荐(0) 编辑
摘要:Hello World 现在就让我们来写第一个vue.js的实例。如下代码: html代码: JavaScript代码: 上面代码中div中的部分 {{ message }}为数据绑定,我们将会在后面的学习中讲到。而vue.js代码是实例化一个Vue对象。在使用vue之前必须要实例化。 构造器 每个 阅读全文
posted @ 2017-11-27 21:28 BluesQian 阅读(387) 评论(0) 推荐(0) 编辑
摘要:插值 Html 使用 v-html 指令用于输出 html 代码: 属性 HTML 属性中的值应使用 v-bind 指令。 以下实例判断 class1 的值,如果为 true 使用 class1 类的样式,否则不使用该类: 表达式 Vue.js 都提供了完全的 JavaScript 表达式支持。 指 阅读全文
posted @ 2017-11-23 22:47 BluesQian 阅读(276) 评论(0) 推荐(0) 编辑
摘要:块级元素(block)特性: 总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性: 和相邻的内联元素在同一行; 宽度(width)、高度(height 阅读全文
posted @ 2017-11-23 14:27 BluesQian 阅读(171) 评论(0) 推荐(0) 编辑
摘要:声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统: 我们已经生成了我们的第一个 Vue 应用!看起来这跟单单渲染一个字符串模板非常类似,但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被绑定在一起,所有的元素都是响应式的。我们该如何知道呢? 阅读全文
posted @ 2017-11-22 22:52 BluesQian 阅读(381) 评论(0) 推荐(0) 编辑
摘要:1.安装node.js 2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,回车,等待安装... 3.安装全局vue-cli脚手架,用于帮助搭建所需的模 阅读全文
posted @ 2017-11-22 22:30 BluesQian 阅读(231) 评论(0) 推荐(0) 编辑
摘要:恢复内容开始 什么是WebPack,为什么要使用它? 为什要使用WebPack 现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法 现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的Ja 阅读全文
posted @ 2017-11-22 22:05 BluesQian 阅读(189) 评论(0) 推荐(0) 编辑
摘要:本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。 不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出 阅读全文
posted @ 2017-11-21 21:46 BluesQian 阅读(198) 评论(0) 推荐(0) 编辑
摘要:平滑滚动至页面顶部 以下是jQuery最为常见的一种实现效果:点击一条链接以平滑滚动至页面顶部。虽然没什么新鲜感可言,但每位开发者几乎都用得上。 替换html标签 jQuery能够非常轻松地实现html标签替换,而这也将为我们带来更多新的可能。 检测屏幕宽度 现在移动设备的人气几乎已经超过了传统计算 阅读全文
posted @ 2017-11-20 21:47 BluesQian 阅读(159) 评论(0) 推荐(0) 编辑
摘要:一、创建元素节点 1.1 原生JS创建元素节点 1.2 jQuery创建元素节点 二、创建并添加文本节点 2.1 原生JS创建文本节点 通常创建文本节点和创建元素节点配合使用,比如: 2.2 jQuery创建并添加文本节点: 三、复制节点 3.1 原生JS复制节点: 3.2 jQuery复制节点 四 阅读全文
posted @ 2017-11-20 21:36 BluesQian 阅读(809) 评论(0) 推荐(0) 编辑
摘要:比较jQuery与JavaScript的不同功能实现 CSS选择器 元素选择 ID选择 类选择 子元素选择 通配符选择 分组选择 伪类选择 匹配选择 属性选择 jQuery自带选择 HTML/CSS操作 修改文本 获取文本 修改html 获取html 向html元素中的头部、尾部插入 在html元素 阅读全文
posted @ 2017-11-20 21:14 BluesQian 阅读(240) 评论(0) 推荐(0) 编辑
摘要:一、获取和设置HTML属性 attr()方法 二、获取和设置css属性 三、获取和设置CSS类 addClass():添加类 removeClass():删除类 toggleClass():当元素还没有这个类,给元素添加类;反之,则删除 hasClass():用来判断某个类是否存在 四、获取和设置H 阅读全文
posted @ 2017-11-18 22:46 BluesQian 阅读(122) 评论(0) 推荐(0) 编辑
摘要:canvas雪花 阅读全文
posted @ 2017-11-18 15:39 BluesQian 阅读(119) 评论(0) 推荐(0) 编辑
摘要:canvas绘制多边形 阅读全文
posted @ 2017-11-18 15:08 BluesQian 阅读(174) 评论(0) 推荐(0) 编辑
摘要:事件监听 取消默认事件 阅读全文
posted @ 2017-11-18 14:34 BluesQian 阅读(113) 评论(0) 推荐(0) 编辑
摘要:1、表单事件 当提交表单或者重置表单的时候,触发submit和reset事件 当用户通过输入文字,选择选项的时候或者选择复选框来改变相应表单的状态的时候,触发change事件。 相应通过键盘改变焦点的表单元素在得到和失去焦点的时候会分别触发focus和blur事件。 2、window事件 load事 阅读全文
posted @ 2017-11-18 14:02 BluesQian 阅读(162) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示