- 博客(28)
- 收藏
- 关注
RSS订阅原创 js 把 [‘1‘,‘a‘,‘3‘,‘2‘,‘b‘,‘c‘,‘a‘] 转化为 {number: ‘321‘, char: ‘aabc‘} 的操作方法
3：用sort()方法把arr1中的数字从大到小排序，obj对象中的number 赋值为去掉中间字符的arr1.2：循环上面的数组，用Number()方法把能转化为数字的字符串添加到arr1数组，其他的添加到str数组中。4:用sort()方法把str中的字母从小到大排序，obj对象中的char赋值为去掉中间字符的str.5：通过打印得出 ：{number: ‘321’, char: ‘aabc’}；1：声明2个数组，arr1 和str 1个对象 obj。
2022-09-27 16:29:32
297
1
原创 防抖，节流
节流策略（throttle），控制事件发生的频率，如控制为1s发生一次，甚至1分钟发生一次。防抖策略（debounce）是当事件被触发后，延迟n秒后再执行回调，如果在这n秒内事件又被触发，则重新计时。作用： 高频率触发的事件，在指定的单位时间内，只响应最后一次，如果在指定的时间内再次触发，则重新计算时间。把 常量 refresh return出来。把 常量 refresh return出来。
2022-09-20 18:37:28
402
原创 天地图 添加遮罩层效果
天地图引入就不写了，这里写引入最基本的地图后，怎样变成遮罩效果1，思路：外部是蓝色遮罩层，中间镂空为新乡市地图。通过天地图demo修改为自己想要的效果。2，阿里云 下载新乡市四周边界坐标对数据进行处理，再引入到项目中，public/xinxiangshi.json(数据处理一下)3，页面引入相对路径4，使用天地图添加遮罩层的方法输出
2022-09-04 20:16:33
2348
3
原创 人力资源后台管理系统之合同—— 电子签章功能
1，合同分类管理：此页面有合同分类新增功能2，合同推送：当我们点击合同新增按钮，进入新增弹框：合同类型下拉框选择的是我们在合同分类管理中的数据上传合同文件为甲方准备的签署文件当我们合同新增成功后，然后这个数据就存入了后台，但是此时的话，并未向E签宝通知，推送状态还是未推送状态，当点击签章按钮时，我们需要去向后台发送签章请求，后台再与E签宝进行签章请求，当E签宝反馈给后台信息，后台再反馈给我们信息，此时的推送状态变为已推送，这时候的话，合同的信息是不能再进行编辑的，这时候，甲方的手机会接收到一条短信
2022-09-04 17:55:02
1757
原创 vue3 子组件向父组件传值
子组件：通过setup的第二个参数去接受，第二个参数包含了（attrs，emit，slots），这里我们用到第二个emit去传值。子组件：先定义下基本类型，然后通过setup的第一个参数取获取传过来的值。父组件：在子组件上通过 v-bind绑定属性。父组件：在子组件上绑定一个事件，并定义回调。...
2022-08-28 19:49:20
6358
原创 naive ui 表单 form 自定义规则判断 手机号，身份证号码
【代码】naive ui 表单 form 自定义规则判断 手机号，身份证号码。
2022-08-21 23:00:13
825
原创 JavaScript数组去重，大小排序的两种方法
indexof()可返回某个指定的字符串值在字符串中首次出现的位置。如此一趟下来最后一趟的就是最大元素，重复以上的步骤，除了已经确定的元素。注意当数字是按字母顺序排列时"40"将排在"5"前面。每次对相邻的两个元素进行比较，若前者大于后者则进行交换，使用数字排序，你必须通过一个函数作为参数来调用。Set数据结构中所有元素都是唯一的，没有重复。sort()方法用于对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。函数指定数字是按照升序还是降序排列。默认排序顺序为按字母升序。...
2022-08-02 11:17:48
732
转载 slice,splice的区别和使用
第一个参数是开始的位置，第二个参数是结束的位置，他并不会改变原数组。该方法是会改变原数组的，数组的长度会发生变化。splice(开始，截取，添加元素)slice(开始，结束)第一个参数是开始的位置。第二个参数是截取的个数。...
2022-07-25 09:09:03
149
原创 vue 使用v-cloak
v-cloak指令常常用在插值表达式的标签中，因为它可以解决当网络加载很慢时，或者频繁渲染时候，页面就会显示出源代码的情况。2，在css中设置v-cloak的属性为display为none。1，在差值语法所在的标签处加上v-cloak指令。...
2022-07-25 09:03:43
433
原创 百度地图之 添加遮罩层 去除百度地图logo
1，申请百度密钥，步骤不再赘述2，引入百度地图：pubilc/index.html中引入3，添加Map实例，并添加控件，中心坐标为你要显示的区域的中心，画行政区、添加遮罩
2022-07-07 08:53:25
1430
原创 JS 用画布生成验证码随机数
上代码：还有一种循环生成随机数的方法，但是生成的数字颜色相同，如果对数字颜色相同没要求，可采用，代码量少于上面。效果图：上代码：
2022-06-14 18:17:26
231
原创 uniapp 图片上传
整体思路：第一步：创建上传按钮。第二步：创建弹框，上传图片功能在弹框内，先为隐藏状态。当点击上传按钮，显示弹框，上传图片。第三步：复制uview组件代码,这里我加了一个图片格式判断。第四步：把uview组件代码中的接口地址改为自己项目的接口。第五步：完成。查看更多Upload 上传 组件配置项：查看更多上代码：...
2022-06-14 16:33:24
2862
原创 uniapp 引入 uview
uView2.x的文档第一步:(先进入uview插件市场)uView2.0重磅发布，利剑出鞘，一统江湖第二步:导入，导入后和pages文件夹同级第三步:(main.js导入)第四步:(在uni.scss导入)第五步:(在App.vue导入)第六步:(在pages.json导入)第七步:(配置项已全部完毕，引用uview组件内的相应组件即可)...
2022-06-14 10:18:58
4174
2
原创 npm 镜像源修改
npm 镜像源修改查看当前的镜像地址命令行输入 npm get registry修改为淘宝镜像命令行输入 npm config set registry http://registry.npm.taobao.org/使用npm原地址命令行输入 npm config set registry https://registry.npmjs.org/创建项目时镜像问题报错图片：...
2022-04-13 10:32:43
1566
原创 React 三元表达式判断多个状态
三元表达式判断多个状态方法及两个状态方法判断两个以上状态// 判断用户状态：为0时是 会员，为1时是 VIP，为2时是 合伙人，都不是时为 未认证<div>{user.status==0?'会员':user.status==1?'VIP':user.status==2?'合伙人':'未认证'}</div>判断两个状态// 判断用户状态：为0时是 会员，否则为 未认证<div>{user.status==0?'会员':'未认证'}</div>
2022-04-12 16:48:20
1496
1
原创 React 导航守卫
路由拦截在实际项目开发过程中，路由之间的跳转必定涉及权限、用户是否登陆等限定条件的判定，故需要导航守卫来完成这一事项我把路由配置写在了App.jsx中，也可以写在其他组件中。上代码：// App.jsx中// import { BrowserRouter, Route, Routes } from 'react-router-dom'import { HashRouter, Route, Routes } from 'react-router-dom'import { Navigate
2022-04-12 16:26:19
1458
原创 vue中拼接数据，中间用某个符号串起来
拼接数据，中间用某个符号串起来比如，我们在vue中，需要把年月日的三个数据用 / 符号拼接在一起，这时候我们需要用模板字符串来解决，代码如下：如果中间不需要符号 / , 也可以写文字，数字等<template> <div> <!-- 调用fun函数 --> <p>{{fun}}</p> <!-- 输出结果为 2022/03/15 --> </div></template>
2022-03-15 17:41:12
3253
原创 vue中引入高德地图并多点标注
vue中引入高德地图并多点标记步骤:通过vue的方法引入地图初始化地图，设置宽和高信息窗口实例遍历生成多个标记点首先在项目的public下的index.html中引入地图<link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css"/><script src="https://webapi.amap.com/maps?v=1.4.15&key=申请的key">&l
2022-03-07 21:47:30
4729
1
原创 vue 电梯导航制作（鼠标滚动控制导航栏的显示与隐藏）
vue 电梯导航制作（鼠标滚动控制导航栏的显示与隐藏）scroll 方法获取页面被卷曲的头部
2022-03-07 13:45:55
2983
原创 vue 获取当前时间（并与演出时间对比做出状态改变）
vue</div> <div class="" @click="MAP"> 地图 </div>
2022-02-24 20:47:06
719
原创 前端开发常见的五种布局方式及应用场景
前端开发常见的五种布局方式及应用场景1.静态布局：给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容。优点：设计简单。缺点：对于不同尺寸屏幕的兼容性不好，特别是移动端。2.流式布局：元素的宽高用百分比做单位，元素宽高按屏幕分辨率调整，布局不发生变化。优点：页面元素宽高可以自适应调整。缺点：屏幕尺度跨度过大的情况下，页面不能正常显示。3.自适应布局：屏幕尺寸或分辨率变化时，页面元素会跟着变化。缺点：页面元素不会随着窗口大小的调整而发生变化。4.弹性布局
2022-02-10 15:56:42
2860
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人