- 博客(48)
- 收藏
- 关注
RSS订阅原创 Vue 中插槽的作用和用法
Vue 的插槽（slot）是一种组件的设计模式，它允许组件的使用者在组件内部插入内容。复用组件：插槽可以使组件更加灵活和可复用，使用者可以根据需要在插槽中插入不同的内容，而不需要修改组件的源代码。标签的同时添加一个属性，可以将父组件中的数据或方法传递到插槽中，并且可以在插槽中使用这些数据或方法。以上是插槽的基本用法，除此之外，插槽还可以嵌套使用，以及可以通过作用域插槽实现动态插槽等高级用法。插槽的默认值：Vue 3中的插槽可以有默认值，使用。动态插槽名：Vue 3中的插槽名可以是动态的，使用。
2024-08-28 16:25:29
397
原创 Vue3常见知识**MS【4】
vue2：是把数据放入data中，在vue2中定义数据变量是data(){}，创建的方法要在methods:{}中。vue3：就需要使用一个新的setup()方法，此方法在组件初始化构造的时候触发。
2024-08-28 13:39:48
863
原创 前端常见知识**MS [3]
浮动的作用，设置浮动的图片，可以实现文字环绕图片，设置了浮动的块级元素可以排列在同一行，设置了浮动的行内元素可以设置宽高，同时可以按照浮动设置的方向对齐排列盒子。设置浮动元素的特点： -设置了浮动，该元素脱标。元素不占位置 -浮动可以进行模式转换（行内块元素） 浮动造成的影响，使盒子脱离文档流，如果父级盒子没有设置高度，需要被子盒子撑开，那么这时候父级盒子的高度就塌陷了，同时也会造成父级盒子后面的兄弟盒子布局受到影响。如果浮动元素后面还有其他兄弟元素，其他兄弟元素的布局也会受到影响。清除浮动。
2024-08-22 16:29:50
1090
原创 vue常见知识**MS [2]
vue常见的问题（面试中问到的）Vue2和Vue3的主要区别体现在双向数据绑定原理生命周期钩子函数API多根节点、性能和体积等方面。双向数据绑定原理：Vue2使用实现双向数据绑定，而Vue3则利用ES6的Proxy特性来实现，这提供了对数据的更全面监控，包括对数组和对象的深度监听，而Vue2在处理数组变化时需要使用特定的方法（如this.$set），Vue3则可以直接检测到数组内部的变化。生命周期钩子函数。
2024-08-22 08:26:56
707
原创 Tailwind CSS的介绍和使用
Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类（class）名，然后生成相应的样式代码并写入 到一个静态 CSS 文件中。他快速、灵活、可靠，没有运行时负担。Font Family - TailwindCSS中文文档 | TailwindCSS中文网。
2024-08-21 11:04:16
450
原创 前端点击预览图片：Viewer.js 使用方法
Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。Viewer.js分为2个版本，js版本和jquery版本，下载地址分别为jQuery 版本：GitHub - fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.
2024-08-21 10:48:01
934
原创 Vue3 element ui 中多个form表单使用同一个表单必填校验规则
在vue页面中有多个form对象，且绑定了多个数据对象，使用的同一个必填校验规格；
2024-08-13 16:14:03
247
原创 vue项目中 i18n（vue-i18n） 国际化解决方案,从安装到使用
国际化（Internationalization，通常缩写为"i18n"）是指设计和开发软件应用程序，使其能够轻松地适应不同的语言、文化和地区的需求。国际化不仅仅涉及将文字翻译成其他语言，还包括调整日期、时间、货币格式，以及考虑不同文化中的布局、颜色和图标等因素。通过国际化，开发人员可以使其应用程序更易于被全球用户理解和接受，从而扩大应用程序的市场和影响力。定义语言包：需要几种语言展示，就定义几个语言包创建对象，对语言包进行整合，对象的 key 为语言包的引用，值为语言包对象。
2024-07-05 09:36:11
2213
原创 Navicat Premium 15 激活 步骤，如果出现：Rsa Public Key not Find..问题的解决方法
注意：在安装Navicat Premium 15前最好就先断网，避免后面忘记导致激活失败。
2024-05-20 09:02:27
2892
原创 vue常见**MS题 [1]
在这一步，实例已完成以下的配置：数据观测 (data observer)， 属性和方法的运算，watch/event 事件回调。el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。该钩子在服务器端渲染期间不被调用，因为只有初次渲染会在服务端进行。在挂载开始之前被调用：相关的 render 函数首次被调用。
2024-05-09 16:27:06
1159
原创 如何使用Vite快速构建vue项目
注意：如何你电脑没有装vite首次执行上面命令的时候会出现（需要安装的软件包如下:create-vite@5.2.3 可以继续了吗?(y) ）我们输入y继续就行 在vite安装结束之后我们可以继续创建项目：接下来就是选择我们需要创建的项目类型：里面有很多类型，我们 目前是创建的vue项目所有我们选择第二个vue回车（将我们的方向键往下选择就可以） 下一步我们将选择自己创建项目需要使用的js类型：TypeScript或者JavaScript；我们这里选择第一个然后回车，静等创建项目 项目创建完成
2024-05-09 09:08:57
238
原创 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
837
原创 Naive UI框架安装和引入使用
一个 Vue 3 组件库比较完整，主题可调，使用 TypeScript，注意，naive-ui 仅支持 Vue3。
2024-03-13 14:07:36
1162
原创 html前端的几种加密/解密方式
AES（Advanced Encryption Standard）是一种对称加密算法，可以将数据进行加密，并使用相同的密钥进行解密。在前端，可以使用JavaScript的CryptoJS库来进行AES加密解密，例如使。RSA是一种非对称加密算法，可以使用公钥对数据进行加密，然后使用私钥进行解密。在前端，可以使用JavaScript的CryptoJS库来进行MD5散列，例如使用。MD5.js是通过前台js加密的方式对用户信息，密码等私密信息进行加密处理的工具，也可称为插件。函数进行Base64编码，使用。
2024-03-08 13:49:20
4965
1
原创 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
936
原创 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
1369
原创 js 获取当前时间减12小时的时间 并转换为YYYY-mm-dd HH:mm:ss
【代码】js 获取当前时间减12小时的时间 并转换为YYYY-mm-dd HH:mm:ss。
2024-03-06 08:34:28
432
原创 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
3000
原创 js保留两位小数
/隐式转换为字符串和toString()效果一样//没有小数补齐这个0}else{//有小数截取前二位小数console.log(moneyFormat())//结果55.99这些方法都能够保留两位小数，具体选择哪种方法取决于代码的具体情况和需求。
2024-01-29 15:57:35
1310
原创 vue3 slot的定义与使用
插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符。
2024-01-29 13:46:37
1758
原创 element ui组件 el-date-picker设置default-time的默认时间
default-time ：选择日期后的默认时间值。如未指定则默认时间值为00:00:00。
2024-01-29 10:48:52
4699
原创 javaScript删除对象属性总结方法
需要注意的是，通过赋值为undefined删除属性只是将属性的值置为undefined，并没有真正从对象中删除属性。通过Object.assign()方法创建的新对象不包含被删除的属性。需要注意的是，原对象并没有发生改变。应用解构和rest语法后，restObject将包含与object相同的属性，只是没有删除的属性。这些是JavaScript中常用的删除对象属性的方法，根据具体情况选择合适的方法来删除对象的属性。
2024-01-25 16:10:02
1650
原创 js 判断数据是不是{}
上述代码中，isObjectEmpty() 函数接受一个参数 data，首先使用 typeof 运算符判断 data 的类型是否为对象，如果不是，则返回 false。如果是对象，则使用 Object.keys(data) 获取对象的所有属性，再判断属性的数量是否为 0，如果是，则返回 true，表示对象为空对象，否则返回 false。另外还可以使用 typeof 运算符来判断一个数据是否为对象，并且可以使用 Object.keys() 方法来判断一个对象是否为空对象（即是否没有任何属性）。
2024-01-25 16:01:53
1426
原创 JS canvas画布的基础知识点和操作方式
JavaScript中的画布是通过HTML5提供的<canvas>元素来创建和操作的。以下是关于画布的基础知识点和操作方式。创建画布: 通过JavaScript代码在HTML文档中创建一个画布元素。设置画布尺寸: 使用width和height属性设置画布的宽度和高度。获取绘图上下文: 获取画布的2d上下文对象，用于进行绘制操作。绘制形状: 通过绘图上下文对象的方法绘制各种形状，如矩形、圆形、线条等。绘制文本: 使用绘图上下文对象的方法绘制文本。
2024-01-16 16:53:35
950
原创 vue3中，vue-echarts基本使用（柱状图、饼图、折线图）
注意：vue-echarts在使用前要先安装echarts，不要只安装vue-echarts这一个echarts官网地址：Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。安装vue-echarts注意：Vue 2下使用，必须还要安装main.js中全局注册组件。
2024-01-12 16:03:42
15235
原创 在应用开发中遇到的问题与解决方案
以上只是一些常见的问题和解决方案，具体在应用开发中还会遇到其他各种各样的问题，需要根据具体情况进行分析和解决。
2024-01-11 08:50:23
754
2
原创 js 字符串与数组中一些基础方法操作
在JavaScript中，可以对字符串执行多种操作，包括字符串拼接、字符串截取、字符串查找、字符串替换、字符串转换等。以上仅是对字符串操作的一些基本方法，JavaScript还提供了很多其他字符串操作方法，如。JavaScript中，对象和函数是两个重要的概念。这只是JavaScript数组的一部分操作，还有其他很多方法和技巧可以应用。，第二个元素2、第三个元素3和第四个元素4被删除了。方法会改变原始数组，同时返回一个包含被删除元素的新数组。：可选参数，表示要添加到数组的元素。：表示要删除的元素个数。
2024-01-10 14:58:09
901
原创 vue项目中刷新页面的方法
注意：这种方法也需要使用Vue Router，并且需要在main.js中引入router实例。这种方法的原理是先跳转到一个特定的路径，再返回上一个页面，从而达到刷新页面的目的。注意：这种方法需要使用Vue Router，并且需要在main.js中引入router实例。以上是一些常见的刷新页面的方法，在不同的场景下可以选择适合的方法使用。
2024-01-04 12:59:53
933
1
原创 Node.js运行环境配置参考文档
因为cnpm会被安装到D:\nodejs\node_global下，而系统变量path并未包含该路径。A 、 配置npm的全局模块安装路径及cache路径：在nodejs主目录(我这里是。和win7不一样的，要一条一条的写路径，一定要注意，我这里的截图是win7的。和win7不一样的，要一条一条的写路径，一定要注意，我这里的截图是win7的。我的电脑--》右键--》属性--》高级系统设置--》环境变量--》系统变量。多个路径之间使用分号(;在接下来的配置中，一定要根据你的安装路径进行参数设置；
2024-01-03 15:41:56
550
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人