前端
关注
分享
扫一扫
文章平均质量分 64
JavaScript,js,ajax
weixin_ab
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
页面生命周期的几个方法，及其执行顺序
小程序页面生命周期方法包括onLoad（初始化数据）、onShow（页面显示）、onReady（渲染完成）、onHide（页面隐藏）、onUnload（页面卸载）和onPullDownRefresh（下拉刷新）。首次进入页面时执行顺序为onLoad→onShow→onReady；页面跳转时触发onHide或onUnload；TabBar页面切换仅触发onShow。合理使用这些方法可优化数据请求、DOM操作和资源管理，提升页面性能与用户体验。原创 2025-06-27 17:30:12 · 712 阅读 · 0 评论 -
入选《移动开发领域内容榜》第 22 名
入选《移动开发领域内容榜》第 22 名原创 2025-06-22 16:48:47 · 112 阅读 · 0 评论 -
实战记录：minapp框架下跨机型接口调用顺序引发的兼容性问题
摘要： 在minapp框架开发中，跨机型接口调用顺序差异导致兼容性问题，表现为鸿蒙/iOS机型因登录接口滞后而数据异常。经分析发现，客户端onLoad()过早调用标签接口导致认证失效。修复方案最终将标签逻辑下沉至登录接口内，统一处理认证与业务逻辑，规避了客户端时序问题，提升多平台兼容性。经验表明，跨平台开发需优先在全局生命周期完成认证，核心逻辑向服务端收敛，并加强真机全流程测试。（149字）原创 2025-06-22 16:41:24 · 245 阅读 · 0 评论 -
小程序右上角○关闭事件
摘要： 小程序用户关闭行为追踪面临技术难题：如何区分页面跳转与真实关闭（触发onHide()）。初始方案均告失败：小程序无原生标记区分、日志分析无差异、源码复杂难突破。最终通过用户行为分析找到突破口——利用服务端动态生成唯一标签，结合操作连贯性判断真实离开。实现时需考虑标签关联性、时间阈值及性能优化（如秒级轮询、海量数据存储），平衡准确性与系统负载。该方案为精准用户行为分析提供了创新解决思路，后续将持续优化。（149字）原创 2025-06-21 11:55:22 · 494 阅读 · 0 评论 -
Uniapp 中根据不同离开页面方式处理 `onHide` 的方法
Uniapp中区分页面离开方式的方法总结 在Uniapp开发中，可以通过多种方法识别不同页面离开方式（路由跳转、返回操作、Tab切换等），并针对不同场景进行相应处理。常用方法包括： 通过路由参数标记跳转方式 使用全局状态管理记录操作类型 监听物理返回键和导航栏事件 在App.vue中全局监听路由变化 不同离开方式对应不同的处理场景：普通跳转需保存临时数据，返回操作需确认提交，Tab切换需暂停实时更新等。开发者可根据具体需求选择合适的实现方案。原创 2025-06-18 16:36:21 · 848 阅读 · 0 评论 -
Uniapp 中 onShow 与 onLoad 的执行时机解析
Vue.js与Uniapp的生命周期钩子有所不同：标准Vue没有onShow和onLoad，而Uniapp为小程序环境扩展了这些钩子。在Uniapp中，首次加载页面时执行顺序为onLoad → onShow → onReady；返回页面时只触发onShow。onLoad用于一次性数据初始化，onShow适合每次显示时刷新数据。开发者应合理利用这两个钩子，在onLoad中执行初始化操作，在onShow中处理数据更新，并注意性能优化。可通过日志验证执行顺序，首次进入触发onLoad和onShow，返回时仅触发o原创 2025-06-18 16:29:21 · 982 阅读 · 0 评论 -
常用Ul框架
常用UI框架原创 2025-06-12 15:46:38 · 101 阅读 · 0 评论 -
小程序【页面离开、页面卸载】对比区分
微信小程序中「页面离开」与「页面卸载」是两个关键生命周期阶段。页面离开（onHide）发生在跳转其他页面或小程序进入后台时，页面仍保留在内存中；页面卸载（onUnload）发生在返回上一页或小程序关闭时，页面会被彻底销毁。开发者需合理利用这两个阶段：在onHide暂停非必要任务，在onUnload清理资源避免内存泄漏。本文通过场景对比、流程分析和开发建议，帮助开发者准确区分两者的使用场景和执行逻辑。原创 2025-06-12 08:53:35 · 1367 阅读 · 0 评论 -
jsp页面forEach打印序号
jsp页面forEach打印序号<c:forEach items="${list }" var="c" varStatus="s" > <tr> <td>${s.index+1 }</td> <tr> </c:forEach>原创 2019-05-11 17:01:57 · 448 阅读 · 0 评论 -
根据String类型日期算年龄
根据String类型日期算年龄思路:String日期转换成Date类型判断月,日; 如果大于 当前月 并且 大于 当前日,则年减年减1 ;否者 年减年建议:3. 设计表结构时,不建议直接用int类型的年龄,改为日期,varchar和date均可,若无特殊要求,最好是varchar4. 根据需求,前端先判断,输入日期是否满足要求,5. 展示时,数据在后台获取时可直接将日期转为年...原创 2019-04-03 14:18:42 · 1687 阅读 · 2 评论 -
单选框,多选框回显
思路:从数据库获取数据,通过model传参在传到前端,注意:同一个字段,单选框或多选框name最好相同代码:4. 从数据库获取数据,通过model传参 @RequestMapping("addUser.do") public String addUser(Model model){ List<Sex> sexlist = us.selSex(); model....原创 2019-04-02 15:47:06 · 1153 阅读 · 0 评论 -
JavaScript同时监听多个按键
JavaScript同时监听多个按键根据不同需求,查找不同的code值代码如下:原创 2019-04-01 14:43:00 · 3063 阅读 · 0 评论 -
jsp页面复选框之JavaScript
jsp页面多选框之JavaScript全选,全不选,反选,以及复选框同步<body> <input type="checkbox" name="checkAll"> <input type="checkbox" name="checkOne" value="${g.gid }"> <input type="button" value="全选" "...原创 2019-03-27 14:13:23 · 672 阅读 · 1 评论 -
JavaScript设置与获取标签属性
JavaScript获取标签属性先介绍两个常用方法:attr() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值，则返回第一个匹配元素的值。当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对...原创 2019-03-30 08:30:13 · 1484 阅读 · 0 评论 -
jsp页面正则判断输入框类型
jsp页面正则判断输入框类型我仅以以整形为例,因为不同的需求,改变的只是正则表达式,就是JavaScript中标记的类容,具体如下:输入框:JavaScript:弹出的是Boolean类型,true,false这是一个常用的正则表示法,根据具体情况进行选择...原创 2019-03-26 14:39:30 · 721 阅读 · 0 评论