web前端——工作中遇到的问题总结

1、鼠标移动到input标签上面，提示：请输入有效值，两个最接近的有效值分别为x和x。

原因：当input的type属性为number时，输入框中的值为小数，就会出现该问题。

解决办法：<input type="number" min="-999999999" max="9999999999" step="0.0000001" />

2、dom节点多出意外空白节点

 

 

 

原因：这是因为节点跟节点中间有空隙（可能是先复制文字再添加标签造成的）

解决办法：删除标签的换行，然后再手动回车换行。

3、安装backstop（npm install -g backstopjs）报错：

内容：

ERROR: Failed to download Chromium r722234! Set "PUPPETEER_SKIP_CHROMIUM_DOWNLOAD" env variable to skip download.

原因：这是因为安装无头浏览器的时候报的一些PATH变量问题。

解决办法：sudo npm install -g backstopjs --unsafe-perm=true --allow-root

4、安装vscode插件-----background，vscode报软件损坏问题。

内容：Code安装似乎损坏，请重新安装（The code installation seems to be damaged, please reinstall）

 

原因：vscode在安装一些非官方、不安全、自定义等一些插件的时候，可能会报出这个错。

解决办法：安装vscode自定义插件----   Fix VSCode Checksums，也就是说，这个Fix插件，是专门为自定义的一些vscode插件报错而诞生的。

具体操作（mac环境）：

       命令窗口输入：code --install-extension lehni.vscode-fix-checksums，如果报错，找不到code命令，就进行下一步操作：

       command+shift+p打开输入窗口，输入：code --install-extension lehni.vscode-fix-checksums，选择在PATH中安装code（Install 'code' command in PATH）

       安装完成后，在命令行输入：code --install-extension lehni.vscode-fix-checksums，command+shift+p打开输入窗口，输入：Fix Checksums: Apply，关闭vscode，再次打开（不要重启，彻底重新打开）问题解决。