- 博客(36)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 判断某个div的宽度小于多少px并使用对应的样式（大于多少同理）
在这个示例中，我们首先定义了两个CSS类：normal 和 special。然后，我们使用JavaScript获取div的宽度，并根据宽度设置相应的样式。如果宽度小于100px，我们将用special样式；否则，我们将应用normal样式。
2024-09-05 16:45:13
531
原创 js：使用正则将地理位置脱敏。5个字以内，保留第一个字和最后两个字，其余用*替代；6到9个字则保留最后五个字，其余用*替代；10个字以上则最后五个字的前面四个字代替为*
生成一个由多个星号组成的字符串，长度为原始文本长度减去3。这里使用了repeat()方法，将星号重复多次，以达到生成指定长度的字符串的目的。将字符串反转，再打码，再反转。：零宽正向先行断言。表示匹配位置后面的内容必须是5个字符。5个字以内，保留第一个字和最后两个字，其余用。10个字以上则最后五个字的前面四个字代替为。6到9个字则保留最后五个字，其余用。：匹配除换行符以外的任意字符。：取出文本的倒数两个字符。：替换匹配到的内容为星号。：取出文本的第一个字符。：正则表达式的开始。：匹配任意5个字符。
2023-08-17 17:28:58
888
原创 安卓手机清除应用缓存操作（文章使用华为鸿蒙系统举例）
安卓手机清除应用缓存步骤：点击设置，点击应用和服务，点击应用管理，点击需要清空的应用，点击存储，点击清空缓存
2023-06-07 10:53:40
1857
原创 bug：使用useClipboard不生效问题
先判断当前有没有clipboard实例，如果有，则使用useClipboard；如果没有，则使用js原生方法document.execCommand('copy');
2023-05-31 10:59:30
3510
1
原创 bug：failed to load config from D:\work\xxxxxxxxx\vite.config.ts SyntaxError: Unexpected token ‘.‘
我使用的是node12.21.0，版本太低，node无法识别此语法。检查node版本，将node版本升级到16+。
2023-05-29 14:02:43
1566
原创 feat：使用企业微信JS-SDK的onMenuShareAppMessage()实现点击转发自定义分享内容（TypeScript）
背景：企业微信应用使用企业微信JS-SDK的分享接口实现分享样式自定义企业微信JS-SDK 是企业微信面向网页开发者提供的 基于企业微信内 的网页开发工具包。通过使用企业微信JS-SDK，网页开发者高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用企业微信分享、扫一扫等企业微信特有的能力，为企业微信用户提供更优质的网页体验。
2023-05-25 18:04:04
3042
3
原创 bug：进行安全漏洞扫描被报Insecure Randomness：标准的伪随机数值生成器不能抵挡各种加密攻击。
是统计学的 PRNG，攻击者很容易猜到其生成的字符串。推荐使用密码学的PRNG。在 JavaScript 中，常规的建议是使用 Mozilla API 中的。后，再用了一些手段处理这个随机数，还是被安全漏洞报警。被安全漏洞扫描出high等级的漏洞。
2023-04-11 16:12:57
1543
原创 bug：h5页面的底部栏每次切换都会纵跳，应该如何避免此情况？
需要给首页设置好默认的基础样式：height: 100vh;width: 100vw;position: relative;否则，进入子页面的时候会导致底部栏会重新计算高度，影响用户体验。
2023-02-27 10:43:58
303
原创 js：使用Promise同步请求异步操作，即同时请求几个接口，等待全部接口请求完成再进行操作
使用`Promise.all().then()`
2022-08-29 10:29:26
6404
2
原创 工具：npm/node版本更换（Windows版本） 含报错exit status 1报错，出现乱码的解决方法
npm版本更换： 更换指定版本npm -g install npm@6.14.11 更换最新版本 npm install -g npm。乱码报错解决方法：把当前node卸载掉，再执行nvm use xxx就可以了。
2022-07-29 17:45:03
6959
1
原创 js：截取url上的最后一位参数的键值
思路：（1）获取url；（2）找可截取规律；（3）通过split()将字符串变成数组获取键值；window.location.href.split('&')[window.location.href.split('&').length-1].split('=')[1].split('-')
2022-07-05 14:57:24
547
原创 element：实现el-table表格分页，翻页序号延续上一页
解决el-table表格分页，翻页序号不延续上一页的问题；方法：通过 Table-column 的 index 属性做自定义索引
2022-06-20 11:02:32
2091
原创 CSS：字数超出容器范围，超出部分省略，变成...
用CSS实现文本超出/溢出容器范围时，超出的部分省略，展示…（针对block元素，如果是span，需要添加display：block；）单行文本：span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}white-space: nowrap; 设置文本不换行，单行输出，直到遇到 <br> 标签为止。overflow: hidden; 溢出部分隐藏text-overflow: elli
2022-05-19 15:23:05
571
原创 element：el-table 表格高度错位
1. 通过watch来监听`tableColumn`有无改变（即有无被隐藏或显示）2. 使用`await this.$nextTick()`，目的是等dom更新3. 再调用element给出的`doLayout()`方法来重新布局table，使之按原来的样子显示出来。
2022-04-19 15:20:26
3152
原创 vue：vant2，通过列表slot插槽去自定义加载完成后的提示样式
用法如下： <van-pull-refresh v-model="refreshing" @refresh="onRefresh" class="list"> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"> <van-cell v-for="item in list" :key="item" :title="item" .
2022-02-25 15:10:59
736
原创 vue：实现前端生成并下载二维码（使用qrcodejs2插件）
需求：点击按钮下载二维码，并命名为“xxx二维码”，xxx随着用户名称动态变化。使用qrcodejs2插件，前端生成二维码。
2022-01-13 14:08:59
1402
1
原创 vue：前端接收并展示后端返回的一个图片对象（文件流）
需求：前端接收并展示后端返回的一个图片对象（文件流），没有图片的时候，显示默认图片。
2022-01-12 17:51:57
17164
4
原创 bug：开了lightProxy代理之后，浏览器报跨域的问题
背景：开了代理之后能正常运行，但console会报跨域的错误，network也会报跨域的错。报错：Access to XMLHttpRequest at ‘https://sdtest-opt.yunyouqilu.com:8090/sockjs-node/info?t=1640659045041’ from origin ‘https://sdtest-opt.yunyouqilu.com’ has been blocked by CORS policy: No ‘Access-Control-Allow
2021-12-28 15:22:43
1873
原创 CSS：微信小程序实现一个列表，一行放两个元素，每两个元素后面加分割线，最后一行后面不加分割线
CSS：微信小程序实现一个列表，一行放两个元素，每两个元素后面加分割线，最后一行后面不加分割线
2021-12-15 17:59:56
2503
2
原创 关于CSS3：justify-self，justify-items和justify-content之间的区别
这篇文章应该能帮到你https://www.codenong.com/48535585/
2021-12-02 16:14:53
16163
原创 CSS：实现鼠标悬停，切换图片的两种方法
HTML CSS 两种方法：实现鼠标悬停，切换图片第一种方法：利用css的display属性第二种方法：利用css的background属性展示第一种方法：利用css的display属性html： <div class="light"> <img class="yellow" src="../../assets/imgs/icon_yel.png" alt="黄色灯泡"> <img class="red" src="../../assets/img
2021-10-09 16:52:12
18915
14
原创 bug: TypeError: Invalid attempt to spread non-iterable instance
报错信息：分析：此类报错多为扩展运算符报错。问题代码：解决方式：
2021-08-27 12:55:52
1906
原创 Error: Invalid `value` of type `number` supplied to Option, expected `string` when `tags/combobox` i
背景：使用Ant-design的Select选择器，实现多选。点击选择框时，选择框不弹出来，并且报错。报错：[Vue warn]: Error in render: “Error: Invalid value of type number supplied to Option, expected string when tags/combobox is true.”Error: Invalid value of type number supplied to Option, expected s
2021-08-20 18:35:58
4469
3
原创 elementUI步骤条：CSS改变步骤条状态样式，进度条跟随到当前步骤，而不是当前步骤完成了才显示颜色。
状态改变进度条显示：elementUI步骤条原本的进度条显示是步骤2完成了，1和2之间的进度条才显示。本CSS改成：走到步骤2，1和2之间的进度条就显示。效果：代码：elementUI步骤条组件的代码，只改了CSS。<template> <div class="about"> <h1>This is an about page</h1> <div class="theSteps"> <el-step
2021-06-15 16:12:37
6601
1
原创 WebStorm快捷键：自定义打印控制台代码 —— console.log
一、操作步骤：打开WebStorm编译器，打开Settings（Ctrl+Alt+S）搜live点击‘+’号，选择第一个添加模板（第二个是添加模板组）输入命令触发代码输入命令描述输入命令代码选择使用该代码的场景（我选的是JavaScript的statement，TypeScript的statement，ECMAScriptor heighr的statement）点击apply生效代码：console.log('$PARAM$', $PARAM$)此代码意思是，输出代码后，光标会放
2021-06-07 11:29:40
2854
原创 bug：小程序开发之IOS与安卓的兼容性问题（new Date）
创建一个时间对象时，会通过new Date来创建，比如new Date(“2021-06-02”)。但这种方式在IOS系统上是不可行的，因为在IOS中，new Date有指定格式，需要把 - 转换成 / 。比如以上日期，在IOS上就需要这么写new Date(“2021/06/02”)。这种格式，在IOS外也能正常赋值，不会报错，所以只需要进行字符串替换就可以了。let obj=new Date(“2021-06-02”).replace(/-/g, “/”)=>2021/06/02一开始
2021-06-02 17:42:40
1086
1
原创 以vue为例：es6之枚举替换后端返回的代码值转换成中文（策略模式）
需求：根据后端返回的代码显示相对应的中文html：<span>{{ statusText[status] }}<span> //status:后端返回的状态码，statusText：前端转换成中文的对象js：<script> export default { data() { return { status: "", // 根据后端拿值 statusText: { // 替换 "1": "已读
2021-05-18 15:43:40
1461
原创 bug：微信小程序之解决图片浮在手机页面最上层的问题
问题：播放图标浮在了手机的状态栏上层。如下图原因：播放图标引用使用了“”标签。coverImage是原生组件，z值最大。解决方法：将“”改成用“”
2021-04-23 14:54:22
4008
原创 使用elementUI的form表单写一个登录验证练习
目录一、展示二、具体代码（带注释）三、登录按钮验证实现逻辑下面是我今天使用element UI的form表单写的一个登录验证的小练习。下面分三个部分来回顾这个练习。一、展示这是我的登录UI。：结构很简单，如下图：二、具体代码（带注释）<template> <div id="pageA"> <!-- <div> --> <!--:model="" 命名绑定的这个表单 :rules="" 命名这个这个表单的规则 lab
2020-10-28 21:18:32
761
原创 JavaScript之进度条学习记录
0922今天学习了JavaScript的进度条。先在菜鸟教程理解完了之后，再自己在编辑器里写一遍加深印象。菜鸟教程的效果是这样的： （传送门https://c.runoob.com/codedemo/3103）我寻思了一下之后，想完成一个带有数值跟着进度条的头移动进度条。然后在菜鸟的基础上，添加了一个span标签用来存放我的数值，然后将它定位：“position:relative; left: 0%;”。这个劣质品就这样出生了。写出来的数值是根据myBar（父div）的width进行百分比移动
2020-09-22 23:14:22
186
转载 ubuntu终端显示内容颜色问题及解决办法
版权声明：本文为优快云博主「糖亮小宝」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.youkuaiyun.com/BYR_Lu/article/details/77983108.感谢这位博主解决了我的问题。最近在ubuntu系统中用rm -rf命令删除文件的时候，在文件名后面多打了一个空格，导致系统中所有文件丢失，系统中配置也出现了问题。直观的问题是在终端中用ls显示当前目录内容的时候，显示全是白色，所以研究了这个问题并且找到了解决办法.
2020-06-11 01:59:23
2394
原创 小白都能看懂 XAMPP的下载安装配置详细教程（含拒绝访问坑）
话不相瞒，当初为了在xampp里面配置phpwind，我在卸载与安装之间来回了不下10次，而且我可能招坑体质，回想起来真是一把泪了。但是我的phpwind始终还是安装不成功，真的很无奈。最终，byebye了您。废话不说，直接干了。文章目录一、下载（三步）第一步：找对应的操作系统版本第二步：选一个迭代版本第三步：找到安装包二、安装三、配置第一步：配置Apace第一个文件(httpd.conf)，需要修改两个地方。第二个文件(http-ssl.conf)，需修改三个地方。第二步：配置MySQL第三步：配置S
2020-06-08 18:27:38
24890
98
原创 C#操作mysql数据库插入中文出现？？？问号问题
在C#中使用datagridview来显示数据库的内容在数据库里插入中文显示得好好的，在C#里面进行对数据库的插入中文，显示出来却是问号？？？查资料后发现原来是C#里没有指定字符集，于是在于连接字符串中添加配置参数Charset=utf8就可以了，如图。OK，成功。...
2020-05-21 20:59:32
2136
空空如也
关于#javascript#的问题：写着修复坑爹代码
2021-07-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人