- 博客(44)
- 收藏
- 关注
RSS订阅原创 前端关于position: sticky
粘性定位（）需要父容器是可滚动的（如或设置了overflow的容器），且父容器不能有。sort-box在sort-box的样式中添加以下 CSS 属性：top: 0;/* 距离顶部 0px 时触发粘性 *//* 确保悬浮时覆盖下方内容 *//* 背景色避免透明 */
2025-06-06 15:18:29
264
原创 bug：undefined is not iterable (cannot read property Symbol(Symbol.iterator))
有点意思。
2025-06-04 14:23:45
495
原创 前端关于设计稿与设备单位之间的关系
设备像素比（Device Pixel Ratio，简称 DPR）与像素（px）之间的关系是前端开发中理解屏幕显示和实现精确布局的重要概念。
2025-06-04 13:12:36
916
原创 viewDesign里的table内嵌套select动态添加表格行绑定内容丢失
viewDesign里的table内嵌套select，表格的行数是手动点击按钮添加的，添加第一行选择select的内容能正常展示，添加第二行第一行的select的内容消失。
2025-05-08 15:12:27
257
原创 uni.downloadFile方法下载视频返回的res.tempFilePath在模拟器能正确解析成视频格式，在真机就不行。
将下载的临时路径改为永久文件路径。
2025-05-06 17:14:53
252
原创 elementui里的el-tabs的内置样式修改失效？
自定义的样式的随机属性和内置样式的随机属性不一样，因为在scope里生成的随机属性都是唯一的，一开始以为是这个影响的，但是经过测试发现是权重不够。
2025-04-29 16:45:38
731
原创 -webkit-line-clamp 的渲染机制
这是一段需要截断的长文本，演示第四行溢出问题，如果没有正确设置max-height，浏览器可能无法正确计算截断位置。/* 1.5em × 3 = 精确限制3行 *//* 缺少 max-height 或 line-height 不匹配 *//* 单行高度 */溢出问题，如果没有正确设置max-height，溢出问题，如果没有正确设置max-height，），浏览器可能无法正确计算截断位置，导致。这是一段需要截断的长文本，演示第四行。这是一段需要截断的长文本，演示第四行。浏览器在计算多行截断时，需要明确。
2025-04-29 11:53:19
654
原创 前端设置三行文本省略号，失效为什么？
这里是需要截断的长文本，超过三行时会显示省略号...（测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字）-- 关键：min-width: 0 修复截断 -->/* 行高（确保 3 行 = 1.5 × 3 = 4.5em） *//* 最大高度 = 行高 × 行数（可选） *//* 超出部分显示省略号 */-webkit-line-clamp: 3;/* 限制为 3 行 *//* 隐藏溢出内容 */-webkit-box-orient: vertical;/* 垂直排列 */
2025-04-29 11:35:54
970
原创 数组居然用key进行储存数据而不是索引？
原代码能工作：因为JS数组本质是对象，可以用字符串键但不推荐：这种写法容易造成误解，维护性差最佳实践：明确使用普通对象{}来存储键值对设计模式：这是典型的发布-订阅模式简单实现。
2025-04-28 15:20:50
601
原创 Object.assign 浅拷贝
console.log("Websocket 连接失败回调方法");如果你的回调需要使用当前对象的上下文，箭头函数是合适的。如果源对象中的方法引用了外部变量，这些引用会被共享。对于复杂对象（如包含嵌套对象），只有第一层会被复制。方法作为函数对象会被复制引用（浅拷贝）复制的是函数引用，不是函数定义本身。会按照从右到左的顺序合并属性。如果使用普通函数，需要注意。同名属性会被后面的对象覆盖。箭头函数会保留定义时的。
2025-04-28 15:14:19
313
原创 JavaScript 中的类(Class)语法
javascript复制下载// 构造函数// 方法greet() {// 使用类// 输出: Hello, my name is Alice and I'm 30 years old.
2025-04-28 14:42:17
816
原创 view Design 密码输入框细节坑人
就是一个弹框，里面有密码框，回显的时候不需要回显密码，所有将value = '',赋值！结果你猜怎么着？密码框再次输入内容，它反正就是反复提示密码未输入，真实见了鬼了！
2025-04-23 17:55:51
124
原创 vue2中自定义组件双向绑定的方式
<input-- 使用 checked 而非 value -->-- 触发 change 事件 -->/>model: {prop: 'checked', // 指定 prop 名event: 'change' // 指定事件名},props: ['checked'] // 必须声明对应的 prop
2025-04-19 10:23:26
384
原创 vscode如何使用Copilot
在弹出的登录窗口中，输入你的 GitHub 用户名和密码，然后点击 “Sign in” 按钮。如果登录成功，你将会收到一条成功登录的提示信息。），在弹出的命令面板中输入 “GitHub: Sign in” 并选择该命令。点击使用github账号登录无反应？4.登录完成后的图标状态。
2025-02-28 11:32:35
907
原创 vue2在pc端的scss中的背景图设置后报错
background: url('~@/assets/401_images/noPermission_bg.png') no-repeat center;
2025-02-21 14:34:24
196
原创 微信小程序scroll-view横向布局子元素的宽度设置不生效
如果设置了display:flex，子元素设置宽度值无效，宽度值都是随着内容多少而改变。
2025-01-17 13:43:39
226
原创 uniapp scroll-view横向滚动无效，scroll-view子元素flex布局不生效
4.子元素必须设置display: inline-block;3.父元素必须设置white-space: nowrap;1.父元素 设置:enable-flex="true"2.父元素必须设置宽度。
2025-01-10 10:10:05
758
1
原创 开发工具的隐藏提示
当我们在控制台选中box1时，如果没有看到明显的padding和margin提示，但是又有明显的间隙，这时候就说明这边距不是由margin和padding所控制的；而有可能是父盒子的某种布局方式所产生的，比如flex布局，然后又设置子元素贴边再平分剩余空间，就会达到这种效果；
2024-12-27 10:01:20
140
原创 微信小程序如何阻止滚动穿透事件
底层是页面，页面上层是一个透明蒙版，我们想要的效果是：在蒙版上滚动时无效的，但实际是滚动蒙版的时候、页面也在跟着滚动。
2024-11-07 09:27:31
755
原创 前端传参方式
Params参数：Params参数是通过URL路径的一部分传递的数据。例如，对于URL http://example.com/users/123 ，其中的 123 就是一个Params参数，用于标识用户ID为123的用户。总结起来，Body参数用于传递请求主体中的数据，Query参数用于传递URL查询字符串中的数据，而Params参数用于传递URL路径中的数据。url: ‘/web/v4/guildTask/autoAssign/’ + data.autoAssignId, // url传参。
2024-10-30 17:46:44
585
原创 文字如何与图片居中对齐？
有个时候我们直接让图片和文字flex垂直居中对齐，没有效果，这是因为图片大小与文字大小的不同所导致的；我们还是需要将图片的垂直对齐方式设置为居中对齐。
2024-10-30 15:54:40
305
原创 node : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正 确，然后再试一次 的解决方案
变量名 NODE_HOME，变量值就是你存放node.exe的整个文件夹（不能理解的话请参考第一步里面的图和第五步里面的图），然后点确定就行了。Windows系统安装好了node环境，cmd中输入node -v 命令也能出现node的版本。但是在IDEA的Terminal中输入，node相关命令。6.之后重新打开Terimal，输入node命令验证就可以了。首先先确认自己的node已经安装了，整个路径不要有中文或空格。设置国内源，否则下载国外的比较慢。打开环境变量，点击新建。右键计算机，点开属性。
2023-03-20 11:31:16
919
原创 vue 文件里面的.native有波浪线报警问题
如果你同时安装了Vetur插件和ESlint插件，建议禁用Vetur插件后重试一下，听说Vetur插件和ESlint插件同时开启，ESlint插件不会生效哦
2022-07-14 11:36:40
315
原创 webpack-dev-server 自动打开浏览器失败原因及解决方法
项目场景：这里记录下我踩到的坑，package.json 配置–open仍不能自动打开浏览器问题描述 <w> [webpack-dev-server] Unable to open "http://localhost:8080/" page. If you are running in a headless environment, please do not use the"open" option or related flags like "--open", "--open-ta
2022-07-14 11:31:18
708
原创 vant组件样式通过类名修改无效问题
这里不说解决方案，记录下自己的粗心，如果你也跟我一样网上到处搜索类名修改vant组件无效的解决方案，大概率会搜到让你用deep穿透，去掉scope，导入css文件等方法。 在做这些之前，建议还是先去检查一下自己的less文件，你要修改的那个类是否放入正确的层级，层级不对加!important 都没用，如果真是这个原因，不要灰心，你只是用的比较少而已，才没有意识到这个问题，多用用就好了！...
2022-07-01 18:02:21
1491
原创 Error: connect ECONNREFUSED 127.0.0.1:3306 at TCPConnectWrap.afterConnect [as oncomplete] (node:
启动服务器失败，报错信息如下：Error: connect ECONNREFUSED 127.0.0.1:3306 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1157:16) --------------------解决方案：1.打开后台数据库命名文件夹 config 找到数据库命名项2.更改database项中命名.3.重启控制器,重新连接数据库,...
2022-06-06 21:56:30
12076
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人