- 博客(32)
- 收藏
- 关注
RSS订阅原创 uniapp上拉加载下一个分类和下拉加载上一个分类
摘要：该代码实现了一个具有下拉刷新和触底检测功能的滚动视图组件。主要特性包括：1) 通过refresher相关属性实现下拉刷新动画；2) 使用IntersectionObserver API监听底部元素，判断是否滚动到底部；3) 在底部区域实现上拉操作检测（当上拉距离10-100px时触发）；4) 包含返回顶部按钮功能。组件采用Vue单文件结构，包含模板、脚本和样式部分，通过touch事件和交叉观察器实现交互检测，适用于需要分页加载和刷新功能的移动端列表场景。
2025-06-03 11:30:48
127
原创 小程序的几种跳转，wx.navigateTo，wx.redirectTo，wx.reLaunch，wx.switchTab，wx.navigateBack
在小程序开发中，页面跳转是常见的功能需求，微信提供了多种API来实现不同的跳转效果。wx.navigateTo用于保留当前页面并跳转到新页面，适合页面不多的小程序，以便快速返回。当页面较多时，为避免内存占用，推荐使用wx.redirectTo，它会关闭当前页面再跳转，但返回时需重新加载页面。wx.reLaunch则关闭所有页面后跳转，适合需要清理页面栈的场景。对于跳转到tabbar页面，wx.switchTab是首选，它会关闭所有非tabbar页面。wx.navigateBack用于返回上一页面或多级页面，
2025-05-15 15:01:56
339
原创 注意constant()放在前面，css属性——env()和constant()设置安全区域
为了确保代码在不同浏览器中的兼容性，constant 和 env 的顺序应调整为先写 constant 再写 env。旧版本浏览器识别 constant，而现代浏览器使用 env。后声明的属性会覆盖前者，因此正确的写法是：padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);。这样可以确保代码在旧版和现代浏览器中都能正确生效。
2025-05-14 11:04:37
174
原创 前端设计图
index.html 作为主入口，不直接写入所有界面的 HTML 代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，而不是跳转链接。3、高保真 UI 设计：作为 UI 设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的 UI 元素，使其具有良好的视觉体验。5、每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。
2025-03-05 17:37:32
172
原创 cursor uniapp rule
你具有出色的审美，是appleinc.工作20年的设计师，具有出色的设计审美，会为用户做出符合苹果审美的视觉设计。-如果您尝试使用uni-app组件，请在相应的文档中搜索组件名称以确保其支持。-如果你认为可能没有正确的答案，你就说出来。-首先一步一步地思考，描述你的计划，在伪代码中构建什么，要非常详细地写出来。-始终编写正确、最新、无bug、功能齐全、工作安全、性能和高效的代码。你仔细地提供准确、事实、深思熟虑的答案，是推理的天才。您是Vue2， uni-app方面的专家。-完全实现所有请求的功能。
2025-02-27 10:28:27
849
原创 vue :style和:class
不过，当有多个条件 class 时这样写有些繁琐。所以在数组语法中也可以使用对象语法。同样的，对象语法常常结合返回对象的计算属性使用。
2023-12-27 10:31:16
550
原创 css position：sticky
在 viewport 视口滚动到元素 top 距离小于 10px 之前，元素为相对定位。之后，元素将固定在与顶部距离 10px 的位置，直到 viewport 视口回滚到阈值以下。在向下滚动时，粘性定位盒子会先固定在屏幕顶部，直到所有 粘性定位盒子 的项均完成滚动后，才被 下面的盒子替代。元素在跨越特定阈值前为相对定位，之后为固定定位。相对定位和固定定位的混合。粘性定位可以被认为是。
2023-11-01 09:45:30
180
原创 github ssh: connect to host github.com port 22: Connection refused
原因分析：应该是 ssh 指纹验证过期了。
2023-10-26 15:37:04
458
原创 flex：1， flex：0 ，flex：n
定义在分配多余空间之前，项目占据的主轴空间（main size），浏览器根据此属性计算主轴是否有多余空间。空间不足时缩小的比例是 flex-shrink 为 1 的 n 倍。， 等分剩余空间（自动放大占位）， 占据的空间（放大的比例）是。，即使存在剩余空间，也不会放大。，如果空间不足，该项目将缩小。空间不足时，该项目不会缩小。定义项目的的放大比例。
2023-01-18 11:37:35
473
原创 display，visibility，opacity 重排和重绘
display 重排重绘，，visibility 会重绘，，单独用opacity 会重排重绘，，opacity+单开图层 会重绘
2022-06-02 12:23:24
329
原创 GitHub Copilot 键盘快捷键
接受内联代码建议 Tab 关闭内联代码建议 Esc 显示下一个建议 Alt + ] 显示上一个建议 Alt + [ 触发建议 Alt + \ 在右侧窗口中显示十个建议 Ctrl + Enter
2022-05-02 23:38:38
4228
原创 CDN (内容分发网络)
CDN的作用：可以让最近的服务器给你想要的东西（缓存的网页）CDN在网络中的实现：1.当你给一个域名开通CDN，要先给域名的DNS解析设置的后台添加一条CDN专用的解析记录。2.这条解析记录会让域名被解析之后，指向一个CDN网络专用的处理DNS请求的服务器。3.CDN网络专用DNS服务器，解析之后返回给浏览器，让浏览器去访问负载均衡系统服务器——（负载均衡系统服务器会根据你浏览器的网络地址会在CDN网络中找一台在备种条件下都......
2022-04-29 22:33:14
1434
原创 JS选取DOM元素的方法，js5种不同的选择器
<div class='classBox'>aaa<div><div id='idBox'>bbb<div><div name='nameBox'>bbb<div>1.document.querySelector("选择的元素") （最常用的） document.querySelectorAll("所有选择的元素") （返回伪数组）选择的元素可以是1.类（'.box'）...
2022-03-28 16:56:09
763
原创 判断数据类型，instanceof和typeof区别
1. typeof （判断基本数据类型） typeof操作符返回一个字符串，表示未经计算的操作数的类型。 底层的检测机制是 二进制 二进制开头数字 类型 000 对象 1 整数 010 浮点数 100 字符串 110 布尔 000000…. null -2^30 undefined … console.log(typeof (1));//'number' ......
2022-03-12 13:50:42
210
原创 javascript判断对象是否为空,和JS转换布尔值规则
错误示范const emptyObj={}if(emptyObj){ console.log('对象不为空')}else{ console.log('对象为空')}输出 对象不为空正确示范const emptyObj={}if(JSON.stringify(emptyObj)=='{}'){ console.log('对象为空')}else{ console.log('对象不为空')}输出 对象为空JS布尔值(B...
2022-02-14 16:24:45
1470
原创 vue 事件绑定函数加括号和不加括号的区别
自定义事件加不加括号的区别不加括号:<div> <button @click="test">测试</button></div>test(id){ console.log(id);}加括号:<div> <button @click="test()">测试</button></div>test(id){ console.log(id);}添加括号传值
2021-12-15 13:10:15
3236
2
原创 屏幕大小改变,刷新页面
1.window.onresize = function () {}; 调整窗口大小加载事件,当触发时就调用的处理函数2.document.documentElement.clientWidth; 获取html页面宽度3.window.location.reload() 刷新页面...
2021-12-07 11:00:19
1501
原创 js对象的浅拷贝与深拷贝
1、浅拷贝默认是浅拷贝，只是将地址进行了复制(修改obj1,obj2也会改变)，示例如下：//浅拷贝var obj1={name:"Tom"};var obj2=obj1;obj2.name="Tom";console.log(obj1.name); //Tomconsole.log(obj2.name); //Tom2、深拷贝深拷贝就是对目标的完全拷贝，不像浅拷贝那样只是复制了一层引用，就连值也都复制了。 ...
2021-11-24 16:57:28
1140
原创 Vue项目中在使用组件库时,使用scoped无法对组件库的类名生效
问题是： 在组件中style添加scoped之后，使用vue的组件库,对应的类名,是不起作用的，样式无法设置到指定的标签上解决办法：使用深度作用选择器/deep/扩展scoped的目的是为了解决组件样式私有化的问题加入scoped的样式在浏览器渲染的时候会添加一个唯一的标识 ...
2021-11-18 14:23:31
541
原创 卸载一些难卸载的东西步骤
1.找到对应软件进程的端口号打开任务管理器，找到你要关闭的任务，右键-->详细信息找到对应的端口号（pid）2.关闭进程一般打开cmd输入taskkill /pid 端口号 -f 强制杀死，如果杀不死，你就以管理员的身份打开cmd然后再杀死3.卸载找到对应的路径卸载就ok了，或者使用Evering，这些工具就是帮助你快速的找到你路径对应的位置，找到之后删除就ok了...
2021-11-16 14:29:38
650
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人