- 博客(43)
- 收藏
- 关注
RSS订阅原创 网页的可见度API(document)
eg:网页切换时需要页面有动画暂停，切回来在开始时就可以使用一下代码内容。网页的可见度，一般用于网页来回切换时的操作。
2024-07-25 16:13:24
129
原创 vue3自定义全局指令和局部指令
之前的值，一般用于beforeUpate和updated钩子函数中，例如：beforeUpdate(el, {oldValue: ‘’})：指令绑定到的DOM元素，可以用于直接操作当前元素，默认传入钩子的就是el参数，例如我们开始实现的focus指令，就是直接操作的元素DOM。传递给reserve指令的值就是hello，我们可以拿到值并做相关处理。：在元素上使用指令时，传递给指令的值。：传递给指令的参数，非必需，例如。，那么传递给指令的参数就是foo。：一个由修饰符构成的对象，例如。
2024-07-05 12:28:10
564
原创 关于javascript数字精度丢失的解决办法
例如下面的例子：我们在计算 0.1 + 0.1 的到的结果是 0.2，但是计算 0.1 + 0.2 的结果并不是0.3，而是0.30000000000000004我们在计算 1.2 - 1 的结果并不是0.2，而是0.19999999999999996不过这并不是JavaScript独有的，其他编程语言也会存在同样的问题。
2024-03-20 17:43:03
506
1
原创 关于element图片上传
el-uploadaction=""data() {return {//上传图片imgList: [], //对应的每张图片fileList: [], //上传图片回显数组//实现图片上传功能this.$http// 设置请求头为 multipart/form-dataheaders: {},// 上传进度//调用onProgress方法来显示进度条，需要传递个对象 percent为进度值})imgId})
2024-03-20 17:34:47
258
原创 数组的方法forEach与map的区别
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。3）使用forEach复制数组的方法 (全部复制，不跳过空元素，)注意: forEach() 对于空数组是不会执行回调函数的。map() 方法按照原始数组元素顺序依次处理元素。注意： map() 不会对空数组进行检测。当前元素所属的数组对象。注意： map() 不会改变原始数组。当前元素所属的数组对象。2）使用forEach可以跳过空元素。
2024-03-20 09:31:24
675
原创 数组的方法some和every的区别
说明：当数组值全部满足函数item>3才能成立 所以返回false，第二个小例子全部满足item>=1.所以返回true。说明：当数组值任何一个满足函数item>3就成立 所以返回true。自己感觉类似于 ‘&&’ 符 和 ‘||’ 符的区别。
2024-03-19 17:43:17
989
原创 自适应布局之淘宝无限适配+rem
所谓前端适配，就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果，目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度，一种是使用rem自适应布局的flexible.js。rem是css中的单位，而且是相对单位，rem单位是基于html中根元素的字体大小。2.vscode中打开文件 ==>首选项 ==>设置。1.下载插件cssrem。
2024-03-12 11:59:09
789
原创 Vue3+Element-Plus中的Tree组件，多选时的赋值与取值
【代码】Vue3+Element-Plus中的Tree组件，多选时的赋值与取值。
2024-02-19 13:51:20
1020
原创 element-ui 级联选择器 el-cascader，后端返回最后一级的数据回写
由于后端返回来的只有最后一级的key，所以我们需要写一个递归来拿到最后一级key和它父级key的数组。
2024-02-06 11:30:12
704
原创 前端配置样式的好用网站
Keyframes是一个在线动画生成器，可以帮助用户快速创建各种类型的CSS3动画、阴影和使用颜色效果，并且提供多种自定义选项和实时预览功能。Glass Morphism是一个有趣的在线CSS玻璃风格工具，可以帮助开发者们在UI设计中快速应用Glass Morphism风格，并且提供了多种自定义选项和实时预览功能。box-shadow阴影网站，在这个网站中会按照人们对各种阴影效果的喜爱程度进行排名，相信大多数人喜欢的阴影效果，如果用在你的网站上也一定会非常的好看的。支持实时预览效果，调整后立刻看到变化；
2024-02-01 15:54:17
629
原创 原生微信小程序
navigationBarTextStyle”: “white” 导航栏文字颜色:white|black。“backgroundTextStyle”: “light”, 背景文字:light|dark。“navigationBarBackgroundColor”: “#000”, 导航栏背景颜色。“navigationBarTitleText”: “BLACK”, 导航栏标题。“backgroundTextStyle”: “dark” 背景文字颜色。“usingComponents”: {} 使用组件。
2024-01-31 15:55:04
651
原创 js四种去重方法
Set 是 ES6 中引入的一种数据结构，它只允许存储唯一的值，可以利用这一特性来实现数组去重。利用 filter 方法和 indexOf 或 includes 方法来创建新数组。使用 reduce 方法遍历数组，将不重复的元素添加到累积的结果中。遍历原数组，将不重复的元素添加到新数组中。
2024-01-31 11:17:13
301
原创 Jenkins发布项目
接下来，成功会变成这样，如果失败了，会在具体的哪一步报错，根据错误信息去修改，有时候网速慢，会在下载依赖的时候就会报错。在harbor网站里创建一个项目对应harbor_project 与脚本相互对应，在下面这个网站里创建一个k8s_namespace 与上面的脚本相互对应，然后还要在dockerConf文件夹下创建一个default.conf文件。创建一个Jenkinsfile文件配置脚本。如果不创建，发布到k8s会报错。然后进行下一步，放一个项目。如果不创建，镜像创建不成功。各种配置完之后，运行一下。
2024-01-30 16:54:49
398
原创 数组对象去重的四种方式
has方法可以判断Map对象中是否存在指定元素,有则返回true，否则返回false。两两比较，如果后一个对象的id值和前一个对象的id值相等，就把后面的对象删除。set方法可以向Map对象添加新元素 map.set(key, value)定义一个数组存储id的值,然后逐个比较,把id值重复的对象删除即可。values方法可以返回Map对象值的遍历器对象。采用对象访问属性的方法，判断属性值是否存在。方法二：indexOf()方法三：对象访问属性的方法。方法二：indexOf()数组对象去重的四种方式。
2024-01-30 16:28:09
341
原创 vue使用tinymce步骤如下
之后将下载好的语言包，放置在vue的public/static文件夹中，然后在代码中引入进来，我下载的语言包名字是zh-CN的，和其他人的可能不太一样，但最终效果都是一样的，根据文件名称直接引入即可。2.当下载好插件后，需要到node_modules中找到tinymce文件夹，将里面的skins文件夹复制出来放到vue项目的public/static文件夹中。cnpm install @tinymce/tinymce-vue --save 版本：2.0.0。tinymce自定义按钮。
2023-11-14 11:23:26
170
原创 【无标题】
正确：http://127.0.0.1/错误： http://127.0.0.1。补全： / 漏写，导致拼接路径不完整。查看请求地址是否写错或者漏写。
2023-11-08 11:52:13
53
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人