- 博客(8)
- 收藏
- 关注
RSS订阅原创 【学习日记】indexDB、vNode、sticky 2020-9-2
indexDBcookie:验明用户信息，只能存4ksessionStorage、localStorage：存储空间更大5m，本地存储，可以做到永久性存储。indexedDB：解决本地存储量太小问题，浏览器提供的本地数据库。基于同源策略，支持异步。存储大量数据的方法，它创造的数据可以被查询，并且可以离线使用。window.indexedDB判断是否支持indexedDB，使用open方法，创建一个数据库，名字为“dataNames”，就可以通过onupgradeneeded事件、onsuccess
2020-09-05 15:29:34
321
原创 【学习日记】发布订阅和观察者、webpack、SPA、vue和jquery、computed和watch 2020-9-1
发布订阅模式和观察者模式的区别：发布订阅模式，例如vue里面的数据双向绑定原理，Dep收集所有的依赖，当数据发生变化时，通知所有的依赖进行更新。有一个收集依赖的调度中心，可以自定义的做一些处理，例如某些依赖不需要更新。由调度中心来进行调度，实现通信。观察者模式就是，订阅发布模式，例如为某个元素监听一个事件，当事件触发时执行回调。先订阅再发布。直接就是观察者和被观察者之间的通信，是由具体目标调度的，不需要调度中心。webpack原理：前端工程化构建工具，配置文件中配置entry入口开始解析文件，构
2020-09-05 15:16:16
231
原创 【学习日记】常见响应码、postMessage、节流防抖、ES6、bind、原型链、new、继承、十转八、闭包、jsonp、vue响应式2020-8-31
常见响应码101：协议升级，当想升级到websocket协议时， 客户端发送upgrade：websocket，connection：keep-alive，Upgrade，如果服务端同意协议升级，会返回101 websocket protocol handshake 表示升级成功。200 ok：表示成功返回响应206：当客户端使用range请求部分数据时，服务端返回206 partial content，表示传来了部分数据。并返回响应头content-range：bytes 范围。。。301：使
2020-09-05 15:12:00
372
原创 【学习日记】深拷贝浅拷贝、Object.assign、科学计数法、flex布局、缓存2020-8-30
数组、对象的浅拷贝、深拷贝浅拷贝：1、var obj2=obj1//数组或对象直接赋值2、var obj2=Object.assign(obj1)深拷贝：1、写递归函数，考虑所有情况function deepClone(obj){ if(typeof obj!=="object"||obj===null){ return obj } if(obj instanceof Array){ var newobj=[] for(var i=0;i<obj.length;i++)
2020-09-05 14:34:51
169
原创 【学习日记】nextTick、事件循环机制、BFC、脱离文档流、var、let、const、动画2020-8-15
Vue.nextTick()接收一个函数，在同步任务执行完成，DOM更新完成之后再调用nextTick里的函数，此时就是基于已经更新的视图进行操作。通常用于在更新数据，需要立即获取更新后的视图的情况。nextTick()：属于异步任务中的微任务。微任务：process.nextTick，Promise.then，catch，finally，Mutation Observer宏任务：setTimeOut、setInterval、setImmediateJS事件循环机制：js单线程，同步任务放
2020-08-30 21:39:10
392
原创 【学习日记】浏览器内核、reflow和repaint、 get/post、JS模块化、跨域、组件通信2020-8-28
浏览器内核浏览器内核多线程，包括：GUI渲染引擎、JS引擎、浏览器事件触发线程、http请求线程、定时触发器线程 。1、事件触发线程：将需要触发的任务放在事件线程中，当符合触发条件时，会把事件添加到待处理队列的队尾，等待JS引擎处理。【待处理队列中的任务都在等待JS引擎处理】2、定时器触发线程：setTimeout和setInterval所在线程，用于计时，计时完成添加到事件队列等待JS引擎处理3、http异步请求线程：在XMLHttpRequest连接之后，开一个线程进行请求，回调函数放在事件队
2020-08-30 21:29:05
383
原创 【Web协议详解与抓包实战】DNS、WebSocket、http2.0、TLS/SSL、TCP
DNS当在浏览器输入域名www.baidu.com时，首先在浏览器缓存中查看是否有DNS记录，再在操作系统缓存中查找是否有DNS记录，如果都没，访问本地DNS服务器。本地DNS服务器存在两种查询方式：迭代查询、递归查询迭代查询：本地DNS服务器将请求发给根域名服务器。根域名服务器返回顶级域名服务器.com的IP地址。再由本地DNS服务器向顶级域名服务器.com发起请求，顶级域名服务器返回二级域名服务器的.baidu.com的IP地址。再由本地DNS服务器向二级域名服务器.baidu发起请求，二级
2020-08-23 19:34:03
1272
原创 【学习日记】webpack配置文件分析（dev）2020-8-15
1、webpack.base.conf.js基础的webpack配置文件，配置一些dev和prod模式共有的属性。2、webpack.dev.conf.js配置一些dev模式特有的属性，使用webpack-merge与webpack.base.conf.js里的配置合并3、整合后的dev模式配置文件：3.1、entry：//webpack.base.conf.js中entry: { app: './src/main.js' }, //webpack.dev.c
2020-08-22 10:59:16
393
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人