- 博客(18)
- 收藏
- 关注
RSS订阅原创 使用Node.js脚本为uglify-js项目添加时间戳避免浏览器缓存（附完整代码）
在接手一个使用uglify-js打包的老项目时，发现存在严重的浏览器缓存问题。由于HTML中引用的JS/CSS文件路径未发生改变，每次更新后用户都需要强制清空缓存才能看到最新效果。本文将分享一个通过自动添加时间戳参数解决该问题的Node.js脚本实现。通过这个自动化的解决方案，我们可以有效解决前端静态资源的缓存问题，提升开发和用户体验，强制浏览器重新请求最新资源。
2025-04-09 14:33:29
220
原创 前端跳转页面的几种方法以及区别
方法历史记录新标签页/窗口特点有否标准跳转，创建历史记录有否与href类似，创建历史记录无否跳转后不能返回到当前页面无否刷新当前页面有否改变哈希值，常用于单页应用的状态管理无有在新标签页/窗口打开页面有否的简写。
2025-02-14 14:17:46
848
原创 vue使用navigator.sendBeacon实现移动端记录页面浏览时长
使用navigator.sendBeacon实现移动端记录页面浏览时长
2024-01-11 18:05:06
887
1
原创 获取当前的时间戳以及指定日期的时间戳
实现也很简单，获取当前的时间戳以及指定日期的时间戳，如果当前时间戳大于指定时间戳，展示停售页面，否则正常展示。方法，它返回指定日期距离1970年1月1日午夜（UTC时间）的毫秒数。方法，它返回当前时间距离1970年1月1日午夜（UTC时间）的毫秒数。需要注意的是，JavaScript中的月份是从0开始计数的，所以8月对应的是数字7。接到一个需求，要求产品在指定日期后自动下架，正好之前没有记录过类似的博客。获取当前的时间戳可以使用JavaScript中的。要获取2023年8月1日的时间戳，可以使用。
2023-07-20 16:04:09
1689
原创 jquery捕获通过for循环生成的代码的点击事件
方法的第二个参数是字符串选择器，表示要绑定事件的元素，这里我们传入了我们生成代码的容器元素。，然后在选择器字符串后面再传入我们要绑定事件的元素的选择器字符串。这样就可以捕获通过 for 循环生成的代码的点击事件了。这里，我们为所有的按钮元素添加了共同的。
2023-06-21 14:46:32
455
原创 swiper组件与ios的物理返回冲突问题解决办法
组件的左右滑动也会触发左滑手势，从而导致冲突。为了解决这个问题，你可以在。事件的监听，然后在事件处理函数中禁止左滑手势的默认行为。组件左滑手势的默认行为，以避免与 iOS 的左滑物理返回冲突。在 iOS 上，左滑手势会触发浏览器的返回操作，而。通过上述代码，你可以禁止。
2023-06-19 12:05:40
841
原创 wx.updateAppMessageShareData转发图如果有指定本地路径图片用本地图片，没有本地路径用默认的链接图片
需要注意的是，如果要使用本地图片路径，需要保证图片在小程序的本地文件系统中存在，且路径格式正确。同时，使用本地图片可能会导致分享时的图片加载较慢，影响用户体验，建议使用链接图片路径。参数的值可以根据情况选择本地图片路径或链接图片路径。可以使用条件语句判断本地图片是否存在，如果存在则使用本地图片路径，否则使用链接图片路径。
2023-05-31 10:03:45
1255
1
原创 window.addEventListener在部分安卓手机不生效
事件的默认行为，导致无法正确触发滚动事件。可以尝试在事件处理函数中调用。可能会存在一些问题，主要是因为安卓手机浏览器的兼容性问题。安卓手机上的一些浏览器可能会阻止。，这个选项用来指定是否允许调用。方法传递了一个选项对象。在上面的代码中，我们给。
2023-05-26 17:51:18
2874
1
原创 实现当滚动到页面底部时，加载更多内容
需要注意的是，在实现加载更多内容的功能时，应该考虑到页面性能和用户体验。一般来说，我们应该使用异步加载的方式，避免页面卡顿和加载时间过长的问题。同时，应该给用户一些提示，让用户知道正在加载更多的内容，以提高用户体验。该函数会返回一个布尔值，表示当前页面是否滚动到了底部。具体做法是判断页面滚动的距离是否等于页面的总高度减去可视区域的高度。当页面滚动时，会触发该事件，我们可以在事件处理函数中判断是否滚动到了底部，如果是就加载更多内容。可以通过监听滚动事件来判断页面是否滚动到了底部，从而实现加载更多内容的功能。
2023-05-26 15:51:05
1047
2
原创 解决window.onscroll在部分安卓手机不生效
是监听滚动事件的一种方式，但是在某些安卓手机上可能会有不生效的情况。这是因为在某些安卓手机上，滚动事件并不是通过。这种方式可以兼容各种浏览器和设备，包括在某些安卓手机上无法通过。对象来触发的，而是通过其他对象触发的，因此。为了解决这个问题，我们可以使用。方法来监听滚动事件。在上面的代码中，我们使用。并不能监听到滚动事件。监听滚动事件的情况。
2023-05-26 10:46:03
1156
1
原创 实现水平居中，垂直居中，垂直水平居中，水平两端对齐和垂直两端对齐的几种方法
【代码】实现水平居中，垂直居中，垂直水平居中，水平两端对齐和垂直两端对齐的几种方法。
2023-05-24 09:42:27
995
1
原创 absolute导致高度塌陷
首先，通过querySelector方法获取到父元素和子元素的DOM节点，然后使用offsetHeight属性获取子元素的高度，将其赋值给父元素的高度。需要注意的是，使用相对定位和绝对定位时，子元素的定位是相对于最近的已定位祖先元素，如果没有已定位祖先元素，则相对于文档根元素。4.可以通过JS来获取子元素的高度，并将其赋值给父元素的高度，从而避免绝对定位元素导致的高度塌陷问题。属性会使元素脱离文档流，并不再占据原来的空间，从而导致父元素高度塌陷的问题。属性，可以让子元素相对于父元素的顶部对齐。
2023-05-23 19:15:00
2239
1
原创 JS实现吸顶效果
当需要吸顶时，将header的position设置为fixed，并设置top和z-index等样式；使用CSS的position: sticky属性，将需要吸顶的元素的position属性设置为sticky，并设置相应的top和z-index等样式，即可实现吸顶效果。需要注意的是，该属性的兼容性并不是很好，需要针对不同的浏览器进行兼容处理。监听页面滚动事件，当滚动到一定位置时，将需要吸顶的元素的定位改为fixed，并设置相应的样式，如top和z-index等。
2023-05-23 10:22:48
2194
2
原创 如何获取一个元素距离视口的高度
需要注意的是，如果元素距离视口的高度为负数，说明元素已经完全进入视口内部。此外，在实际使用中，可能需要对滚动事件进行节流或防抖处理，以避免频繁触发滚动事件导致性能问题。方法获取元素相对于视口的位置信息对象，其中包含了。最后，通过计算元素顶部相对于文档顶部的距离（方法获取需要获取高度的元素，并使用。属性获取当前页面滚动的距离，使用。），可以得到元素距离视口的高度（属性获取当前视口的高度。这段代码中，首先使用。
2023-05-23 08:44:00
1009
1
原创 js监听滚动事件
事件就会被触发，然后就可以在事件处理函数中编写相应的逻辑来实现需要的功能，比如实现吸顶效果、懒加载图片等等。来获取当前窗口的宽度和高度，以便在需要时进行响应式布局。来获取当前页面的滚动距离。在事件处理函数中，可以使用。监听滚动事件可以使用。
2023-05-22 20:51:45
7937
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人