2023年4月3日
不常用的操作知识点
摘要： 1、document.body.contentEditable 操作方法： 打开控制台，输入document.body.contentEditable=true,然后敲回车，网页可以像word一样编辑，很方便对于页面的布局抗压能力做测试。 2、相当于cmd的powerShell命令框 快捷键：win 阅读全文
posted @ 2023-04-03 17:20 阳光下的向日葵 阅读(48) 评论(0) 推荐(1)
swiper使用时出现的问题总结
摘要： 1、展示异常或者滑动有问题，有可能是因为swiper未正常渲染。 解决：定义swiper延迟500ms 2、出现白屏 解决：swiper内如果是img时，需设置具体的height数值。 3、在把swiper挂载到页面标签时，若此标签或其父标签为display:none，过后标签显示时也无法正常显示轮 阅读全文
posted @ 2023-04-03 17:18 阳光下的向日葵 阅读(615) 评论(0) 推荐(1)
链接参数的截取
摘要： 1、从参数的开始到结束 （适用于参数中也带有=之类的特殊字符，从开始截取至末尾，得到完整的参数） var href=window.location.href; if(href.indexOf("id")!= -1){//链接存在id的情况下 var begin = href.indexOf("id= 阅读全文
posted @ 2023-04-03 17:03 阳光下的向日葵 阅读(82) 评论(0) 推荐(0)
加载更多 - 监听div的滚动scroll
摘要： 前言：某些情况下，在展示列表数据时，为了实现性能优化及用户更好的体验，可以先展示十几条数据，然后边滑动边加载更多，可以减少服务器压力及页面渲染时间。 var pageNum =1;//页数 var domHeight=$(".listBox").height()*4; var dom = docum 阅读全文
posted @ 2023-04-03 16:01 阳光下的向日葵 阅读(122) 评论(0) 推荐(0)
2023年3月2日
js返回上一页面
摘要： 一、history.back() 和 history.go(-1) history.back() 和 history.go(-1) 都是返回之前页面，但是方法不同，所以是有区别的： history.back(-1) //直接返回当前页的上一页，数据全部消息，是个新页面 history.go(-1) 阅读全文
posted @ 2023-03-02 14:37 阳光下的向日葵 阅读(3617) 评论(0) 推荐(0)
2023年2月10日
js获取设备宽度
摘要： 常用的： <script language="javascript"> var h = ""; h += " 网页可见区域宽："+ document.body.clientWidth; h += " 网页可见区域高："+ document.body.clientHeight; h += " 网页可见 阅读全文
posted @ 2023-02-10 17:02 阳光下的向日葵 阅读(304) 评论(0) 推荐(0)
2023年2月9日
前端性能优化的七大手段
摘要： 前言 本文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并，有如下3个隐患 1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟 2、受丢包问题影响更严重 3、 阅读全文
posted @ 2023-02-09 10:54 阳光下的向日葵 阅读(431) 评论(0) 推荐(1)
2022年12月28日
解决video在ios中播放自动全屏问题
摘要： 前言：当video在ios上面点击播放会自动全屏播放，这个体验有点不好，因为上面有全屏播放提示，如果用户真的需要全屏可以自己点击全屏播放按钮，所以需要禁止video在ios系统自动全屏播放。 一、解决： ios中： 只需要在标签里面写上：webkit-playsinline='true' plays 阅读全文
posted @ 2022-12-28 17:07 阳光下的向日葵 阅读(5614) 评论(0) 推荐(1)
2022年12月14日
yarn : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。
摘要： 一、前言： 在 Windows 系统中使用 Windows PowerShell 执行 yarn 命令，报错为： 二、导致此错误的原因是： PowerShell 执行策略，默认设置为 Restricted不加载配置文件或运行脚本。需变更设置为RemoteSigned，（简言之：因为电脑系统阻止了这个 阅读全文
posted @ 2022-12-14 11:27 阳光下的向日葵 阅读(0) 评论(0) 推荐(0)
2022年11月23日
页面跳转再返回时原有页面数据的保存
摘要： 前言：在用户跳转下一个页面并返回的情况下，有些时候需要不掉接口进行数据渲染，或者需要保留某个参数，则需要在跳转页面前对所需要的数据进行保存。 对页面链接跳转后返回的内容进行保存，好用的有两种方法（个人觉得）。 一、保存在input框中 input 框里面的值在界面跳转时会保留下来（好像只限于type 阅读全文
posted @ 2022-11-23 17:10 阳光下的向日葵 阅读(2688) 评论(1) 推荐(1)