04 2023 档案
摘要:前言:有个需求,页面显示类似淘宝首页那样左右上下错位展示效果,还有点时间,所以试验记录下效果。 ##1、分左右栏布局 <html> <style> .list_left, .list_right { width: 50%; float: left; } .list li { width: 45%;
阅读全文
摘要:1、document.body.contentEditable 操作方法: 打开控制台,输入document.body.contentEditable=true,然后敲回车,网页可以像word一样编辑,很方便对于页面的布局抗压能力做测试。 2、相当于cmd的powerShell命令框 快捷键:win
阅读全文
摘要:1、展示异常或者滑动有问题,有可能是因为swiper未正常渲染。 解决:定义swiper延迟500ms 2、出现白屏 解决:swiper内如果是img时,需设置具体的height数值。 3、在把swiper挂载到页面标签时,若此标签或其父标签为display:none,过后标签显示时也无法正常显示轮
阅读全文
摘要:1、从参数的开始到结束 (适用于参数中也带有=之类的特殊字符,从开始截取至末尾,得到完整的参数) var href=window.location.href; if(href.indexOf("id")!= -1){//链接存在id的情况下 var begin = href.indexOf("id=
阅读全文
摘要:前言:某些情况下,在展示列表数据时,为了实现性能优化及用户更好的体验,可以先展示十几条数据,然后边滑动边加载更多,可以减少服务器压力及页面渲染时间。 var pageNum =1;//页数 var domHeight=$(".listBox").height()*4; var dom = docum
阅读全文