- 博客(314)
- 收藏
- 关注
RSS订阅
转载 disk cache(磁盘缓存) 和 memory cache(内存缓存)的区别
区别主要在于提取速度上，memory cache 要比 disk cache 快的多
2022-06-30 19:07:07
3987
原创 React真题演练（20道）
1、组件间如何通信？1、父子组件props2、自定义事件3、redux和Context2、JSX本质是什么createElement执行返回vnode3、Context是什么、怎么应用？1、父组件向子孙组件传递信息；2、简单的公共信息：主题色、语言；3、复杂的公共信息就使用redux4、shouldComponentUpdate用途（SCU）1、性能优化2、配合不可变值一起使用，不然容易报错5、redux数据流6、setState场景题（异步）7、什么是纯函数1、返回一个新
2021-11-19 11:43:00
1535
原创 手机打开电脑服务器，即使不在同一局域网下
在本地启服务器8080是项目端口号，8081什么的都可以http-server -p 8080ngrok http 8081https://7fa4bfb7ceaf.ngrok.io复制到浏览器即可打开了，手机也可以打开，即使不在同一局域网下
2021-07-28 17:00:22
630
原创 报错net::ERR_CONNECTION_REFUSED
GET https://localhost/cms/content/productDetailInfo/id/653 net::ERR_CONNECTION_REFUSED改为 下列代码就好了url: "http://localhost/cms/content/productDetailInfo/id/653", //路径http与https区别超文本传输协议HTTP协议被用于在Web浏...
2019-08-08 11:11:20
28134
2
原创 如何解决端口号被占用（主要情况为8080端口号）
1、在终端中输入指令：netstat -ano | findstr 8080指令的意思是找出占用8080端口的进程pid2、再次输入指令：taskkill -pid (进程pid) -f如果被拒绝访问，则继续输入tasklist|findstr “13932”，回车，查看是哪个进程或者程序占用了13932端口然后打开任务管理器，直接关掉该程序。总结：比如说在使用eclipse软件的...
2019-04-12 23:53:12
4997
2
原创 手写diff算法
虚拟DOM的核心思想是通过一个简单的对象表示DOM节点，避免直接操作真实DOM，从而提升性能。通过Diff算法对比新旧虚拟DOM的差异，更新最小化的实际DOM。Diff算法对比两棵虚拟DOM树的差异，通常使用递归方式。这里只提供一个简单的版本，比较节点类型、属性和子节点。h函数创建一个虚拟DOM节点。它接受标签名、属性和子节点（可以是字符串或其他虚拟DOM节点）作为参数。2、简单的Diff算法。1、 定义虚拟DOM。
2025-02-11 16:41:33
97
原创 Window.postMessage() —— 主窗口和 iframe弹框怎么通信？
是接口中的一个方法，用于在不同的浏览上下文之间发送消息，比如在主窗口和 iframe、弹窗之间，或者与 Web Worker 通信。它是实现的核心机制之一，能够在安全的前提下进行不同源之间的交互。
2024-12-19 16:55:28
301
原创 同一操作系统安装多个不同版本谷歌chrome浏览器
修改后：C:\Users\xhm\Desktop\Chrome-bin\chrome.exe --user-data-dir=“C:\Users\xhm\Desktop\Chrome-bin\user-data”有时我们会在同一系统上需要多个不同版本的chrome谷歌浏览器，搜索了很久，终于找到了快速可行的办法。原来是：C:\Users\xhm\Desktop\Chrome-bin\chrome.exe。1、下载好所需要版本的chrome谷歌浏览器。你可以依照以方法安装多个版本的chrome。
2024-12-19 16:24:41
1565
原创 TanStack——为现代前端开发提供高性能和灵活的工具
TanStack 是一个由社区主导的开源项目集合，专注于为现代前端开发提供高性能和灵活的工具。它包括多个流行的 JavaScript 和 TypeScript 库，主要用于处理表格、查询、虚拟化、状态管理等功能。
2024-12-19 14:29:31
1053
原创 Zustand的学习和应用
Zustand 支持中间件，可以用来扩展 Store 的功能，比如日志记录、持久化状态等。，交互后，在 Redux DevTools 界面中，可以看的action、state。： Zustand 提供中间件支持，常见的有持久化和开发工具支持。是一个轻量级的状态管理库，适用于 React 应用程序。persis: 可以将状态持久化到浏览器存储。devtools: 打开你的浏览器。的特性受到开发者的喜爱。
2024-12-03 10:21:44
553
原创 Mock.js的学习使用
属性名、生成规则、属性值// 属性名 name// 生成规则 rule// 属性值 value属性值中可以含有@占位符。属性值还指定了最终值的初始值和类型。StringNumberBooleanObjectArrayFunctionRegExpPath几种类型。不同的类型，生成规则会有不同的意义生成规则的含义需要依赖属性值的类型才能确定。
2024-12-03 10:20:05
303
原创 校验是否有xss注入\xss过滤\防止恶意url\处理安全漏洞扫描出来的json注入
【代码】校验是否有xss注入\xss过滤\防止恶意url\处理安全漏洞扫描出来的json注入。
2024-05-14 14:12:08
264
原创 防抖（debounce） 和 节流（throttle）
节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时。
2023-11-08 11:18:48
246
原创 每日杂学：尾递归优化、浏览器的四个存储、延迟加载JS
3、async的执行顺序是：谁先下载完，谁先执行（如果a.js依赖b.js，俩同时导入，就不能用async，因为此时顺序相当重要。1、下载js过程与html解析过程同步进行（与async相同）2、当html完全解析完毕，才执行js（与async不同）3、defer是按照顺序执行的，不存在谁先下载谁先执行。1、下载js与html解析是并行的。2、下载完js就立刻执行。
2023-09-05 18:39:48
289
原创 前端图形图像的框架
Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了相机、光影、材质等，非常适合用来制作3D游戏、模拟、可视化等。Fabric.js 提供了一个简单、强大的对象模型，以及交互式的canvas绘图功能，可以用来构建复杂的设计工具或修改图像。Babylon.js 是一款强大的、开源的3D引擎，运行在浏览器中，允许开发者构建丰富的3D可视化和游戏。Paper.js 是一个向量图形框架，运用了强大的场景图形，你可以方便的创建复杂的多个物体的交互式动画。
2023-09-05 15:30:30
739
原创 每日杂学：页面加载出现白页
拖库：指从数据库中导出数据。洗库：在取得大量的用户数据之后，黑客会通过一系列的技术手段和黑色产业链将有价值的用户数据变现，这通常也被称作“洗库”。撞库：黑客将得到的数据在其它网站上进行尝试登陆，叫做”撞库“，因为很多用户喜欢使用统一的用户名密码，”撞库“也可以是黑客收获颇丰。
2023-09-04 16:35:20
344
原创 用fiddler在电脑上抓手机的包
移动端经常会遇到电脑上没有的报错，最方便的就是在开启vConsole的方法来调试，但是有时候这个方法并不起作用，这时候就需要抓包来分析问题了。那要怎么抓包呢？
2023-08-31 17:03:16
1046
原创 4月19学习内容
组件，开发者可以使用它将其所在组件模板的部分内容移动到特定的DOM位置，譬如。因为 ES6 Model 的出现，ES6 Model 依赖关系是确定的，不需要任何的引入，可以直接进行使用。状态一直到加载的组件满足条件，才会进行渲染。顾名思义，当要加载的组件不满足状态时,是 vue3 中新增的组件，类似于。，可以进行可靠的静态分析。要实现对应的功能则需要使用。操作DOM等来实现。
2023-04-19 16:15:06
236
原创 怎么让网站变灰
目前的主流浏览器版本都支持 grayscale 函数，比如说 PC 端的 Chrome、edge、Firefox、Opera、Safari 等等，除了 IE。filter 函数可以用来改变图像的显示效果；grayscale 是一个 CSS 函数，可以把图像转成灰色，参数是个百分比。代码是在html标签上加上如下css样式。
2023-02-28 13:54:08
132
原创 TypeScript 错误property does not exist on type Object
TypeScript 错误property does not exist on type Object对象上不存在属性XXX
2022-09-14 11:04:07
2091
原创 CryptoJs加密 AES加密
由于CryptoJS生成的密文是一个对象，如果直接将其转为字符串是一个Base64编码过的，在encryptedData.ciphertext上的属性转为字符串才是后端需要的格式。参看官网文档，AES方法是支持AES-128、AES-192和AES-256的，加密过程中使用哪种加密方式取决于传入key的类型，否则就会按照AES-256的方式加密。...
2022-08-01 09:54:39
1501
原创 页面多次加载缓慢的原因
这里的场景是，页面的遮罩层modal框刚触发关闭，另一个带动画效果的DOM元素点击后出现在页面中，并且触发这个警告信息的页面渲染也十分卡顿。通过nextTick解决当前页面上的DOM冲突和也可能是点击事件里面产生bug了...
2022-07-13 12:02:16
4529
原创 谷歌提示Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute
是chrome 更新以后出现的问题，主要是为了防止CSRF 攻击，屏蔽了第三方cookies。警告信息中讲到一个SameSite属性，是为了限制第三方的cookies，有三个属性设置Strict、Lax、None。1 、回退浏览器版本这个最简单了，回退浏览器比如Chrome 把他降到79 及以下版本就可以了，不过只是应急用的2、修改浏览器配置在浏览器中输入下面的url，修改same-site-by-default-cookies及cookies-without-same-site-must-be-s
2022-07-01 16:15:47
12187
原创 Vue3.0中文文档（Vue3 + TS学习资源路线）
Vue3.0 学习资源文档：Vue3.0 中文文档：https://www.vue3js.cn/docs/zh/Vue3.0 组合API使用：http://www.liulongbin.top:8085/#/Vue3.0 Vuex 替代方案： https://zhuanlan.zhihu.com/p/114783130B站视频学习：尤雨溪Vue3.0 : https://www.bilibili.com/video/BV1ke411W7WB/Vue3.x 大地老师：https://www.
2022-05-23 11:08:54
1269
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人