- 博客(18)
- 收藏
- 关注
原创 Vue 单向数据和双向数据(vue的指令directive)
1、单向数据{{}}小胡子语法,可以放表达式、赋值、三元(判断)2、双向数据表单元素:input、checkbox、textarea、select、radio(value属性会自动被vue忽略,selected、checked都没有意义)表单元素更改映射到数据中,通过指令实现双向数据3、vue的指令只是dom上的行间属性,所有指令都以 v- 开头基础指令1、v-model实...
2019-02-09 15:45:17 431
原创 includes() 、find()、 some()、every()、reduce()、map()、filter()
1、includes()let arr = [1,2,3,4,55];arr.includes(5);返回的是布尔类型2、find() 可以找出带几的项let arr = [1,2,23,4,55,555];arr.find(function(item,index){ return item.toString().indexOf(5)>-1 }) ...
2019-02-08 21:28:43 496
原创 v-for循环
v-for 循环要循环谁 就要在谁身上增加v-for属性1、基本<div id="app"> <ul> <li v-for="fruit in fruites">{{fruit.name}}</li> //注意in 和 of 等价 </ul> </div>
2019-02-06 22:58:59 232
原创 forEach,for,for in,for of的区别
forEach,for,for in,for of的区别let arr = [1,2,3,4,5]; arr.b = '100'; //数组的私有属性 for(let i = 0,i&lt;arr.length,i++){ console.log(arr[i]); } arr.forEach(function (item){ //声...
2019-02-06 22:22:55 159
原创 内联元素和块元素
内联元素和块元素一、内联元素1.内联元素并在一行2.宽度和高度有内容决定3.元素换行产生间距4.默认带上下内边距5.不支持样式:width height margin-top maigin-bottom包括:文本元素(a、span、em、strong)、图片、音频、视频、表单元素(input select textarea button)二、块元素1.块元素...
2019-02-02 20:09:57 287 3
原创 解除IOS系统click事件延迟(fastclick)
解除IOS系统click事件延迟IOS系统下默认的click事件会有300毫秒的延迟,可以使用fastclick来消除这个延迟。1、引入fastclick(官网 https://github.com/ftlabs/fastclick)<script src="../lib/fastclick.js"></script>2、具体方法 $(function() {...
2019-02-02 18:10:57 1214
原创 滑动删除 swipeout
swipeout滑动删除1.页面加载完成后,会自动初始化 带有 .weui-cell_swiped 类的列表条目,2.也可以动态生成$('.weui-cell_swiped').swipeout()3.还可以手动调用方法来打开和关闭滑动$('.weui-cell_swiped').swipeout('open')$('.weui-cell_swiped').swipeout('...
2019-02-01 22:41:08 3398
原创 swiper
swiper1、pagination 分页器的使用在图片下方添加&lt;div class="swiper-pagination"&gt;&lt;/div&gt;pagination : '.swiper-pagination'2、loop 环路会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换,让Swiper看起来是循环的。属性值
2019-02-01 16:08:54 275
原创 iframe
iframe标签的属性1、scrolling属性 属性值 auto yes no 是否滚动页面iframe.scrolling=‘no’2、iframeborder属性属性值 0 1 是否为带边框的iframe...
2019-02-01 14:45:26 149
原创 contentWindow
document.getElementById(“myiframe”).contentWindow,得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了;
2019-02-01 14:04:55 2974
原创 前进后退历史页面
window.history.forward(1) 向前一页window.history.back(1) 向后一页window.history.go() 向前或向后,正数向前,负数向后
2019-02-01 11:48:53 133
原创 popup 覆盖式弹出层
popup 覆盖式弹出层 可以完全盖住当前页面一、全屏模式1、创建模板<div id="" class="weui-popup__container"> <div class="weui-popup__overlay"></div> <div class="weui-popup__modal">
2019-02-01 11:41:52 4822
原创 topitp页面顶部轻量级提示
toptip 页面顶部轻量级提示$.toptip('操作成功',success)$.toptip('操作失败',error)$.toptip('警告', warning)$.toptip('警告',2000,warning)
2019-01-31 21:03:01 2038 1
原创 jQuery weui 滚动加载
jQuery weui 滚动加载1、把显示加载状态的代码放在需要滚动的容器中<div class="weui-loadmore"> <i class="weui-loading"></i> <span class="weui-loadmore__tips">正在加载</span>&l
2019-01-31 17:51:18 668
原创 jQuery weui 下拉刷新
jQuery weui 下拉刷新1、在body中添加下拉刷新释放刷新正在刷新…up down refresh 分别是下拉过程中不同状态下显示的2、通过js初始化下拉刷新$(document.body).pullToRefresh(fuction(){})3、当下拉刷新触发时,会在容器上触发一个pull-to-refresh事件$(document.bod...
2019-01-31 17:23:04 910
原创 数组
数组数组的属性1、constructor 返回数组原形函数2、length 数组元素长度3、prototype 允许向数组添加属性或方法数组的对象方法1、concat()连接两个或多个数组,并返回结果数组1.concat(数组2,数组3,…)2、copyWithin()从数组的指定位置拷贝元素到数组的另一个指定位置中。数组.copyWitin(粘贴位置,复制的起始位置,...
2019-01-31 11:35:06 119
原创 模板
##模板1、创建模板放在一个单独的js文件中var list_box = Vue.component(’ isit_box ',{props: [ ’ list_db '],template : 模板信息,事件方法等2、add html3、引用模板 ...
2019-01-31 10:26:09 99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人