- 博客(99)
- 收藏
- 关注
原创 vue 渲染表格两个表头,横向显示时间,纵向显示参数
parameters 是一个参数数组,包含了表格纵向的参数列表,而 times 是一个时间数组,包含了表格横向的时间列表。这个方法的主要作用是根据这两个数组生成一个符合格式要求的表格数据数组。它使用 Math.random() 函数生成一个 0 到 1 之间的随机小数,然后将其乘以 100 并取整,得到一个 0 到 100 之间的随机整数作为参数值,并返回该值。它用于显示一个包含时间和参数的表格,其中时间横向显示,参数纵向显示。vue 渲染表格两个表头,横向显示时间,纵向显示参数。
2024-04-11 20:00:00 404
原创 设置el-cascader级联组件父子不关联,解决只能点击单选框才能选中,点击label无反应
设置el-cascader级联组件父子不关联,解决只能点击单选框才能选中,点击label无反应。
2024-02-07 20:15:00 404
原创 js 数字转换为带有千分位标注的格式的几种方法的记录
在非单词边界处(即数字之间)匹配每个连续的三个数字组合,但排除最末尾的数字组合后面的位置”。例如,在数字 1234567 中,正则表达式会匹配 234 和 567,但不会匹配 1。toLocaleString() 是 JavaScript 内置的函数,用于将数字格式化为本地化的字符串表示形式。然后,它使用循环来遍历整数部分的每个数字,每隔三个数字插入一个逗号。\d)) 来匹配每个三位数字组合前面的位置,并在这些位置插入逗号。使用递归来不断地截取字符串的后三位数字组合,并在它们之前插入逗号。
2024-01-30 22:15:00 346
原创 js padEnd方法介绍笔记
padEnd() 方法常用于需要将字符串的长度填充到指定长度时。例如,在生成固定长度的字符串时,或者在对齐表格中的文本时,都可以使用 padEnd() 方法。padEnd() 方法不会改变原始字符串,而是返回一个新的填充后的字符串。如果目标长度小于或等于原始字符串的长度,则返回原始字符串本身。padEnd() 是 JavaScript 字符串的方法之一,它用于在当前字符串的末尾添加指定数量的字符,直到字符串达到指定的长度。
2024-01-30 22:15:00 508
原创 vue 使用mock模拟数据
vue 使用mock模拟数据在根目录下,新建一个mock文件,且创建如下文件utils.jsindex.js${${${在 Vue 中使用 mock 进行接口模拟数据时,接口路径中的 .* 是一个正则表达式的匹配规则,表示该路径可以匹配任意字符(包括字母、数字、特殊字符等)。通常情况下,.* 用于模拟具有动态参数的接口路径。例如,假设你的接口路径为 /api/user/:id,其中的 :id 表示一个动态参数,可以是任意字符。
2024-01-15 20:00:00 650
原创 vue 使用js实现面包屑中实现右击菜单,并通过右击菜单的命令实现关闭其他、关闭左侧和关闭右侧的功能
实现一个面包屑导航组件。面包屑导航用于显示当前页面的路径,并提供快速跳转到上级页面的功能,且可以通过右击菜单的命令实现关闭其他、关闭左侧和关闭右侧的功能。
2024-01-09 20:00:00 585
原创 css+html 笔记1
a链接的四种状态link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候顺序:a:link、a:visited、a:hover、a:active注意:a:hover定义一定要放在a:link、a:visited的后面。
2024-01-05 05:30:00 995
原创 git的使用 笔记1
我们已经在本地创建了一个Git仓库后,又想在github创建一个Git仓库,并且希望这两个仓库进行远程同步,这样github的仓库可以作为备份,又可以其他人通过该仓库来协作。.git 跟踪管理版本的目录。
2024-01-04 23:00:00 812
原创 微信小程序 wx.request二次封装
封装了 wx.request 函数,使得发送网络请求更加简便和易用。同时,在请求过程中做了一些错误处理和加载提示的操作,提升了用户体验。
2024-01-02 21:30:00 649
原创 Vue websocket的封装及使用
创建 WebSocket 连接:通过传入的 url 参数创建一个 WebSocket 实例。监听连接打开事件:当连接成功建立时,执行传入的 onOpen 回调函数。监听消息接收事件:当接收到消息时,将消息解析为 JSON格式,然后执行传入的 onMessage 回调函数,并将解析后的消息作为参数传递给回调函数。如果未传入 onMessage 回调函数,则禁止重新连接。监听错误事件:当发生错误时尝试重新连接。
2024-01-02 20:15:00 1128 2
原创 js 一个对象根据条件切割成对象数组
下述代码实现了将一个对象{“hour1Price”:1,hour1str:“0”,hour2Price:2,hour2str:‘0’,…}变为[{hour1price:1,hour1str:0},{hour2price:1,hour2str:0}…match()方法是JavaScript中字符串对象的方法之一,它可以用来在一个字符串中查找匹配的子串,并返回一个包含匹配结果的数组。match() 方法将检索字符串 String Object,以找到一个或多个与 regexp 匹配的文本。
2023-12-27 21:00:00 430
原创 vue 自定义的通用的表格组件(使用div)
条件渲染使用了 v-if 指令来根据条件判断是否渲染整个表格容器。样式类绑定:样式类绑定使用了 :class 绑定动态的样式类。。使用了 v-for 指令循环渲染表头的每一列。对每一列进行了样式设定,并且设置了点击事件处理函数。使用了 v-for 指令循环渲染表格的每一行和每一列。对每个单元格进行了样式设定,并且设置了点击事件处理函数。在表格右侧实现了固定列的功能,并根据条件判断是否渲染固定列的内容。使用了 @click 绑定点击事件处理函数。
2023-12-21 22:15:00 1396
原创 vue 响应式页面使用transform实现
index.js 文件中定义了一个名为 throttle 的函数,用于实现函数节流的功能。该函数接收两个参数:fn 表示要执行的函数,delay 表示延迟时间。为了在 Vue 应用中实现一个响应式页面缩放功能,使页面能够根据屏幕大小自动进行缩放。通过监听窗口大小变化事件,并结合节流函数和 resize 函数,实现了页面元素的动态缩放效果。但是希望页面缩放后尽量保持原样,所以使用了两套UI,1920和1024,根据页面缩放监听resize动态添加类名进行实现的响应式,因此封装了scss函数。
2023-12-21 21:45:00 670
原创 vue el-date-picker中datetime类型对今天之后的日期包含时分禁用
el-date-picker的selectable-range属性不支持秒级的选择范围。该属性只能用于限制年、月、日、小时和分钟的选择范围。所以目前对选择秒那一列未禁用。目前对选择秒那一列未禁用。
2023-12-19 22:15:00 611 1
原创 Node.js和MySQL编写接口并进行请求
(**注意:**在新版本的Express中,某些功能已经被弃用或更改。urlencoded用于解析application/x-www-form-urlencoded格式的请求体,而json用于解析application/json格式的请求体。body-parser是一个Node.js中间件,用于解析HTTP请求的请求体,以便从POST、PUT和PATCH等请求中获取请求参数。CORS(跨来源资源共享)是一种解决跨域访问的机制,允许在一个域中的Web应用程序向另一个域的服务器发送AJAX请求。
2023-12-18 19:45:00 1252
原创 JavaScript 数组常用的方法介绍 四
用于将一个或多个元素添加到数组的末尾,并返回修改后的数组的新长度。push() 方法会修改原始数组,而不是创建一个新的数组。语法:参数:element1, element2, …, elementN: 要添加到数组末尾的元素。返回值:修改后的数组的新长度。具体使用示例:// 向数组末尾添加元素// 可以一次添加多个元素if (!});
2023-12-15 22:00:00 873
原创 JavaScript 数组常用的方法(取数组对象中某一属性值的集合)三
【代码】JavaScript 数组常用的方法(取数组对象中某一属性值的集合)三。
2023-12-15 21:15:00 478
原创 微信scroll-view小程序实现上拉加载下拉刷新
在使用微信小程序时避免不了查询列表实现分页功能,在这里分享下使用croll-view实现上拉加载下拉刷新功能,
2023-12-13 21:00:00 1496
原创 微信小程序自定义提示框组件并使用插槽 tooltip
是一个事件捕获的触摸事件,它可以用于阻止事件冒泡。当使用 catchtap 绑定事件时,如果事件被触发,它不会向上级元素传递,而是在当前组件上处理。**data-classname:**如果一个页面多个元素需要提示框,这个属性用来获取元素的类名。**data-tooltip:**设置 data-tooltip 属性传递提示信息。在需要使用 tooltip 的页面中引入自定义组件,并设置相应的属性和事件监听。**data-useSlot:**判断是否使用插槽显示提示框。
2023-12-13 20:00:00 1322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人