06 2016 档案
摘要:在vue实现轮播图效果 中分别用到 v-if和 v-show 下面讲讲我理解的他们的区别: v-if: 根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元素是 <template>,将提出它的内容作为条件块。 v-show: 根据表达式的值的真假条件渲染元素。
阅读全文
摘要:css中transform参考CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate 效果图: 1.html: 2.CSS:
阅读全文
摘要:页面效果: 1.html 2.js 3.css
阅读全文
摘要:修改配置项的方法: 1. 方法一:修改 ueditor.config.js 里面的 toolbars 2. 方法二:实例化编辑器的时候传入 toolbars 参数 方法一:在ueditor.config.js中 把toolbars:里的值修改成你想要的就可以了. 默认没修改: , toolbars:
阅读全文
摘要:小颖之前写的代码存在一个bug,就是当你选择全选的时候去掉后面的一个选项,再点全选结果就是反的了.很感谢博客园的朋友帮我改了这个问题嘻嘻,下面一起来看看具体是怎么实现的吧. 1.html 2.js 3.watch 类型:Object 详细: 一个对象,键是观察表达式,值是对应回调。值也可以是方法名,
阅读全文
摘要:1.页面效果: 起始位置: 单击"走"按钮后 2.html代码: 绑定内联样式: a.对象语法:v-bind:style 的对象语法十分直观——看着非常像 CSS,其实它是一个 JavaScript 对象。CSS 属性名可以用驼峰式(camelCase)或短横分隔命名(kebab-case): eg
阅读全文
摘要:概念我就不在这里写啦。大家可以看看以下网页: http://www.runoob.com/cssref/css3-pr-mediaquery.html http://www.w3cplus.com/content/css3-media-queries 以下是我做的一个小例子: 页面效果: 当页面宽度
阅读全文
摘要:1.页面: 2.html代码: 3.js代码: 4.实现效果: 并且每次只能选中一个。
阅读全文
摘要:在HTML5 API里,页面DOM里的每个节点上都有一个classList对象,程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList,程序员还可以用它来判断某个节点是否被赋予了某个CSS类。 Element.classList 这个classList对象里有很多有用的方法
阅读全文
摘要:不需要表达式 参数: id(必需) 用法: 为 DOM 元素注册一个索引,方便通过所属实例的 $els 访问这个元素。 注意: 因为 HTML 不区分大小写,camelCase 名字比如 v-el:someEl 将转为全小写。可以用 v-el:some-el 设置 this.$els.someEl。
阅读全文
摘要:按键修饰符 在监听键盘事件时,我们经常需要检测 keyCode。Vue.js 允许为 v-on 添加按键修饰符: 记住所有的 keyCode 比较困难,Vue.js 为最常用的按键提供别名: 全部的按键别名:enter 、tab 、delete、 esc 、space、 up 、down、 left
阅读全文