前端遇到的问题及解决办法

一、如遇到除个别浏览器外(谷歌) 其他浏览器的onclick事件报错和不执行时 可能的原因:
1,事件本身不支持某个浏览器事件
2,事件名称和某个id或者name相冲突
3,js未调用事件名称

二、ios系统 input获取焦点时 宽度自动放大 解决的办法:
1,加

<meta name ="viewport" content ="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="app-mobile-web-app-capable" content="yes">

2.input 内的字体大小不能小于16px
ios 系统input聚焦问题
给input绑定点击事件 触发focus事件

三、每个页面抛出关键字以便能被搜索到

<meta name="Keywords" Content="债务,看看 ">
<meta name="description" Content="债务,看看 ">

//关键字用“,”号隔开

四、pc端页面 如果只兼容谷歌浏览器的情况下 解决办法:
报错:SCRIPT1004: 缺少 ‘;’ let 不支持IE浏览器
报错:SCRIPT5009:点击事件未被定义 原因是因为SCRIPT1004报错 无法找到相应的点击事件
当需要请求接口时:用ajax时 传值时 不需要转化 直接定义对象

五、本地页面引用的文件,一定按照准确的地址进行调用 否则当整个文件的root发生变化时,文件调用的方法和引用的文件将报错(404)
如果直接是template 或者是static文件下的文件 调用文件或接口时 ,只需要./ ,相当于在根目录。其他文件夹下面的文件,根据层级找到相应的目录

六、html文件不能直接打开(任何浏览器)
1.将桌面的浏览器 属性找到文件位置,创建快捷方式 将快捷方式放在桌面
2.打开浏览器 工具->Internet设置 -> 常规设置 自己手动添加地址或者使用空白页
3.点击浏览器 右键->属性->快捷方式->目标 将exe后面的其他的网址删掉
4.下载360急救包 进行木马病毒等等进行查杀
5.运行->regedit ->将yes2345相关东西删掉

七、当引用组件时,有时候组件上有下划线或者上划线
找到组件名 :after或者:before{height:0} 这样可以进行隐藏去掉
当去循环这个组件时 ,想要底部的线条,但是最后一个不要时
使用选择器 :nth-of-type(n){} //n 可以是数字、关键词或公式
:nth-last-of-type() :nth-first-of-type()

八、当本地不能放太多静态文件时,放入阿里云上
阿里云官网-控制台-登录-oss-上传文件

九、当选择单选框后,有两个按钮,一个按钮是需要清空所选的内容的,一个按钮是展示已经选择了的相关信息,如果是先选择单选框,展示信息,再清空信息,是没有错的,但是如果先清空消息,再展示信息的话,此时是没有信息的,怎么做?
其实很好办,如果选择之后,需要按清空按钮,此时,就将选中的单选让其不选中状态

十、显示不完是用…省略

       overflow: hidden ;
		display: -webkit-box ;
		-webkit-line-clamp: 2 ;   //几行显示
		-webkit-box-orient: vertical ;
		word-break: break-all ;

十一、微信小程序聊天报错,websocket连接不上

sendSocketMessage:fail WebSocket is not connected

可以在本地进行连接 打开 cmd
npm install ws
然后运行 npm run dev

十二、vue冒泡处理
在需要阻止冒泡的地方 加@click.stop 或@tap.stop

十三、当关闭页面时,input框弹出的软键盘不消失
在监听退出页面或隐藏页面的钩子函数中、关闭软件盘
例如uniapp中
onBackPress() {
uni.hideKeyboard()
}
十四、localstorage和sessionstorage的区别
1.localStorage生命周期是永久,关闭或退出程序,不会清除缓存数据
2.sessionstorage只对当前会话有用,若退出程序,缓存将清除

发布了17 篇原创文章 · 获赞 1 · 访问量 2741

猜你喜欢

转载自blog.csdn.net/qq_42014265/article/details/94625448
今日推荐