前端背诵之JS+web端js

🏻对象：
for(var k in obj),k得到的是属性名，obj[k]得到的是属性值
🏻节流阀，添加var flag ＝true；

---

1.js包括js基础语法（ECMAjs)，DOM和BOM
/写在script标签中间，html用双引号，js用单引号

/简单数据类型：number,string,boolean(true和false),undefined,null(空)
复杂:object

num前加0八进制，加0x十六进制
/(typeof 变量)获取变量类型
⭐/冒泡排序sort:交换两个数据借用第三个变量，一道题分为横竖两种如几行几竖用嵌套循环
/parseInt整型转换，parseFloat浮点数
/把数组转换为字符串或者其他类型，只需要定义一个空的类型变量

/⭐return和arguments
函数:一段可被重复调用执行的代码块，分为声明函数和调用函数
/return只能返回一个值，想返回多个值则可以利用数组

⭐while循环一直进行，有限次用for
/break结束当前循环，continue跳出本次循环，return退出循环并返值
/arguments,有length,没有pop,push

/两个作用域:
全局作用域 
1整个script标签
2在函数内部无声明直接赋值

局部作用域(节约内存)
1这个代码名称只在函数内部起作用
2形参也是局部变量
/js在es6为块级作用域，

/js运行分为预解析和代码执行
重点！！！~预解析会把var和function提升到当前作用域最前面，分为1变量预解析和2函数预解析
＃变量提升就是把所有变量声明提升到作用域最前面，不提升赋值
~代码执行则从上往下
预解析和全局，局部变量的搭配使用

/自定义对象:
属性，事物的特征
方法，事物的行为

/️创建对象(一次可以对应多个对象，重复相同的代码)
1字面量，
2new Object，var obj = new Object()；
3构造函数，首字母大写,  必须利用new，不需要return
function 构造函数名()｛
this.属性=值;
this.方法=function()｛｝
   ｝new 构造函数名()；

/用for..in遍历对象
for（var k in obj）｛｝k/obj[k]

/内置对象
math(PI,floor,round,abs,max,min,random)
其中abs会把非数字类型隐性转换为数字类型

  /三种构造函数
var arr = new Array(1，2，3);//新建数组的方式
var obj= new Object();
var date = new Date();
/用字符串形式输入时间
‘2022-3-9 23:00:00’

/增加数组push末尾（4，‘  ’）
unshift开头，删除数组pop末尾,shift开头
reverse翻转数组，arr.reverse（）；
sort数组排序
⭐sort(function(a,b)｛
return a-b/return b-a
｝)

/数组去重，用indexOf的返回-1的特点。
/数组转换字符串，toString，join(重点)，
连接数组concat()，
截取数组slice(begin,end)，
删除数组splice()，第几个，删除几个

/基本数据类型，把简单数据类型包装成复杂数据类型。复杂类型有对象和方法

重点，charAt(index)
charCodeAt(index)判断用户按下了哪个按钮

---

web端js

触屏事件:
e.preventDefault();//防止页面一起拖动
1.触摸事件: touch
        touchstart / touchmove / touchend
2.触摸事件TouchEvent
        Touches正在触摸的手指数 / targetTouches正在触摸DOM元素的手指数 / changedTouches手指的有无
3.拖动事件: touchstart + targetTouches(pageX, pageY);

 轮播图:自动播放轮番图:
1.overflow: hidden;
2.transitionend过渡结束后
        classList属性: classList.toggle('bg');
        classList.remove() / classList.add
        开启定时器时, 先关闭所有定时器。
        手指滑动轮番图:
        -关闭自动播放, ul跟随手指移动, 即移动端拖动和元素。
        引用轮播图样式:

        -swiper插件：
        1.复制html，css，js的相关代码并修改。
        2.更改相关样式，js使用说明，css直接写多一个覆盖

click300ms延时问题:
        1.禁止用户缩放: user - scalable=no
        2.fastclick插件

    移动端常见的开发框架: Bootstrap、Vue、Augular、React{ pc端 + 移动端 }
    移动端插件: swiper、superslide、iscroll

数据存储之本地存储：
1. (关闭浏览器清除数据)存储sessionStorage.setItem('key', value);
        获取sessionStorage.getItem('key');
        删除sessionStorage.removeItem('key');
        清除所有sessionStorage.clear();
2.(只能手动删除,否则永久保存) 
        localStorage
        获取localStorage.getItem('key');
        删除localStorage.removeItem('key');
        清除所有localStorage.clear();