移动端事件
基本内容:
- https://www.cnblogs.com/AFBF/p/14289898.html
- DOM:
- https://www.cnblogs.com/AFBF/p/14289936.html
- BOM
- https://www.cnblogs.com/AFBF/p/14289964.html
移动端 + jQuery+JS 面向对象
https://www.cnblogs.com/AFBF/p/14289973.html
触屏事件 touch
触摸事件对象
移动端遇见的问题:
利用 fastclick 插件解决 300ms 延迟
swiper 插件使用
首先在 swiper 官网上下载 swiper
打开 dist 文件夹, 把 CSS JS 文件放在自己项目中
打开需要的 demo 网页查看源码,
把想要的 demo 的 CSS 样式, 复制在自己写的页面上, 只要 banner 的那一部分
然后 demo 下面有 JS 代码, 在把 JS 代码一同复制到自己写的 JS 文件中
即可, 多多阅读 swiper 官网 API
移动端常见插件
移动端常见的框架
本地储存
localStorage
本地存储只能存储字符串的数据格式
数组对象转换为字符串格式: JSON.stringify()
取出来的时候需要把字符串格式转换成数组的格式
JSON.parse()
记住用户名案列
jQuery
里面的 this 不能直接写, 要写成这样
jQuery 基本使用
jQuery 选择器
jQuery 筛选器
找到众多上一辈中的某一辈可以使用 parents("")
jQuery 的排他思想
jQuery 的链式编程
jQuery 的样式操作
jQuery 效果
切换事件
动画队列以及停止排队方法
淡入淡出效果
动画效果
jQuery 获取元素的属性
查看复选框被选择的个数用:
:checked
jQuery 内容文本值
给值:
jQuery 的元素操作
遍历元素
保留两位小数:
jQuery 创建元素
jQuery 的尺寸
jQuery 的位置
跳回顶部案列
电梯导航案列
jQuery 事件
jQuery on 事件注册
on 的事件委派
案例: 微博发布(类似于论坛留言, 评论)
在视屏里, 需要自己看
off()实现解绑操作
自动出发时间 trigger()
jQuery 事件对象
jQuery 事件拷贝
jQuery 实现多库共存
jQuery 插件
图片懒加载
在 jQuery 插件库里面搜素懒加载下载
ctrl+h 就是替换, 可以把标签替换成想要的标签
全屏滚动
JS 的面向对象
基础知识
在类里面添加方法
类的继承和关键字 super
super. 方法: 可以调用父类里面的方法
利用构造函数创建对象
.
构造函数, 实列, 原型对象三者之间的关系
原型链
不管是构造函数的 this 还是原型里面的 this, 他指向的都是实列中
ES5 新增的方法
筛选数组的方法
查找特定的数组元素
新增原来属性或者修改原有属性
函数的高阶用法
函数的定义方式
函数的调用方式
函数里 this 的指向问题
call()方法: 改变函数的 this 指向
apply()改变函数内部指向
bind 改变函数内部指向
闭包
闭包衍生了函数变量的作用于的范围
立即执行函数也称为小闭包.
递归
正则表达式
需要正则表达式的时候, 可以直接百度, 正则表达式在线测试, 可以直接复制
正则表达式的特殊字符
边界符
精确匹配的意思是只有 abc 才正确
字符类
正则表达式中的取反意思
中括号里面有
量词符
案列: 验证输入用户名是否正确
括号意义
大括号{}: 表示值出现的次数
中括号[] : 表示字符合集, 匹配中括号的任意字符, 如果没有大括号, 只能选择一个
小括号 (): 表示优先级
预定义类
文本域里面的敏感词替换
replace 只能替换一次, 需要在 /?/ 的后面加上 g 才可以全部替换掉
ES6
let
这里面用 let 定义的变量是个块级作用域, 作用范围只在所处的 {} 大括号内有效果
const
let,const,var 的区别
箭头函数
?
Array 的扩展方法
find 方法
findindex()
查找数组的值, 返回的是数组的索引
includes()
来源: http://www.bubuko.com/infodetail-3717114.html