第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

移动端事件

基本内容:
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

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

触摸事件对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

移动端遇见的问题:

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

利用fastclick插件解决300ms延迟

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

swiper插件使用

首先在swiper官网上下载swiper

打开dist文件夹,把CSS JS文件放在自己项目中

打开需要的demo网页查看源码,

把想要的demo的CSS样式,复制在自己写的页面上,只要banner的那一部分

然后demo下面有js代码,在把js代码一同复制到自己写的js文件中

即可,多多阅读swiper官网api

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

移动端常见插件

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

移动端常见的框架

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

本地储存

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

localStorage

本地存储只能存储字符串的数据格式

数组对象转换为字符串格式:Json.stringify()

取出来的时候需要把字符串格式转换成数组的格式

json.parse()

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

记住用户名案列

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

JQuery

里面的this不能直接写,要写成这样第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery基本使用

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery选择器

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery筛选器

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

找到众多上一辈中的某一辈可以使用parents("") 第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery的排他思想

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery的链式编程

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery的样式操作

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery效果

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

切换事件

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

动画队列以及停止排队方法

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

淡入淡出效果

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

动画效果

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery获取元素的属性

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

查看复选框被选择的个数用:

:checked

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery内容文本值

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

给值:第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jQuery的元素操作

遍历元素

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

保留两位小数:第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery创建元素

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery的尺寸

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery的位置

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

跳回顶部案列

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

电梯导航案列

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery事件

jquery on 事件注册

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

on的事件委派

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

案例:微博发布(类似于论坛留言、评论)

在视屏里,需要自己看

off()实现解绑操作

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

自动出发时间 trigger()

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery事件对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery事件拷贝

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery实现多库共存

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

jquery插件

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

图片懒加载

在jquery插件库里面搜素懒加载下载

ctrl+h就是替换,可以把标签替换成想要的标签

全屏滚动

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

JS的面向对象

基础知识

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

在类里面添加方法

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

类的继承和关键字super

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

super.方法:可以调用父类里面的方法

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

利用构造函数创建对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

. 第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

构造函数、实列、原型对象三者之间的关系

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

原型链

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

不管是构造函数的this还是原型里面的this,他指向的都是实列中

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

ES5新增的方法

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

筛选数组的方法

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

查找特定的数组元素

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

新增原来属性或者修改原有属性

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

函数的高阶用法

函数的定义方式

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

函数的调用方式

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

函数里this的指向问题

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

call()方法:改变函数的this指向

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

apply()改变函数内部指向

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

bind改变函数内部指向

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

闭包

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

闭包衍生了函数变量的作用于的范围

立即执行函数也称为小闭包。

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

递归

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

正则表达式

需要正则表达式的时候,可以直接百度,正则表达式在线测试,可以直接复制

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

正则表达式的特殊字符

边界符

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

精确匹配的意思是只有abc才正确

字符类

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

正则表达式中的取反意思

中括号里面有第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

量词符

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

案列:验证输入用户名是否正确

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

括号意义

大括号{}:表示值出现的次数

中括号【】:表示字符合集,匹配中括号的任意字符,如果没有大括号,只能选择一个

小括号 ():表示优先级第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

预定义类

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

文本域里面的敏感词替换

replace只能替换一次,需要在/?/的后面加上g才可以全部替换掉

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

ES6

let

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

这里面用let定义的变量是个块级作用域,作用范围只在所处的{}大括号内有效果

const

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

let、const、var的区别

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

箭头函数

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

?

Array的扩展方法

find方法

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

findindex()

查找数组的值,返回的是数组的索引

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

includes()

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

第三阶段——jS——webApi编程——移动端事件+JQuery+js面向对象

上一篇:【CF461D】Appleman and Complicated Task


下一篇:调用创建axios实例的baseURL