首页 > 移动平台 > 详细

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

时间：2021-01-17 21:45:23      阅读：51      评论：0      收藏：0      [点我收藏+]

移动端事件

基本内容：
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（）

技术分享图片

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

原文：https://www.cnblogs.com/AFBF/p/14289973.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！