- 博客(121)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【AI学习】 playwright-cli + SKILL 替换 chrom-devTools-MCP
核心方案Claude Code / Codex（二选一）。Playwright CLI + 配套 Skill，替代传统 Playwright MCP 方案。核心优势极省 Token：比 MCP 方案省约 4 倍 Token，固定流程可0 Token 运行。无需懂代码：用自然语言即可让 AI 操控浏览器完成任务。工作流可沉淀：把重复操作固化为 Skill，复用且稳定高效。能做什么（实战场景）电商评论抓取并导出 CSVMarkdown 文章自动发布到社交平台。
2026-04-21 00:41:01
526
原创 地图显示西安经济开发区边界线-2023.12
本文介绍了在腾讯地图API中展示西安曲江新区及六大行政区边界的方法。首先指出百度地图是唯一能查看经济开发区的地图服务，但未提供相关API。然后详细说明了使用高德地图多边形编辑器的吸附功能描绘曲江边界线，并通过代码示例展示了如何利用腾讯地图JSAPI2.0实现行政区围墙效果。代码中包含了地图初始化、行政区划类创建、围墙样式设置以及数据转换等关键步骤，最终实现了以不同颜色渐变效果展示西安各行政区的3D围墙边界。该技术方案可为类似区域边界可视化需求提供参考。
2026-04-06 17:17:37
36
原创 去除微信小程序里button的边框
方法二：给button按钮加上plain属性，属性值为true。方法一：通过button::after。然后设置样式就可以去除边框了。
2023-12-18 17:38:23
3631
原创 vue3引入高德地图报错Uncaught Error: Invalid Object: LngLat(NaN, NaN
原因：容器高度未设置。
2023-12-18 00:09:21
3208
1
原创 vue3 报错Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore
vue3 报错Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore
2023-12-17 23:41:48
755
原创 微信小程序背景图片设置
渲染层网络层错误] pages/wode/wode.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用标签。问题 :微信小程序通过css:background-image引入背景图片失败。
2023-12-11 15:27:24
2780
原创 浏览器v8垃圾回收机制和内存泄漏分析-初级
1、使用weakMap或weakSet作弱引用。3、闭包中使用了匿名函数 未手动清除。4、dom被赋值使用后 未手动清除。1、全局变量 未手动清除。2、定时器 未手动清除。
2023-11-26 11:03:23
625
原创 事件循环机制及常见面试题
全局下的宏任务结束，开始全局下的微任务，promise 的微任务队列中按照队列的先进先出原则依次输出，promise2，async1 end，promise4。全局微任务结束，开始下一轮的宏任务。首先开始全局下的宏任务依次输出 script start, async1 start, promise1, promise3, script end。所以再开始下一轮宏任务循环之前先输出了。的任务队列，主栈中的宏任务每一次结束后都是先执行。全局中的微任务执行完成开始下一轮宏任务。中的微任务队列，最后。
2023-11-24 00:00:41
1975
原创 cookie的跨站策略 跨站和跨域
2、跨站 顶级域名+二级域名 相同就行。cookie遵循的是跨站策略。1、跨站指 协议、域名、端口号都必须一致。
2023-11-23 19:14:24
628
原创 react中虚拟dom,diff,fiber - 初级了解
3.调度器查看有没有更高级任务（比如 alert,onclick等），如果有就执行更高级任务，没有久久继续执行fiber更新。首次加载，比起原生DOM，虚拟DOM多了一层计算，消耗了性能 ，会比html慢。③.流程上：一个页面如果有500次变化，没有虚拟DOM的就会渲染500次，而虚拟DOM只需要渲染一次，从这点上来看，页面越复杂，虚拟DOM的优势越大。三 react fiber 是react16新增的更新机制，让react 更新过程可控，提升性能。虚拟DOM减少真实DOM操作，提升性能。
2023-11-23 19:02:34
1845
原创 2023程序员HR面试面经
小苏：我现在手上有两个offer,但是我更倾向于咱们公司的岗位，不管是发展前景还是岗位方向，咱们公司都是我理想的选择。3.阅读相关技术书籍和文档，通过阅读书籍、文档和参考资料来了解相关的技术知识和应用场景。小苏：好的，我的期望薪资是c,辛苦hr帮我争取一下 //也可以说那我需要计算一下，回头把期望薪资微信发给您。小苏：1.我经常参加技术社区和论坛，看看现在流行的好技术。小苏：好的，那咱们薪资结构是什么样的呀？小苏：我想问一下咱们薪资范围是多少？3.平时怎么学习你简历上的技术？hr:你的期望薪资是多少？
2023-11-22 13:44:25
270
原创 react 性能优化之useCallback和useMemo的区别
useCallback 缓存函数 优化子组件减少渲染 useMemo 缓存返回值 优化当前组件减少渲染
2023-11-03 17:17:18
144
原创 西安华为od前端-性格测试（综合测试）
（4）、性格不能过激，比如那种会跳楼第一时间会被刷掉。喜欢中庸，不要表现自己的特性，有自己性格一定会被刷掉。喜欢稳定的，稳定超过一切包括技术、包括是否能做事。必选的选项：非常乐观 一点也不焦虑 循规蹈矩。喜欢那种喜欢加班的人，所以必须要能。必不能选的选项：想要当领导。很重要，不要自己来往。
2023-11-03 16:46:24
1645
2
原创 西安华为od前端-机试
前端考试机试一共三道题，分别是100分+100分+200分。考试一共2.5h。考试实测并未出现链表、树、图等数据结构，均为简单题。比官方的机考说明要简单。应该是前端对算法要求不高。
2023-11-03 16:39:40
1374
3
原创 强缓存和协商缓存
视频：2022经典前端面试题：浏览器缓存、http缓存、强制缓存、协商缓存_哔哩哔哩_bilibili文件:【建议收藏】45000+字前端面试题及答案汇总，前端八股文 - 知乎 (zhihu.com)
2023-11-02 21:26:21
235
原创 三种事件模型
IE不把该对象传入事件处理函数，由于在任意时刻只会存在一个事件，所以IE把它作为全局对象window的一个属性”，用IE8执行了代码alert(window.event)，结果弹出是null，说明该属性已经定义，只是值为null（与undefined不同），代码如下;事件发生，马上处理。此模型是W3C制定的标准模型，既然是标准，现代浏览器（指IE6~8除外的浏览器）都已经遵循这个规范。IE的事件模型已经可以解决原始模型的三个缺点，但其自己的缺点就是兼容性，只有IE系列浏览器才可以这样写。
2023-11-02 20:16:49
191
原创 nodelist 与 HTMLCollection 的区别
NodeList 对象中的属性和方法： | 属性 / 方法 | 参数 | 描述 | | ———— |————— | ——————————————————— | | length | 无 | 返回 NodeList 中的数量。HTMLCollection只能包含 元素节点(ElementNode)类型的节点, 以下方法返回HTMLCollection对象。从上面例子可以看出，节点包含了元素，元素是属于节点的一种。
2023-11-02 15:37:41
1104
原创 易混淆-for循环中的break与return
1、for循环中的return不仅会跳出循环，还还会跳出当前函数。2、for循环中的break只会跳出循环，结束for循环。
2023-07-27 16:17:50
3133
原创 qs.stringify() 和 JSON.stringfy 的区别
JSON.stringfy是js自带的方法。JSON.stringify()用于对象转字符串；JSON.parse()用于字符串转对象；qs 是 nodejs 的一个模块。qs.stringify()常用于对象转url参数；qs.parse()常用户url参数转对象；两者都能进行序列化，但结果不同 ，运行结果如下。
2023-07-25 13:19:46
888
原创 浏览器内核，chrominum = blink = webkit+
国内的主流浏览器内核都是chrominum,也就是谷歌的内核。也就是，国内浏览器=chrome的内核+一层自己的皮。因此 在页面设计、使用操作、内容展示上都是差不多的。结论：现在，chrome、edge、opera都适用的是谷歌的Chrominum内核(blink),该内核基于webkit。4、Chrome:08-13年，WebKit,之后Blink（和欧朋一起研发的，基于WebKit）。2、Edge:刚开始edegeHTML内核（基于Trident），后来Chrominum。2、市面上的浏览器内核。
2023-04-27 17:27:05
2042
原创 解决vs2019终端中查看git log 乱码＜E5＞＜A4＞＜8D＞＜E5＞＜88＞＜B6＞＜E6＞＜9C＞＜BA＞＜E7＞＜BB＞＜84＞
2、原因：当前编码为gbk编码，需要使用utf-8编码。1、现象：如图在vs2019终端中查看log 显示乱码。
2023-04-27 15:52:46
358
1
原创 cmd 和 powershell 的区别
跑题了，题主问不同，窃以为 PowerShell 和 cmd 最大的不同，并且也是和其它 *nix Shell 最大的不同在于 PowerShell 的 pipe 传递的是 .net object，而不是 raw 字符串，于是这就打开了一扇神奇的大门，因为 PowerShell 的一切组件都可以和谐地共存，彼此不用互相猜忌，不用猜你喂给我的数据合不合法，也不用担心我喂给你的参数格式对不对。大家共享一个 CLR，拥有丰富的 metadata，自由自在地在 .net 的世界里徜徉和探索。cmd只简单命令行。
2023-04-27 15:36:28
1790
原创 js主动请求中断
原因： 快速切换时，数据返回时间不能把控。可能之前的请求比之后的请求返回慢，造成数据错误。处理： 多次切换，取消未返回的接口。直接使用最后一次接口返回的数据。2、react+fetch-取消当前操作之前所有的未返回的接口。1、jquery代码-取消指定未返回的接口。
2023-04-24 19:01:45
716
chrome升级到v112后svg下的一些样式不加载了
2023-04-06
如何通过页面上报错直接跳转到报错的代码段上
2023-03-17
如何做一个能使代码段高亮的富文本输入框
2023-02-17
对网址中参数怎么加密
2022-11-01
web前端有必要为了一个项目去学习wpf吗
2022-11-07
umi编译如何在配置文件中使用功能全局变量
2022-09-20
如何控制grafana嵌入网页后工具栏显示的内容
2022-09-16
echarts高低过低时，文字重叠
2022-09-14
webpack不打包的js文件，如何运行js文件
2022-09-09
git如何只下载部分文件
2022-09-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人