前端实战

1. 如何写一个vscode插件 2. 如何发布一个vscode插件 3. 借助AI工具写一个vscode插件

1.定位原因 html页面中通过<input type="file" />打开文件选择框，导致应用焦点丢失、文件选择框被“压”到应用下层 的问题。 如上图所示，正常打开文件后聚焦在文件系统上，文件选择

1. css(white-space: pre-line) 优点： 该方式最简单 缺点： 会将空格也处理成换行 2. \n -> <br/> 经过实践发现： 想要实现上下一样的效果： 即：

1. 定位原因 Chrome因为安全策略，dll这种后缀的文件会自动过滤。 目前只发现这种后缀的文件有问题，而且过滤文件用户是无感知的。当文件夹内文件数量几千上万的时候，很容易出错。 2. 解决方案

问题定位 通过alert提示信息定位具体触发位置，均是ajax请求的error回调 二次页面加载同样的接口没有触发错误 如果取消二次重载，初次加载页面不会触发错误 询问iOS端alert方法处理的逻辑

问题 提供的链接是url = 'https://work.weixin.qq.com/ca/caXXXXX' 开始操作是直接window.location.href = url; 该操作在IOS浏览器

1. 统一开发人员的编辑器风格 1. 安装VSCode插件 2. 添加.editorconfig文件 在编辑器右侧项目目录中右键，点击“Generate.editorconfig” 可以根据代码习惯，

https://blog.csdn.net/lisa2017_/article/details/131663034

场景： 解决方案 或者 From: https://stackoverflow.com/questions/73143985/strange-lines-when-using-background-c

1. 使用antd的ProFormList组件进行批量新增 2. 限制手动输入和粘贴 3. 只允许扫码枪输入 4. 自动新增一行并聚焦

js-web-screen-shot 1. 使用前提 网站必须是https的，否则会报错提示： 浏览器不支持webrtc 或者 用户未授权( TypeError: Cannot read proper

1. js实现手写签名 2. 使用canvas通过触摸事件实现签名 3. 将签名功能包装成React组件

1. AutoComplete组件 2. React自动联想组件 3. Material UI组件库

尝试失败的方案 删除后重装 删除package-lock.json 成功的方案 系统搜索vscode--以管理员身份运行--打开VSCode

1. 背景 什么是ENOENT? 意思就是找不到这个文件。 这个文件是通过依赖包成功运行生成的。 解决方案 根据报错的具体信息查看 有些报错信息的path如下： 如果错误信息如上，则解决方案为： 通过

预期效果 预期实现功能 自定义实现进度条及进度监控 可以手动定位进度 播放（每次只能播放一个，不允许多个同时播放） 暂停 实现方案 1. 进度条 进度条使用<input type="range" />

预期结果 引入第三方插件jsdiff github地址 官方demo 基本用法： 根据官方demo，常见的用法有三种： 分别对应提供的方法如下： Diff.diffChars(oldStr, newS

媒体查询屏幕适配 正常显示屏的分辨率是1920 * 1080【假如缩放比例为100%】。在此尺寸下显示正常的布局和展示，如果修改分辨率为1360 * 768。则正常显示的字体等有一种放大的效果。 如果

wangEditor版本升级导致的一些问题 问题1： # Cannot read properties of null (reading 'length') 官方方案#4933 出问题数据如下：

border-image语法 属性含义： A/B/C/D代表截图的url中使用的图片的宽度 其用法同margin等，可以单个值，也可以两个值，也可以四个值 假如使用的url中的图像如下 border-