小哈力----一个小前端工程师

以前端工作为生，看看电影、看看书，学经济、玩基金、学炒股，看历史、学地理。

原创使用flex布局写6种骰子

不使用position定位，完全靠flex进行分配位置。

2024-04-09 12:00:03 1368

原创 vue中style的scoped属性这样用，修改第三方组件iview 或 element 样式

vue中style的scoped属性这样用，修改第三方组件iview 或 element 样式文章目录vue中style的scoped属性这样用，修改第三方组件iview 或 element 样式概述需求问题描述解决办法添加样式前添加样式后在线demo完整代码（需安装了scss和iview组件）其他关于scoped的介绍概述项目中使用了scss预处理器（使用其他预处理的同理）和第三方ui组件iview进行表格美化。需求需要将数据表“净值估算”列负数标注为绿色，正数标注为红色，字体加粗；排

2021-07-08 20:48:33 3402 2

原创 element iview vue重置表单不起作用？ this.$refs.searchForm.resetFields()； this.$refs[form].resetFields()；

vue项目出现这种无法重置表单问题，按照下面的5步，挨个检查一遍，基本问题就解决了。如果还是解决不掉，欢迎留言。本方法同时适用于iview和element Ui

2020-05-12 18:10:25 11128 4

原创 The client-side rendered virtual DOM tree is not matching server-rendered content.

摘要：Vue报错提示客户端与服务端渲染的DOM不匹配，原因是p标签内直接使用动态属性{{title.en1}}和{{title.en2}}而没有包裹元素。解决方案是用span标签包裹动态内容，同时注意p标签内不能包含块级元素。修改后代码为{{title.en1}} {{title.en2}}&l

2026-01-23 20:00:00 41

原创程序员们都去下载阿里研发的ai编辑器Qoder

摘要：提供软件下载链接(https://qoder.com/referral?referral_code=kwaqj1Jy68A3zduBHjGHBS0BR5mIBTgb)，并附有相关产品界面截图。内容包含下载入口和视觉参考，方便用户获取和使用该软件。

2026-01-15 18:30:00 25

原创 SyntaxError: Expected ‘,‘ or ‘]‘ after array element in JSON at position 399 (line 1 column 400)

JSON语法错误：数组元素后多出逗号摘要：当JSON.parse()解析失败时，常见原因是JSON格式错误。示例中数组最后一个元素后多出逗号（如{"name":"haley"},]），导致解析失败。正确的JSON要求数组末尾不能有冗余逗号。这种错误通常出现在手动编辑JSON时，建议使用验证工具检查格式。

2026-01-15 12:15:00 15

原创 SyntaxError: Expected ‘,‘ or ‘}‘ after property value in JSON at position 134 (line 1 column 135)

JSON数据尾部多出逗号导致解析错误。示例中数组元素{"name":"haley"}后的逗号会使JSON.parse()报SyntaxError，提示在位置134处缺少属性分隔符。JSON规范要求最后一个元素后不能有逗号。修复方法是删除尾部逗号。

2026-01-14 19:15:00 18

原创站在 “观察人类行为模式与本质需求” 的角度，有一个既显而易见、又被绝大多数人长期忽略的核心认知

摘要：我们的自我认知本质上是外部信息的集合，而非固定不变的实体。我们常被过去的经历、他人评价和环境规训所束缚，误以为"我就是这样"，从而限制未来的可能性。例如，一次失败经历可能被强化为"我不擅长"，而社会期待可能被内化为"我应该"。这种固化认知导致自我设限，阻碍改变与成长。关键在于意识到：自我认知是可更新的信息库，而非不可改变的标签。过去的行为不等于本质，新的尝试能重塑自我。通过持续补充积极信息（如小成功、正向反馈），我们能打破"我不

2025-09-30 19:00:00 344

原创 uview的u-button使用customStyle报错问题及解决方案 The data property “customStyle“ is already declared as a prop.

uview的u-button使用customStyle报错问题及解决方案 The data property “customStyle“ is already declared as a prop.

2025-04-23 20:15:00 635

原创 uView的u-modal不显示问题

问题分析：在项目中，其他页面显示正常，在这个页面显示不正常。

2025-04-22 20:30:00 532 2

原创垂直布局3列，第一列满了再布局第2列，依次类推

垂直布局3列，第1列满了自动布局第2列，依次类推

2025-02-22 11:00:00 208

原创 grid布局模拟table

【代码】grid布局模拟table。

2025-02-21 12:45:00 212

原创 The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely c

一个大标签如p内，有一个图还有一个需要渲染的变量。

2025-02-20 12:30:00 213

原创 input输入框的placeholder颜色修改（Shadow DOM）

placeholder 颜色修改

2024-12-21 12:30:00 207

原创带渐变边框的图（uniapp版本+uview）

带渐变边框的图

2024-12-20 12:15:00 1018

原创 scss通过给父级添加控制器来改变子级样式

实际工作中，通用组件在不同背景色下需要不同的深色或者浅色。组件默认使用的是黑色，但是在深色背景下需要显示为白色，如果同时给左右两部分都加控制器有些冗余，最好是吧控制器加到父级来控制所有的子级。

2024-12-19 12:15:00 322

原创多个元素，先列后行排列

由于各个元素长短不一，如果使用flex或者grid布局，按照先行后列排列，就会出现下面这种空白（椭圆处）。

2024-10-16 18:30:00 945

原创 error:0308010C:digital envelope routines::unsupported(问题分析)

出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. …

2024-04-14 08:30:00 506 1

原创一些炫酷的按钮特效

一些炫酷的按钮

2024-04-13 08:30:00 1387

原创 arr.at is not a function报错的解决办法

终端内运行下面的代码，清理缓冲。

2024-04-13 08:30:00 2127 1

原创 grid 布局案例之grid-template-areas和grid-column的使用

分别使用grid-template-areas和grid-column两种方法进行同样效果布局。

2024-04-12 12:15:00 1245

原创在一个数组内查找符合某个条件的另一个数组里的元素（在数据字典里，找到符合某些value的label）

【代码】在一个数组内查找符合某个条件的另一个数组里的元素（在数据字典里，找到符合某些value的label）

2024-04-11 08:45:00 228

原创 nuxt.js获取页面宽度高度

【代码】nuxt.js获取页面宽度高度。

2024-04-10 08:30:00 595

原创问题解决：element checkbox 点击一个结果全选了

使用element的checkbox复选，点击任意一个，结果全选了。

2024-04-09 18:30:00 1963 1

原创 JavaScript 学习笔记对象属性 symbol 数组常用方法

即，当对象属性为基本类型时，可以用如下方法进行对象拷贝；一旦含有引用类型属性时，下面的方法将失效。属性值为-Infinity、属性值为Infinity、属性值为NaN。使用 lodash 库的 _.cloneDeep(obj)。对其前面的属性进行可选性校验，第一级写了不起作用，所以不用写。用非数字作为key，就不会把“1” 排在最前面了。function、属性值为undefined、obj下有方法method才执行。

2023-12-26 17:39:58 625