自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(93)
  • 收藏
  • 关注

原创 vue项目使用vue2-org-tree

设置label,renderContent 函数中返回一个包含多个文本并换行显示的元素。

2024-02-24 00:45:00 305

原创 设置el-cascader级联组件父子不关联,解决只能点击单选框才能选中,点击label无反应

设置el-cascader级联组件父子不关联,解决只能点击单选框才能选中,点击label无反应。

2024-02-07 20:15:00 199

原创 js 数字转换为带有千分位标注的格式的几种方法的记录

在非单词边界处(即数字之间)匹配每个连续的三个数字组合,但排除最末尾的数字组合后面的位置”。例如,在数字 1234567 中,正则表达式会匹配 234 和 567,但不会匹配 1。toLocaleString() 是 JavaScript 内置的函数,用于将数字格式化为本地化的字符串表示形式。然后,它使用循环来遍历整数部分的每个数字,每隔三个数字插入一个逗号。\d)) 来匹配每个三位数字组合前面的位置,并在这些位置插入逗号。使用递归来不断地截取字符串的后三位数字组合,并在它们之前插入逗号。

2024-01-30 22:15:00 254

原创 js padEnd方法介绍笔记

padEnd() 方法常用于需要将字符串的长度填充到指定长度时。例如,在生成固定长度的字符串时,或者在对齐表格中的文本时,都可以使用 padEnd() 方法。padEnd() 方法不会改变原始字符串,而是返回一个新的填充后的字符串。如果目标长度小于或等于原始字符串的长度,则返回原始字符串本身。padEnd() 是 JavaScript 字符串的方法之一,它用于在当前字符串的末尾添加指定数量的字符,直到字符串达到指定的长度。

2024-01-30 22:15:00 356

原创 vue print-js实现打印功能

vue print-js实现打印功能。

2024-01-16 02:30:00 409

原创 vue 使用mock模拟数据

vue 使用mock模拟数据在根目录下,新建一个mock文件,且创建如下文件utils.jsindex.js${${${在 Vue 中使用 mock 进行接口模拟数据时,接口路径中的 .* 是一个正则表达式的匹配规则,表示该路径可以匹配任意字符(包括字母、数字、特殊字符等)。通常情况下,.* 用于模拟具有动态参数的接口路径。例如,假设你的接口路径为 /api/user/:id,其中的 :id 表示一个动态参数,可以是任意字符。

2024-01-15 20:00:00 567

原创 vue使用i18n实现国际化

在src下创建一个名为i18n的文件夹,并按照下图创建需要的文件。

2024-01-15 19:00:00 410

原创 vue 使用js实现面包屑中实现右击菜单,并通过右击菜单的命令实现关闭其他、关闭左侧和关闭右侧的功能

实现一个面包屑导航组件。面包屑导航用于显示当前页面的路径,并提供快速跳转到上级页面的功能,且可以通过右击菜单的命令实现关闭其他、关闭左侧和关闭右侧的功能。

2024-01-09 20:00:00 470

原创 JavaScript 宿主对象2

在DOM当中定义各个元素对象相互之间关系的一些机构。

2024-01-06 02:00:00 353

原创 JS作用域及作用域链的理解

形参也是局部变量。

2024-01-06 00:00:00 359

原创 原生JS和jQuery请求接口

【代码】原生JS请求接口。

2024-01-05 19:30:00 799

原创 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 983

原创 git使用 笔记2

git init。

2024-01-04 23:15:00 1108

原创 git的使用 笔记1

我们已经在本地创建了一个Git仓库后,又想在github创建一个Git仓库,并且希望这两个仓库进行远程同步,这样github的仓库可以作为备份,又可以其他人通过该仓库来协作。.git 跟踪管理版本的目录。

2024-01-04 23:00:00 788

原创 微信小程序 wx.request二次封装

封装了 wx.request 函数,使得发送网络请求更加简便和易用。同时,在请求过程中做了一些错误处理和加载提示的操作,提升了用户体验。

2024-01-02 21:30:00 601

原创 Vue websocket的封装及使用

创建 WebSocket 连接:通过传入的 url 参数创建一个 WebSocket 实例。监听连接打开事件:当连接成功建立时,执行传入的 onOpen 回调函数。监听消息接收事件:当接收到消息时,将消息解析为 JSON格式,然后执行传入的 onMessage 回调函数,并将解析后的消息作为参数传递给回调函数。如果未传入 onMessage 回调函数,则禁止重新连接。监听错误事件:当发生错误时尝试重新连接。

2024-01-02 20:15:00 827

原创 vue pc端-移动端-ipad端适配

全局使用transform:scale来进行适配。

2023-12-29 23:30:00 658

原创 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 374

原创 vue 自定义的通用的表格组件(使用div)

条件渲染使用了 v-if 指令来根据条件判断是否渲染整个表格容器。样式类绑定:样式类绑定使用了 :class 绑定动态的样式类。。使用了 v-for 指令循环渲染表头的每一列。对每一列进行了样式设定,并且设置了点击事件处理函数。使用了 v-for 指令循环渲染表格的每一行和每一列。对每个单元格进行了样式设定,并且设置了点击事件处理函数。在表格右侧实现了固定列的功能,并根据条件判断是否渲染固定列的内容。使用了 @click 绑定点击事件处理函数。

2023-12-21 22:15:00 1173

原创 vue 响应式页面使用transform实现

index.js 文件中定义了一个名为 throttle 的函数,用于实现函数节流的功能。该函数接收两个参数:fn 表示要执行的函数,delay 表示延迟时间。为了在 Vue 应用中实现一个响应式页面缩放功能,使页面能够根据屏幕大小自动进行缩放。通过监听窗口大小变化事件,并结合节流函数和 resize 函数,实现了页面元素的动态缩放效果。但是希望页面缩放后尽量保持原样,所以使用了两套UI,1920和1024,根据页面缩放监听resize动态添加类名进行实现的响应式,因此封装了scss函数。

2023-12-21 21:45:00 474

原创 vue el-date-picker中datetime类型对今天之后的日期包含时分禁用

el-date-picker的selectable-range属性不支持秒级的选择范围。该属性只能用于限制年、月、日、小时和分钟的选择范围。所以目前对选择秒那一列未禁用。目前对选择秒那一列未禁用。

2023-12-19 22:15:00 490 1

原创 vue 使用轮播图时遇到的问题

最近在做项目的过程中,需要在地图添加轮播图。

2023-12-19 20:45:00 621

原创 判断一个时间是否在某个时间范围内

判断一个时间是否在某个时间范围内。

2023-12-18 20:45:00 348

原创 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 1178

原创 JavaScript 数组常用的方法介绍 四

用于将一个或多个元素添加到数组的末尾,并返回修改后的数组的新长度。push() 方法会修改原始数组,而不是创建一个新的数组。语法:参数:element1, element2, …, elementN: 要添加到数组末尾的元素。返回值:修改后的数组的新长度。具体使用示例:// 向数组末尾添加元素// 可以一次添加多个元素if (!});

2023-12-15 22:00:00 869

原创 JavaScript 数组常用的方法(删除数组中的某个值)二

删除数组的某个值

2023-12-15 21:30:00 454

原创 JavaScript 数组常用的方法(取数组对象中某一属性值的集合)三

【代码】JavaScript 数组常用的方法(取数组对象中某一属性值的集合)三。

2023-12-15 21:15:00 410

原创 微信小程序封装自定义导航栏

【代码】微信小程序封装自定义导航栏。

2023-12-15 02:30:00 385

原创 Vue+scss实现全局字体大小切换

【代码】Vue+scss实现全局字体大小切换。

2023-12-14 20:30:00 1107

原创 微信小程序 轮播图且跳转微信公众号文章

【代码】微信小程序 轮播图且跳转微信公众号文章。

2023-12-14 04:30:00 466

原创 微信scroll-view小程序实现上拉加载下拉刷新

在使用微信小程序时避免不了查询列表实现分页功能,在这里分享下使用croll-view实现上拉加载下拉刷新功能,

2023-12-13 21:00:00 1179

原创 微信小程序自定义提示框组件并使用插槽 tooltip

是一个事件捕获的触摸事件,它可以用于阻止事件冒泡。当使用 catchtap 绑定事件时,如果事件被触发,它不会向上级元素传递,而是在当前组件上处理。**data-classname:**如果一个页面多个元素需要提示框,这个属性用来获取元素的类名。**data-tooltip:**设置 data-tooltip 属性传递提示信息。在需要使用 tooltip 的页面中引入自定义组件,并设置相应的属性和事件监听。**data-useSlot:**判断是否使用插槽显示提示框。

2023-12-13 20:00:00 994

原创 apply call bind三者区别区别

三者的相同点:都是用来改变this的指向。

2023-12-11 00:30:00 424

原创 Echarts的使用 笔记

数据可视化: 就是把数据以更加直观的方式进行呈现.

2023-12-09 01:00:00 852

原创 Vue 的 el-select 下拉选项中,只有当文字超出时才显示提示框,未超出的则不显示

Vue 的 el-select 下拉选项中,只有当文字超出时才显示提示框,未超出的则不显示。

2023-12-09 00:15:00 531

原创 解决firefox(火狐)浏览器使用transform: scale导致的border不显示或显示不全的问题;

最近火狐遇到了此问题,查了许久没有解决办法也有说是因为火狐不支持小于1px单位的,也有说火狐浏览器本身的问题,然后也没有解决方案,最后没办法只能用最笨的方法解决。

2023-12-08 14:38:23 1081

原创 JavaScript 宿主对象

全局对象。

2023-12-07 00:15:00 868

原创 JavaScript 对象

fun() ===> 严格模式(use.strict) fun.call(undefined);当一个函数被call或者apply调用的时候,函数中的this其实就是传入的第一个参数。无论这个函数是如何被定义的,只有函数最终被调用的时候,我们才能确定this代表的是什么。fun() ===> 非严格模式 fun.call(window);在调用子类构造函数的时候,在内部通过call调用父类的构造函数。

2023-12-06 23:15:00 784

原创 JavaScript 函数

函数就是封装起来可以被重复使用的代码块。

2023-12-06 07:30:00 831

原创 JavaScript 基础

表达式2:表达式3 (所有可以被求值或者本身就是一个值的代码结构 1 1+1 10>5 10||5) 根据表达式1的真假决定最终整体表达式的值,如果是真,最终为表达式2的值,如果为假,就是表达式3的值。嵌入和引入不能在同一个标签中使用 虽然执行方式不同但是他们最终还是在一个环境中解释执行的。false: 0 NaN “” undefined null false(六个假值)+ - * / %(取余) ++ – **(幂运算)&&(与) ||(或)!

2023-12-06 00:15:00 1032

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除