前端日常工作中遇到的问题及解决方案

  • ios系统浏览器禁止弹性滚动
  • 移动端触摸滑动总是不顺畅
  • 多行溢出显示三个点不显示的问题
  • Chrome浏览器不能安装插件
  • Chrome Canary 浏览器解决开发阶段跨域问题

ios系统浏览器禁止弹性滚动

1.给最外层的盒子上加上 touch-action:none;样式
2.第一种方式不行的话可以给body加个 height:100%;

document.body.addEventListener('touchmove', function (e) {e.preventDefault() // 阻止默认的处理方式(阻止下拉滑动的效果)}, {passive: false}) // passive 参数不能省略,用来兼容ios和android

移动端触摸滑动总是不顺畅

只需要给需要滑动的盒子加上 -webkit-overflow-scrolling: touch; 样式即可

多行溢出显示三个点不显示的问题

经过查阅各种资料博客,才查到在使用webpack对项目进行打包的时候webpack是不是不能编译这个属性 -webkit-box-orient: vertical; 如果发现在打包编译之后,在开发者工具中没有看到这个属性,可以用下面这个方案解决。

解决方案:

需要加上下面这段,虽然是注释,但是在webpack打包时起作用了。

/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */

参考文档

Chrome浏览器不能安装插件

解决方案:右击浏览器快捷方式选择属性,在目标栏最后复制下面代码 注意开头要有一个空格, 如果填写之后还是不能解决的话可以多试几次,有时候不一定会立马生效。

–args --disable-web-security --enable-easy-off-store-extension-install

Chrome Canary 浏览器解决开发阶段跨域问题

解决方案:下载好该浏览器之后,右击浏览器快捷方式选择属性,在目标栏最后复制下面代码 注意开头要有一个空格。

–args --disable-web-security --user-data-dir

前端日常工作中遇到的问题及解决方案相关推荐

  1. c++读取utf8文件_经常在日常工作中处理统一码文件(or其他编码)?这篇必读

    全文共2717字,预计学习时长5分钟 对于那些经常在日常工作中处理统一码文件(也适用于其他编码)的人来说,这篇文章是必读的.对于自然语言处理的从业者,处理统一码文件是一场噩梦,尤其是使用Windows ...

  2. 日常工作中,软件测试人员如何避免“背锅”

    作为一名软件测试工程师,日常工作中最常打交道的肯定就是开发和产品经理.有沟通就会问题,有问题难免会有争执.那么你肯定听过这些话: "这么弱智的bug你都测不出来吗?" " ...

  3. 业务团队如何在日常工作中做稳定性?涵盖事前、事中、事后的方方面面

    你好呀,我是Bella酱- "又不是不能用,能用就行.""又不是不能跑,能跑就行.程序和人有一个能跑就行." 相信很多同学都听过这2句话.乍听没毛病.编程3部曲 ...

  4. 大华视频服务器系统日志怎么看,日常工作中查看工控机Windows日志的方法

    原标题:日常工作中查看工控机Windows日志的方法 工控机Windows日志位于工控机管理的事件查看器中,主要是用于存储来自应用程序以及整个系统的文件.一般可以分为应用程序日志.安全日志.系统日志这 ...

  5. 办公室计算机知识论文,办公室日常工作中办公自动化的运用-计算机应用技术论文-计算机论文.docx...

    办公室日常工作中办公自动化的运用-计算机应用技术论文-计算机论文 --文章均为WORD文档,下载后可直接编辑使用亦可打印-- 摘 要: 办公室管理是企业发展的重要组成部分, 传统办公室管理需使用大量的 ...

  6. RIP 此篇用来记录日常工作中使用到的正则表达式

    在工作中偶尔会使用到正则表达式,  每次用到之后都是上网找,  太浪费时间了, 所以此贴专门用于收录日常工作中使用到的正则表达式 ( 不要问我为什么不自己学学正则表达式,   因为: lan ) 用心 ...

  7. 日常工作中的几个excel小技巧

    大家好!我是xyz,又和大家见面了!今天分享几个日常工作中经常使用的小技巧,希望对大家能有所帮助. Ctrl+\的用法 对两列或是多列数据进行核对,方法有很多,今天介绍的是一组快捷键,只需要1秒钟就搞 ...

  8. 如何在日常工作中提升技术能力

    如何在日常工作中提升技术能力 相信我们很多工程师在工作中做的最多的就是CRUD的任务,可能很多同学觉得这些工作不会有成长的机会或无法提升,其实这些大部分都是眼高手低的心里,CRUD也可以学到更多.做到 ...

  9. 日常工作中如何自我提升?

    阅读本文耗时5分钟左右 不知道大家有没有遇到 虽然做了很多事情,但遇到类似的问题还是没有解决思路.同类型的问题还是很迷茫.接下来给大家3秒钟思考一下原因 ? 我相信大家已经有了答案.比如工作很忙没有时 ...

  10. 日常工作中常用的几个git指令

    前言 最近,我的主管让我就git 使用做个组内分享,分享一下我在日常工作中是如何使用git的.现在我整理成文章,分享出来,希望对你有所帮助. 基础概念 git有三个分区,分别是: 工作区(Workin ...

最新文章

  1. vue案例 - vue-awesome-swiper实现h5滑动翻页效果
  2. 【听课笔记】2009 Google OpenSocial-CSDN开放平台交流会笔记
  3. 三个数从小到大排序—南阳acm
  4. TCP 和 UDP,哪个更胜一筹
  5. (转)SQL Server:在 SQL Server 2005 中配置数据库邮件,发送邮件
  6. ubuntu 12.04 php升级,Ubuntu下如何升级到PHP7.4的方法步骤
  7. 拓端tecdat|R语言数据的收益率和可能的波动性交易
  8. SnowNLP——SnowNLP是什么及SnowNLP的使用示例
  9. 吃透String的intern方法
  10. MT6589下载工具,MT6589刷机工具
  11. 曲线拟合的数值方法——《数值计算方法》
  12. C++ 缺省参数 详解
  13. 3d 打印模型下载网站
  14. 平板win10 android哪个耗电,Win10充分利用设置提升平板/笔记本电池续航方法
  15. 普中科技手把手教你学ESP32--基于MicroPython-01
  16. 【涨姿势】你没用过的BadgeDrawable
  17. 鼠标滚轮事件mousewheel和DOMMouseScroll
  18. 关于开展第六批山东省首版次高端软件申报工作的通知
  19. 神经网络模型不收敛原因、解决办法
  20. 视听音效极佳的游戏电竞耳机推荐——HyperX Cloud Revolver S

热门文章

  1. php中将图片裁剪为圆形
  2. nios2 c语言编程方法nios2系列教程,nios2 c语言编程方法
  3. 邮箱客户端Foxmail如何配置邮箱服务器?
  4. Java 随笔 IO
  5. 【毕业设计源码】基于JAVA的微信小程序直播在线教育平台
  6. 编码器解码器网络:神经翻译模型详解
  7. tk芯片智能机刷机方法_MTK芯片手机刷机详细步骤及注意事项
  8. python返回索引值_python取索引值
  9. R语言金融波动率建模|基于SGED分布的变参数ARIMA+EARCH动态预测模型的研究
  10. 使用聚合数据接口发送短信