- 博客(12)
- 收藏
- 关注
RSS订阅原创 数组扁平化
数组扁平化处理数组扁平化处理是将一个多维数组变为一维数组。const arr = [1,[2,[3,4,5,6]],7]方法一：使用flat()let arr1 = arr.flat(Infinity)//[1, 2, 3, 4, 5, 6, 7]方法二：利用正则//利用JSON.stringify()先将数组转换成字符串，然后使用正则替换掉[]，然后用split分割成字符串，但是最后的数组项变成了字符串let arr2 =JSON.stringify(arr).replace(
2021-03-29 11:20:19
132
3
原创 开发环境
抓包移动端h5页，查看网络请求，需要用工具抓包windows一般用fiddlermac os 一般用charles手机和电脑必须连同一个局域网将手机代理到电脑上手机浏览网页，即可抓包查看网络请求网址代理https...
2021-03-29 10:37:55
68
原创 作用域
作用域全局作用域全局作用域在页面打开时被创建，页面关闭时被销毁。编写在script标签中的变量和函数，作用域为全局，在页面的任意位置都可以访问到。在全局作用域中有全局对象window，代表一个浏览器窗口，由浏览器创建，可以直接调用全局作用域中声明的变量和函数会作为window对象的属性和方法保存。函数作用域调用函数时，函数作用域被创建，函数执行完毕，函数作用域被销毁。每调用一次函数就回创建一个新的函数作用域，它们之间是互相独立的。在函数作用域中可以访问到全局作用域的变量，在函数外无法
2021-03-28 19:57:10
98
原创 节流
节流当持续触发事件的时候，保证一段时间内，只调用一次事件处理函数。实际应用鼠标不断点击触发，规定n秒内多次点击只生效一次。<script> var btn = document.getElementById('btn') //节流函数 function throttle(fn, wait) { let timer return function () { //如果没有计时器的话就执行
2021-03-28 19:15:44
99
原创 防抖
<script> var input = document.getElementById('input') //防抖函数 function debounce(delay){ let timer return function(value){ clearTimeout(timer) timer = setTimeout(()=>{
2021-03-28 18:12:54
124
1
转载 http
http状态码http状态码：是用以表示网页服务器超文本传输协议响应状态的3位数字代码。当浏览者访问一个网页时，浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。http状态码分类1** 服务器收到请求2** 请求成功，例：2003** 重定向，例：3024** 客户端错误，例：4045** 服务端错误，例：500...
2021-03-24 21:55:46
127
原创 web存储
cookie、localStorage、sessionStorage的区别cookic本来用于浏览器和server通讯，被借用到本地存储来，可用document.cokie来修改。cookie赋值不同key是追加，赋同一个key会覆盖，中间用;分割cookie的缺点存储大小，最大4kbhttp请求时需要发送到服务端，增加请求数据量只能用document.cookie = ’ '来修改，太过简陋localStorage和sessionStorageh5专门为存储而设计的，最大可存5MA
2021-03-24 20:41:16
67
原创 Ajax
手写写Ajas请求//get请求const xhr = new XMLHttpRequest() //实例xhr.open('GET','/api',false) //请求方式，发送参数，是否同步xhr.onreadystatechange = function(){ //状态变化 if(xhr.readyState ===4){ //状态码 if(xhr.status===200){ console.log(xhr.responseText) //返回响应数据 } }}xh
2021-03-23 21:58:10
54
原创 事件绑定-冒泡-代理
事件绑定var btn = document.getElementById('submit')btn.addEventListener('click',event=>{ console.log('点击按钮')})事件代理const box= document.getElementById('box')bindEvent(box,'click',event=>{ event.preventDefault() const target = event.target if(tar
2021-03-22 21:54:22
74
原创 关于BOM
BOM对象document -文档对象navigator -浏览器的信息screen -屏幕有关信息location -地址信息history -历史记录信息如何识别浏览器的类型navigator.userAgent分析拆解url各个部分location.href -获取网址地址信息location.protocol -获取协议location.host -获取域名location.search -查询参数location.hash -取哈希值locatio
2021-03-22 07:59:26
81
原创 面试经验@
变量类型和计算typeof能判断哪些类型typeof 对于原始类型来说，除了 null 都可以显示正确的类型 typeof 1 // 'number' typeof '1' // 'string' typeof undefined // 'undefined' typeof true // 'boolean' typeof Symbol() // 'symbol'typeof 对于对象来说，除了函数都会显示 object，所以说 typeof 并不能准确判断变量到底是什么类型 typeo
2021-03-15 21:26:24
87
转载 小程序生命周期
下面从三个方面来介绍小程序的生命周期：（1）应用生命周期（2）页面生命周期（3）应用及页面生命周期的触发顺序1.应用生命周期App() 必须在 app.js 中调用，必须调用且只能调用一次，app.js中定义了一些应用的生命周期函数（1）onLaunch: 初始化小程序时触发，全局只触发一次（2）onShow: 小程序初始化完成或用户从后台切换到前台显示时触发（3）onHide: 用户从前台切换到后台隐藏时触发（4）onError: 小程序发生脚本错误，或者 api 调用失败时，会触发 o
2021-03-04 08:56:05
154
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人