- 博客(20)
- 收藏
- 关注
RSS订阅原创 踩坑笔记（tarui+nextjs）
然后就可以使用了，其中的noce值应该是随机的，但写死也可以，但会存在安全问题。如果安全要求高的话。可以在html中配置，服务端进行生成随机的，然后填到html中，这样会更安全。这样引入，然后使用。dev模式下，央视是存在的。但是build打包后。首先这是因为安全策略发生的错误。我在tarui的配置文件中配置。
2024-09-29 10:45:03
253
原创 跨标签页通信
跨标签通信，boradCastChannel，serviceWorker，postMessage，indexDB，sharedWorker，localStorage,Websocket
2024-05-11 21:23:11
807
1
原创 echarts在vue3中妙用
安装完Echarts包后，我们安装官网指示，使用按需导入。文件：/src/plugin/echarts.ts。
2024-04-15 10:32:37
222
1
原创 apply、call、bind手写
首先分析apply调用的时候主要传入俩种参数，第一个是目标this，第二个是需要调用的参数。参数可以是多个，最后都会传入到函数中，并且返回值是函数的返回值。获取需要执行的函数（就是 this，因为 call 的调用都是 fn.call()，fn 是一个函数）对 thisArg 进行转换成对象类型（防止传入的是一个非对象类型），这个 thisArg 就是需要绑定的 this调用需要被执行的函数（通过给 thisArg 增加方法属性）
2024-04-13 10:35:46
392
1
原创 computed巧用
官网：接受一个 getter 函数，返回一个只读的响应式对象。该 ref 通过.value暴露 getter 函数的返回值。它也可以接受一个带有get和set函数的对象来创建一个可写的 ref 对象。它允许你根据组件的状态动态地计算派生数据，并在模板中高效地访问这些数据使用场景：computed需要依赖一个响应式数据，然后根据根据组件的状态动态地计算派生数据,并进行比较判断值是否发生变化，来判断页面是否重新渲染。因此巧用computed可以有效的增加页面性能。函数式的调用。
2024-04-11 08:57:13
187
1
原创 vue生命周期
与其说是Vue的生命周期，我觉得不如说是其内组件的生命周期。简单来说，它的生命周期就是用来描述一个组件从引入到退出的全过程。那复杂来说呢？就是一个组件从开始经历了等步骤后，最后被。
2024-04-10 17:47:42
830
原创 axios上传raw格式踩坑
正常上传Raw数据，只需要设置头文件，就可以，但有的时候会报错。因此这时候可以使用这个配置来修复这个问题。用这个配置来修复这个问题。
2023-12-18 20:58:44
670
原创 vue的动态路由
[tocNewest Questions - Stack Overflow文章目录TypeScript基础笔记(小满与codewhy版本)基础知识基础类型(TS -- 1)八种内置类型注意点null 和 undefined变量类型的推导number 和 bigint任意类型(TS -- 2)类型(任意值) -- anyunknown类型接口和对象类型(TS -- 3)interface类型可选属性 -- `?`操作符任意属性 -- [propName
2023-08-19 21:50:15
225
原创 webpack配置TS
npm init :创建package，初始化tsc --init ：创建tsconfig.jsonnpm i webpack webpack-cli -D:安装webpack，如果版本大于4.0，另外需要安装webpack-clinpm install ts-loader -D：编译TSnpm install webpack-dev-server -D:热更新服务npm install html-webpack-plugin -D:HTML 模板。
2023-08-18 22:46:43
181
1
原创 百度API的异步调用
今天在练习项目的时候、用到了百度地图的api，刚开始使用、我不太懂，以为是跨域问题报错，后面通过对跨域文件的配置发现没有用、于是就进行百度、发现是在document.write（）这个方法在使用跨域的js文件，使会报错，
2023-08-17 17:37:59
456
1
原创 浏览器渲染原理及流程
如果DOM树里面的内容发生变化、就会可能会导致DOM元素，CSS样式，布局发生变化，然后进行重新渲染、而浪费性能，因此提出Layer分层渲染、目的就是在分层后，如果只有该层里面的元素进行变化、那么只需要给该层进行后续处理就行，从而提高效率。为了提高解析效率，浏览器在开始解析前，会启动一个预解析的线程，率先下载 HTML 中的外部 CSS 文件和 外部的 JS 文件。第一步完成后，会得到 DOM 树和 CSSOM 树，浏览器的默认样式、内部样式、外部样式、行内样式均会包含在 CSSOM 树中。
2023-08-13 08:00:00
364
原创 继上次可视化笔记，Echart，还有一些案例，如果想要，可以私我，给大家发送，谢谢
left、right、top、bottom、：grid组件里容器左右上下的距离。ECharts底层依赖轻量级的ZRender图形库、可提供直观、生动、可交互、可高度个性化制定的数据可视化图表。应用场景：智慧城市、园区、公安、机房、监所、电力、物业、应急管理、等多个领域的数据可视化展示。SVG具有更重要的优势：内存占用低、适配性好、扩展性好、放大缩小图表不会模糊。[[x,y,value],[x,y,value]],x,y表示X轴和Y轴。type：指定系统图表的类型、比如主状图、折线图、饼图、散点图、地图。
2023-08-12 11:00:29
103
1
原创 前端学习可视化笔记1、（css3d、Canvas、SVG）
学习codewhy视频，记录的笔记、主要内容是css的3D变换动画、Canvas的基本使用还有SVG的基本使用和动画、后续还有GSAP和EChart表的笔记，补充
2023-08-04 12:27:00
1579
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人