04 2023 档案

摘要:前言:有个需求,页面显示类似淘宝首页那样左右上下错位展示效果,还有点时间,所以试验记录下效果。 ##1、分左右栏布局 <html> <style> .list_left, .list_right { width: 50%; float: left; } .list li { width: 45%; 阅读全文
posted @ 2023-04-11 15:36 阳光下的向日葵 阅读(89) 评论(0) 推荐(0) 编辑
摘要:1、document.body.contentEditable 操作方法: 打开控制台,输入document.body.contentEditable=true,然后敲回车,网页可以像word一样编辑,很方便对于页面的布局抗压能力做测试。 2、相当于cmd的powerShell命令框 快捷键:win 阅读全文
posted @ 2023-04-03 17:20 阳光下的向日葵 阅读(19) 评论(0) 推荐(1) 编辑
摘要:1、展示异常或者滑动有问题,有可能是因为swiper未正常渲染。 解决:定义swiper延迟500ms 2、出现白屏 解决:swiper内如果是img时,需设置具体的height数值。 3、在把swiper挂载到页面标签时,若此标签或其父标签为display:none,过后标签显示时也无法正常显示轮 阅读全文
posted @ 2023-04-03 17:18 阳光下的向日葵 阅读(562) 评论(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 阳光下的向日葵 阅读(57) 评论(0) 推荐(0) 编辑
摘要:前言:某些情况下,在展示列表数据时,为了实现性能优化及用户更好的体验,可以先展示十几条数据,然后边滑动边加载更多,可以减少服务器压力及页面渲染时间。 var pageNum =1;//页数 var domHeight=$(".listBox").height()*4; var dom = docum 阅读全文
posted @ 2023-04-03 16:01 阳光下的向日葵 阅读(108) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示