- 博客(9)
- 收藏
- 关注
RSS订阅原创 浏览器跨标签页通信
常见的跨标签有localStorage或者sessionStorage，储存加监听可实现，还有IndexedDB。监听：window.addEventListener('storage', function (e) {});储存：localStorage.setItem('key', 'value');通信的方式原理就是一个命名管道。它允许让指定的同源下浏览器不同的窗口来订阅它。对于indexDB 就是前端数据库，可以存可以取.在a页面推送，b页面实时接收。
2024-09-10 17:11:03
242
原创 浏览器观察者 Observer API
随着浏览器的发展，现代浏览器支持四种不同类型的观察者。1.Intersection Observer 交叉观察者2.Mutation Observer 变动观察者3.Resize Observer 视图观察者4.Performance Observer 性能观察者。
2024-02-20 17:31:54
786
原创 前端性能优化
由于浏览器会自动对页面中的 img 标签的 src 属性发送请求并下载图片，可以通过 html5 自定义属性 data-xxx 先暂存 src 的值，然后在图片出现在屏幕可视区域的时候，再将 data-xxx 的值重新赋值到 img 的 src 属性即可。要实现懒加载，就得先将进行懒加载的子模块分离出来，打包成一个单独的文件（调用 import() 之处，被作为分离的模块起点，意思是，被请求的模块和它引用的所有子模块，会分离到一个单独的 chunk 中）通过路由懒加载，首页资源压缩约52%
2023-03-28 12:36:48
293
原创 本地项目连接数据库请求数据
4.引入所需模块（express, cors, mysql）,引入之前肯定是需要先下载，cnpm i --save (模块)指定版本的话@+版本号。2.新建一个库表，我这边随便起名user，里面新建一点模拟数据，姓名密码的。1.首先现在MySQL workbench，注册账号，登录进去。3，然后在自己项目中新建文件 mydb,（名字随便起）
2023-03-21 16:17:20
692
原创 快速上手vue3.x
常量用 ref() 引用类型用 reactive()a:1,b:2})用ref获取dom})自定义hooks就类似组件一样只不过只封装js，当有一段js代码需要复用可以把他封装成一个hooks进行复用需求，在别的页面插入一个hooks实现记录鼠标点击就的坐标1.新建hooks 文件 里面定义一个usea.js 文件//点击的是窗口所以要给窗口定义点击事件})2.在使用hooks 的文件中引入。
2023-03-21 15:58:39
389
原创 一文带你走进node.js
3.require()加载自定义模块的时候必须以'./'或者'../'开头的路径标识符，不然node会把它当做内置模块或者是第三方模块进行加载。path.join (路径，路径 ...) 参数可以多个路径参数 //将多个路径拼接起来。npm unpublish 只能删除72小时以内发布的包--------删除的包在24小时內不允许再发布。fs.writeFile（路径，写入的内容，可选参数-编码格式，回掉函数）时刻谨记，require()模块时，得到的永远是module.exports指向的对象。
2023-02-09 16:56:09
226
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人