自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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<arr.length,i++){ console.log(arr[i]); } arr.forEach(function (item){ //声...

2019-02-06 22:22:55 159

原创 JS数据类型

JS数据类型number boolean string null unfinished object

2019-02-06 21:58:54 355

原创 内联元素和块元素

内联元素和块元素一、内联元素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 分页器的使用在图片下方添加<div class="swiper-pagination"></div>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关注的人

提示
确定要删除当前文章?
取消 删除