摘要： 在使用锚点跳转时，以下情况可能导致页面跳转位置出现误差： 固定定位元素（Fixed Position Elements）： 当页面有固定定位的导航栏或其他固定元素时，跳转到锚点时，这些固定元素可能会遮挡锚点目标，导致用户看不到预期内容。 动态内容加载（Dynamic Content Loading） 阅读全文

摘要： 工作中经常遇到按照指定格式的时间进行展示。可参考以下脚本逻辑满足需求 Date.prototype.PtTimeByFormat = function (fmt){ var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 阅读全文

摘要： 工作中经常会遇到监听数组发生变化时执行相应的回调触发逻辑，客户应用场景中需要实现对象变量的动态监听，当变量发生变化时触发回调函数，实现事件发送等应用场景。 通常由以下两种方式实现需求 一.通过改变对象原型prototype方法实现回调监听 //创建一个数组原型对象 var arrayProtoTyp 阅读全文

摘要： chrome 手机端网页如何调试 在Chrome手机端，你可以使用Chrome开发者工具来调试网页。下面是一些步骤： 1. 首先，确保你的手机已经开启开发者模式。打开USB调试功能或可以通过USB连接或无线连接。 2. 在电脑上打开Chrome浏览器，并输入地址 "chrome://inspect" 阅读全文

摘要： 工作中很多手机上的问题因为环境差异导致无法在pc设备上完整的模拟真实物理手机，因此需要方法能抓取到手机设备上所有数据包发送详情。发现了这个好用的数据包抓取工具Burp Suite。一.配置流程：1.在Burp Suite官网下载通用ca(我安装的chrome),导入到软件中https://ports 阅读全文

摘要： 通常在页面中嵌套iframe的情况下还需要进行消息传递的通信需求。一般分为两种情况： 1.iframe里的链接与父页面链接是非跨域 这种情况处理比较简单，直接在父级页面下就可以写脚本控制iframe里的元素，同时对iframe里的元素进行操作，例如绑定事件，当事件触发时发送消息给父级页面。 具体实践 阅读全文

摘要： 工作中埋码需求，当某些动态插入的元素出现时触发埋码事件，因此需要对插入元素的父节点进行监听，子节点发生变化时触发相应埋码逻辑。 方法一 监听页面结构及子元素变化： (function () { //事件触发时执行埋码内容 function do_track() { if ($("#LXB_CONTA 阅读全文

摘要： 工作中遇到了需要动态切换slide下拉框展示与隐藏，同时需要切换元素上附加的样式，以下脚本为实现此功能的实践。 //元素点击时切换隐藏与展示逻辑 var slidsDownShow = document.querySelectorAll('div.deliveryArea__link > span' 阅读全文

摘要： 浏览网页设置资源加载控制csp 阅读全文