- 博客(36)
- 收藏
- 关注
RSS订阅原创 Vue组件中引入jQuery
若每一个组件中都去使用jquery，必须在每个组件中写：import $ from 'jquery'；比较麻烦，所以使用全局变量。修改根目录下.eslintrc.js 文件的env 节点，为env添加一个键值对 jquery: true 就可以了。我们想在哪个组件中使用jQuery库，首先要使用如下命令引入jquery，然后就可以正常使用了。你会发现成功使用jQuery获取到了DOM；不需要再import 引用 jQuery 了，可以 直接使用$了，将jQuer的文件导入到项目中，然后直接使用。
2024-03-13 14:43:48
779
原创 Naive UI框架安装和引入使用
一个 Vue 3 组件库比较完整，主题可调，使用 TypeScript，注意，naive-ui 仅支持 Vue3。
2024-03-13 14:07:36
631
原创 html前端的几种加密/解密方式
AES（Advanced Encryption Standard）是一种对称加密算法，可以将数据进行加密，并使用相同的密钥进行解密。在前端，可以使用JavaScript的CryptoJS库来进行AES加密解密，例如使。RSA是一种非对称加密算法，可以使用公钥对数据进行加密，然后使用私钥进行解密。在前端，可以使用JavaScript的CryptoJS库来进行MD5散列，例如使用。MD5.js是通过前台js加密的方式对用户信息，密码等私密信息进行加密处理的工具，也可称为插件。函数进行Base64编码，使用。
2024-03-08 13:49:20
2095
原创 JS判断对象属性是否存在
一 、在JavaScript中，有几种方法可以判断对象属性是否存在： 使用in操作符： property in object 例如：'name' in obj，如果obj对象有name属性，返回true，否则返回false。 使用hasOwnProperty()方法： object.hasOwnProperty(property) 例如：obj.hasOwnProperty('name')，如果obj对象有name属性且该属性是它自己的，返回true，否则返回false。 使用ty
2024-03-07 14:12:54
478
原创 js 将对象转换为数组，两个对象的属性相同合并相加
定义数组value: 0,span: 3}, {value: 0,span: 3}, {value: 0,span: 3}, {cause: '',span: 5}]定义两个对象"AbnormalCause": "JKJ产出数量大于投入数量DR产出数量大于PE产出数量"},将连个对象合并相加// Number() 将值转换类型为数字类型//特定的判断条件去添加到titleDate数组属性中})})
2024-03-06 15:08:36
981
原创 js 获取当前时间减12小时的时间 并转换为YYYY-mm-dd HH:mm:ss
【代码】js 获取当前时间减12小时的时间 并转换为YYYY-mm-dd HH:mm:ss。
2024-03-06 08:34:28
358
原创 element ui组件 el-input只能数据整数，且设置不能小于0大于10
第一个属性：type=“number” input的原生属性，标明input框的类型第二个属性： step=“0.5” input的原生属性，type=“number” 时生效， 标明输入字段的合法数字间隔（假如 step=“0.5”，则合法数字应该是 -0.5、0、0.5、1，以此类推）第三个属性： min=“0” max=“10” min 属性规定输入字段所允许的最小值。max 属性规定输入字段所允许的最大值。min 属性与 max 属性配合使用，可创建合法值范围。
2024-01-31 16:21:35
1599
原创 js保留两位小数
/隐式转换为字符串和toString()效果一样//没有小数补齐这个0}else{//有小数截取前二位小数console.log(moneyFormat())//结果55.99这些方法都能够保留两位小数，具体选择哪种方法取决于代码的具体情况和需求。
2024-01-29 15:57:35
446
原创 vue3 slot的定义与使用
插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符。
2024-01-29 13:46:37
1221
原创 element ui组件 el-date-picker设置default-time的默认时间
default-time ：选择日期后的默认时间值。如未指定则默认时间值为00:00:00。
2024-01-29 10:48:52
1639
原创 javaScript删除对象属性总结方法
需要注意的是，通过赋值为undefined删除属性只是将属性的值置为undefined，并没有真正从对象中删除属性。通过Object.assign()方法创建的新对象不包含被删除的属性。需要注意的是，原对象并没有发生改变。应用解构和rest语法后，restObject将包含与object相同的属性，只是没有删除的属性。这些是JavaScript中常用的删除对象属性的方法，根据具体情况选择合适的方法来删除对象的属性。
2024-01-25 16:10:02
662
原创 js 判断数据是不是{}
上述代码中，isObjectEmpty() 函数接受一个参数 data，首先使用 typeof 运算符判断 data 的类型是否为对象，如果不是，则返回 false。如果是对象，则使用 Object.keys(data) 获取对象的所有属性，再判断属性的数量是否为 0，如果是，则返回 true，表示对象为空对象，否则返回 false。另外还可以使用 typeof 运算符来判断一个数据是否为对象，并且可以使用 Object.keys() 方法来判断一个对象是否为空对象（即是否没有任何属性）。
2024-01-25 16:01:53
840
原创 JS canvas画布的基础知识点和操作方式
JavaScript中的画布是通过HTML5提供的<canvas>元素来创建和操作的。以下是关于画布的基础知识点和操作方式。创建画布: 通过JavaScript代码在HTML文档中创建一个画布元素。设置画布尺寸: 使用width和height属性设置画布的宽度和高度。获取绘图上下文: 获取画布的2d上下文对象，用于进行绘制操作。绘制形状: 通过绘图上下文对象的方法绘制各种形状，如矩形、圆形、线条等。绘制文本: 使用绘图上下文对象的方法绘制文本。
2024-01-16 16:53:35
512
原创 vue3中，vue-echarts基本使用（柱状图、饼图、折线图）
注意：vue-echarts在使用前要先安装echarts，不要只安装vue-echarts这一个echarts官网地址：Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。安装vue-echarts注意：Vue 2下使用，必须还要安装main.js中全局注册组件。
2024-01-12 16:03:42
4839
原创 在应用开发中遇到的问题与解决方案
以上只是一些常见的问题和解决方案，具体在应用开发中还会遇到其他各种各样的问题，需要根据具体情况进行分析和解决。
2024-01-11 08:50:23
538
2
原创 js 字符串与数组中一些基础方法操作
在JavaScript中，可以对字符串执行多种操作，包括字符串拼接、字符串截取、字符串查找、字符串替换、字符串转换等。以上仅是对字符串操作的一些基本方法，JavaScript还提供了很多其他字符串操作方法，如。JavaScript中，对象和函数是两个重要的概念。这只是JavaScript数组的一部分操作，还有其他很多方法和技巧可以应用。，第二个元素2、第三个元素3和第四个元素4被删除了。方法会改变原始数组，同时返回一个包含被删除元素的新数组。：可选参数，表示要添加到数组的元素。：表示要删除的元素个数。
2024-01-10 14:58:09
854
原创 vue项目中刷新页面的方法
注意：这种方法也需要使用Vue Router，并且需要在main.js中引入router实例。这种方法的原理是先跳转到一个特定的路径，再返回上一个页面，从而达到刷新页面的目的。注意：这种方法需要使用Vue Router，并且需要在main.js中引入router实例。以上是一些常见的刷新页面的方法，在不同的场景下可以选择适合的方法使用。
2024-01-04 12:59:53
744
1
原创 Node.js运行环境配置参考文档
因为cnpm会被安装到D:\nodejs\node_global下，而系统变量path并未包含该路径。A 、 配置npm的全局模块安装路径及cache路径：在nodejs主目录(我这里是。和win7不一样的，要一条一条的写路径，一定要注意，我这里的截图是win7的。和win7不一样的，要一条一条的写路径，一定要注意，我这里的截图是win7的。我的电脑--》右键--》属性--》高级系统设置--》环境变量--》系统变量。多个路径之间使用分号(;在接下来的配置中，一定要根据你的安装路径进行参数设置；
2024-01-03 15:41:56
508
1
原创 Vue3快速上手
什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2023-11-29 10:12:11
794
1
原创 Git 的基本概念和使用方式
Git 是一个分布式版本控制系统，用于跟踪项目文件的历史变化和合作开发。以下是 Git 的仓库（Repository）：Git 使用仓库来存储项目文件和历史版本。仓库可以是本地仓库或远程仓库。提交（Commit）：当你修改文件并确认这些修改是有意义的时，你可以使用 Git commit 命令将修改提交到本地仓库。分支（Branch）：你可以创建不同的分支来并行开发和测试不同的功能。分支可以合并到主分支上。合并（Merge）：当你完成开发并测试完一个分支后，你可以将该分支合并到主分支上。
2023-11-27 16:43:43
382
1
原创 js 根据当前获取前一周或者后一周等日期
获取月份：var month = now.getMonth() + 1;获取分钟：var minute = now.getMinutes();获取秒钟：var second = now.getSeconds();获取年份：var year = now.getFullYear();获取小时：var hour = now.getHours();获取日期：var date = now.getDate();获取星期：var week = now.getDay();
2023-11-27 16:33:25
1409
1
原创 CSS flex布局（弹性布局/弹性盒子）
CSS flex布局是一种弹性布局模式，它可以快速、简单地实现各种布局应用场景，如水平、垂直居中，等分布局，自适应布局等等。
2023-11-27 16:27:50
403
1
原创 Vue3 -vite打包
你可以在 Node.js 官网 https://nodejs.org/ 下载最新版本的 Node.js 安装包。你可以在 Node.js 官网 https://nodejs.org/ 下载最新版本的 Node.js 安装包。此时你就可以在浏览器中访问 http://localhost:3000 来查看你的 Vue 3 项目了。此时你就可以在浏览器中访问 http://localhost:3000 来查看你的 Vue 3 项目了。以上就是在 Vite 中搭建 Vue 3 项目的步骤，希望对你有帮助！
2023-09-20 13:50:16
542
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人