常见小问题汇总

39 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第1天,点击查看活动详情


input输入框自动回填

当我们写input的type为password时,在谷歌浏览器经常会账号密码自动回填,覆盖掉原有的样式; 以下为实操有用的办法

// 密码自动回填  设置input属性
autocomplete="new-password" 

// 设置css样式
input:-webkit-autofill { 
/*-webkit-box-shadow: 0 0 0 400px #E8ECED inset;blog*/
// 修改背景色 
transition: background-color 5000s ease-in-out 0s; 
// 字体颜色(默认为黑) 
-webkit-text-fill-color: #ddd !important; }

段落中存在英文单词时,单词不换行

//normal 只在允许的断字点换行(浏览器保持默认处理)。 
//break-word 在长单词或 URL 地址内部进行换行。 
word-wrap: normal|break-word;

webstrom中全局搜索无法使用

clipboard.png

1. 清除缓存,清除缓存真的可以解决好多奇奇怪怪的问题

2. 在中文输入法的时候不可以,切换输入法就可以了(本人情况,可能是什么快捷键冲突吧)


echarts中图标更改数据重新渲染时,上次的数据尚未完全清除

//执行 echarts.clear() 清空当前实例,会移除当前实例的组件和图表 
echarts.clear() 
//重新使用 
echarts.setOptions()

router-line _blank页面跳转后session数据丢失

设置rel属性为'opener'可解决


汉字转拼音插件

npm install pinyin-pro


数据比较原则

现在很多面试题会有一些==/===的题,掌握以下诀窍就可以保证90% 的正确率!

  1. 如果有一方为布尔值,则在比较前将其转换为数值;[]==false
  2. 如果字符串与数字比较,则将字符串转换为数字;Number(str)
  3. 如果有一方为对象(Array的原型也是Object),则调用对象的valueof方法,如果没有该方法,则调用toString();
  4. 如果两方都是对象,则比较指针是否相同;

如果有哪里描述不准确或者有问题,欢迎大佬指正!
(≖ᴗ≖)✧