自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端-element输入框-input的一些限制(只能输入正整数和0,或者只能输入数字不可以汉字字母),禁止输入特殊字符等

那你就用 onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))"那就用这个onkeyup="value=value.replace(/[^\-?\d.]/g,'')",不能输入汉字和字母。input输入框只能输入正整数和0。如果是正数负数0,包括小数都可以。

2023-05-26 09:54:26 9886

原创 高德地图API使用~Web开发~从创建到具体功能展示

如果你不想要这个原颜色,或者你做的大屏是其他颜色的,在高德地图API中打开控制台-找到自定义地图-你可以自己设计,也可找你的ui小姐姐给你设计,更甚至掏钱买他们现成的模板,选中点击分享,复制模板样式的id到代码中。在上面的for循环里面修改图片样式即可,也不一定非得用这一个图片,它遍历的每一项就是一个点嘛,所以你可以根据位置啊或者其他的来给他放不一样的图片。这个时候你会发现我们创建的图标,太大了,不符合我们的预期,所以我们接下来应该,修改图片大小----下面是具体代码,直接cv到我们刚刚的地图下面即可。

2023-03-31 10:54:48 8068 2

原创 uniapp输入框验证规则的添加

【代码】uniapp输入框验证规则的添加。

2025-03-04 14:56:07 368

原创 echarts立体柱状图(两柱一线)

【代码】echarts立体柱状图(两柱一线)

2025-01-06 10:54:20 144

原创 echarts柱状图立体图的实现~

【代码】echarts柱状图立体图的实现~

2024-12-30 17:10:05 289

原创 关于elementui el-radio 赋值问题

也就是说如果你的版本太低,就不能用value,而得用label,于是修改。点击的时候,同时选中。

2024-11-07 14:11:51 999

原创 vue3引入高德地图

【代码】vue3引入高德地图。

2024-11-07 13:28:20 444

原创 天气预报echarts

如上图,可以切换温度,降水量,风力风向和空气质量。

2024-10-10 14:39:11 381

原创 用echarts画天气预报

vue3写的,直接粘过去就可以用。

2024-10-10 14:36:05 731

原创 若依小程序使用及遇到的问题

★一定要有 unpackage文件夹 如果没有的需要到HBuilder X 编译一下,编译之前 要在微信小程序开启端口号 设置 - 安全设置 - 打开端口号,打开 HBuilder X 编译一下 第一次编译会下载插件,编译完成以后就会出现一个文件夹 unpackage。在 project.config.json 新增指定 app.json 路径。1、首先去官网拉取小程序代码,从HBuildx运行到小程序。这个时候项目起来了,但是小程序发生了报错;

2024-08-19 15:06:13 566 1

原创 小程序获取当前位置getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json

* 小程序特有相关 */

2024-08-19 15:05:36 413

原创 修改element-ui日期下拉框datetimePicker的背景色样式

如图: 放到assets里面间一个scss文件 main.js引用即可全局使用

2024-07-01 11:22:40 2503

原创 ElementUI样式优化:el-input修改样式、el-table 修改表头样式、斑马格样式、修改滚动条样式、

表格部分js部分添加} else {// 表格斑马自定义颜色。

2024-06-28 14:59:29 4144

原创 对input输入框的正则限制

正则: html: 如图: 三、0-100允许一位小数如果保留两位小数以此类推。。。三位: const reg = /^[-]?[0-9]+(\.[0-9]{1,3})?$/;

2024-06-18 15:22:14 614

原创 vue3:不同位置引入图片的写法

1、html直接引用。

2024-06-18 15:21:54 878

原创 弱密码系统登录之后强制修改密码

在你登录的时候,获取到弱密码,然后将他存到vuex里面,在登录进去之后,index页面再去取,思路是这样的

2024-05-22 11:39:53 753

原创 Echarts饼图中间添加文字

如图。

2024-05-16 09:00:00 6142

原创 echarts去掉网格线

x轴平行的线,就写在yAxis下面。这个颜色一定要加‘’,不然不生效。柱子后面白色的线太丑了!

2024-05-15 14:35:51 1645

原创 Cannot read properties of undefined (reading ‘init‘)报错

出现这个报错是印象项目没有引echarts包。npm i echarts 下包。然后在main.js中引入。

2024-05-15 13:36:47 477

原创 CSS详解(三)--网页布局篇

接上篇。

2024-05-14 16:27:48 1325

原创 检查数组中是否存在特定的值

可以使用 JavaScript 中的。方法来检查数组中是否存在特定的值。

2024-05-14 16:27:08 449

原创 elementui- button按钮自适应大小

【代码】elementui- button按钮自适应大小。

2024-05-09 09:44:05 1477

原创 echarts柱状图实现左右横向对比

其实是两组数据,其中一组数据改为负数,然后 在展示的时候,在将负数取反。这里数据如果初始为正,先便利一遍加负号。第二处修改数据,转负为正。

2024-05-06 15:39:52 1588

原创 堆叠柱状图tooltip属性添加合计/总数

1、堆叠柱状图实际上就是将好几个柱子叠加起来成一根。

2024-05-06 15:39:41 700

原创 el-slider属性详解

在 Vue.js 中使用el-slider组件,通常是来自 Element UI 库。这个滑块组件具有多个属性,可用于配置其行为和外观。目前是这个样子html部分js部分。

2024-05-02 18:09:38 1906

原创 一个VUE3的页面demo

样子是这样的目录是这样的。

2024-04-26 11:23:00 1419 4

原创 CSS详解(二)

接上篇。

2024-04-25 18:47:51 1512

原创 小程序中的生命周期函数

小程序中的生命周期函数用于监听页面的生命周期事件,开发者可以在这些函数中编写相应的逻辑,以便在页面生命周期的不同阶段执行特定的操作。

2024-04-25 18:47:26 821

原创 CSS详解(一)

行内元素可以通过设置内外边距(margin)、边框(border)和填充(padding)来调整其周围的间距和外观,但这些属性对行内元素的影响通常是垂直方向上的,水平方向上的影响有限。根据元素的属性值来选择元素。例如,[href] 选择具有 href 属性的所有元素,[title="example"] 选择 title 属性值为 "example" 的所有元素。选择某个元素的直接子元素。CSS 选择器允许你定义多个样式规则,这些规则可以根据选择器的优先级和特定的层叠规则来应用于元素,从而形成最终的样式。

2024-04-24 19:08:32 1032

原创 vue3:树的默认勾选和全选、取消全选

实现的功能,上面有个选择框,当选中全部时,下方树被全选。

2024-04-17 16:07:00 3826

原创 node.js常用指令

这意味着该包将被列在 package.json 文件的 devDependencies 部分,并且在项目中被认为是开发环境的依赖项,如测试框架、构建工具等。这意味着该包将被列在 package.json 文件的 dependencies 部分,并且在项目中被认为是生产环境的依赖项。:安装并将包信息保存到 package.json 文件中的 devDependencies 中,通常用于开发环境依赖。:安装并将包信息保存到 package.json 文件中的 dependencies 中。

2024-04-07 14:39:14 727

原创 vuex和pinia详解和区别

它提供了一个集中式的存储仓库,可以在整个应用中管理所有组件的状态,并提供了一些工具来保证状态的一致性。这些状态可以通过 getters 进行获取。:Pinia 是一个零依赖且轻量级的库,只包含必要的功能,没有过多的复杂性,这使得它非常适合用于构建中小型 Vue.js 应用程序。总的来说,Pinia 提供了一种简单、直观且灵活的方式来管理 Vue.js 应用程序中的状态,使得状态管理变得更加轻松和高效。Vuex 提供了一个集中式的存储仓库,可以在整个应用中管理所有组件的状态,这样可以更容易地追踪状态的变化。

2024-04-03 15:04:47 1047

原创 split的用法+取一个字符串id后面的数

id=27346748358631538截取这部分id=后面的数。方法是一个非常有用的字符串方法,可以根据指定的分隔符将字符串分割成子字符串,并将结果存储在数组中。在这个例子中,我们使用逗号作为分隔符来将字符串分割成子字符串,并将结果存储在数组。作为分隔符,表示逗号或分号,来将字符串分割成子字符串。,这意味着返回的数组最多只能包含两个元素。首先我需要做的是截取一个链接id后面的数。在这个例子中,我们使用。在这个例子中,我们将。

2024-04-03 10:08:27 615

原创 js截取部分字符串的方法

如果你需要从字符串中截取一段,根据起始和结束位置,推荐使用substring或slice。如果你需要根据起始位置和长度来截取字符串,可以使用slice,但要注意计算结束位置。尽量避免使用substr,因为它已被废弃且可能在未来的JavaScript标准中被移除。

2024-04-02 09:39:01 705

原创 vue:判断当前日期时间是否在一个日期时间区间里

最后通过比较当前时间和时间区间的开始时间、结束时间来判断当前时间是否在指定的时间区间内。根据判断结果输出相应的提示信息。对象来判断当前日期时间是否在一个日期时间区间内。在前端,可以使用 JavaScript 的。

2024-04-02 09:29:06 1348

原创 浅拷贝和深拷贝

这个对象有着原始对象属性值的一份精确拷贝,如果属性是基本类型,则拷贝其值;也就是说,浅拷贝只会拷贝对象的第一层结构,而不会递归地拷贝对象内部的引用类型。实现深拷贝的方法相对复杂一些,通常需要递归地遍历对象,并对对象内部的引用类型进行深拷贝。需要注意的是,使用 JSON 方法进行深拷贝的前提是对象中不包含循环引用(即对象属性相互引用形成闭环),否则会导致序列化失败。实现浅拷贝的方法有多种,比如使用对象的拷贝构造函数、Object.assign() 方法、展开运算符(...) 等。

2024-03-15 10:03:06 344

原创 IIFE函数

通过使用 IIFE,可以有效地管理变量作用域,避免变量命名冲突,并提高代码的可维护性。IIFE 还常用于模块化开发和插件开发等场景中,是 JavaScript 开发中常见且有用的技术之一。它是一种 JavaScript 函数执行方式,定义一个匿名函数并立即调用它,通常用于创建一个私有作用域以避免变量污染全局作用域。在这个示例中,我们定义了一个匿名函数,并在函数定义后紧接着使用括号 () 进行调用(即。由于此函数是立即调用的,外部无法访问函数内部的。变量,从而实现了私有作用域的效果。

2024-03-15 09:53:29 303

原创 ES7、ES8、ES9、ES10、ES11、ES12新增语法

ES7(ECMAScript 2016)引入了一些新的特性和语法。

2024-03-07 11:39:11 853

原创 Echarts:默认出现十条数据,超过十条展示滚动条,

默认出现十条数据,超过十条展示滚动条,

2024-02-28 14:10:16 1344

原创 VUE3:统计分析页面布局+自适应页面参考

上面效果图的代码,用的flex布局,宽高边距都用了动态的,浏览器窗口大小改变也会自适应。

2024-02-28 11:48:46 1078

空空如也

空空如也

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

TA关注的人

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