- 博客(74)
- 收藏
- 关注
RSS订阅原创 vue登录页获取随机验证码
首先验证码随机图片组件；放在适当的文件中，后面引入到主页面。vue2的写法，vue3项目改写成ts写法即可。主页面，也就是登录页，在这里引入组件。根据需求再更改代码即可。
2024-03-31 16:12:16
191
原创 如何增加自己博客曝光率&粉丝量
首先，就是增加自己博客文章的曝光量，需要借助百度，谷歌等大型搜索引擎的力量让更多的人能够搜索到自己的博客文章；登录百度的资源搜索平台，提交你的文章链接，加快你的网站内容抓取和曝光率。有了曝光量之后，就会有更多的用户阅读到你的文章，增加的是阅读量，而不是粉丝，如何让来到的人阅读文章时变成你的粉丝呢？，那么别人点进你文章想阅读全文的时候，就得点击 关注博主阅读全文 的按钮，才能阅读全篇；想让自己的博客文章被更多人阅读，增加博客粉丝量，除了自己文章内容质量过关之外，还有一些可以使用的技巧；
2024-02-28 17:36:20
553
1
原创 Vue单文件组件（SFC）规范
vue文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个.vue文件包含三种类型的顶级语言块<template><script>和<style>，还允许添加可选的自定义块：data() {return {data() {return {data() {return {data() {return {</data() {return {</data() {return {data() {return {exportdata() {
2024-02-28 15:47:10
787
原创 css实现上下左右居中
首先把内部盒子的位置设置为顶部和左侧距离大盒子顶部和左侧都是大盒子高度和宽度的50%；然后再把小盒子的顶部和左侧的位置都回退内部小盒子高度和宽度的50%；这样就刚好实现小盒子上下左右都居中在大盒子内部。利用display: flex和margin: auto实现。利用子绝父相和css3的transform属性实现。利用子绝父相和margin:auto实现。利用flex布局实现（弹性盒子）利用grid布局实现（网格布局）几种常用的上下左右居中方式。
2024-02-27 16:25:30
399
原创 修改element-UI组件样式
form表单禁用后背景色仍用白色，字体灰黑色；这里指的是输入框，文本域，下拉选择框等表单基础元素的背景色；也就是 placeholder 的提示信息的颜色；也就是输入框为空白时，其内部的提示文字的样式。这里单选框指的是横向的单选，两个圆圈二选一的那种。
2024-02-21 15:44:03
432
原创 cmd常用命令
可删除字符数量,同于F2的功能 （例： 输入 cd test 将光标移动到d下面，按下F4 输入e后,系统自动删除t以后(包括d) e(不包括e)以前的字符 命令变为 cest）可复制字符数量 , 输入上次命令中含有的字符,系统自动删除此字符后的内容. （例：输入 cd test ，按下F2 输入 e 后,系统自动输入 cd t 命令）单字符输出上次输入的命令，如果已经是最后的一条的命令，则不进行任何切换操作。F7中选择的命令是有编号的，按下F9再输入命令的编号，就能快速执行命令。
2024-02-03 16:38:35
898
1
原创 电脑快捷键
切换窗口(仅同一软件内多个窗口有效，如浏览器开了许多个网页)在一个文本或者网页里面查找，相当实用（退出一般按ESC）打开任务管理器（或者ctrl+alt+delete）选中窗口但不打开，使用回车打开。选中所有文本,或所有文件。
2024-02-03 16:35:31
137
原创 element-ui表单回显后只能编辑一次的问题
问题描述：element-ui表单，编辑回显后，只能编辑一次，紧接着第二次打开编辑便无法修改表单的中的内容。在表单的回显处，加上这行代码即可。
2024-01-02 15:32:34
569
原创 vue项目实现生成一个简单二维码
最后，如果上面的流程都能走通，那么，就可以按照自己项目的时机需求去再做开发了，至少生成二维码的功能已经实现了。vue项目中实现的 一个简单的二维码生成例子。然后尝试走通下面的业务。
2023-11-27 15:30:46
657
原创 Echarts设置环形图中心文字
通过这种方式确实可以达到效果，但是，label的主要目的是用来配置环形图提示信息的，而不是用来配置环形图中心文字的，而且如果使用这种方式，那么，环形图中心文字和环形图各部分的提示信息是不能同时存在的，如果强行把label写成数组形式，把提示信息加上去，那么，提示信息就会和中心文字一起在环形图中心层叠显示。但是，如果环形图位置不是居中的，也就是相比于默认值而言发生了偏移，那么，graphic中也需要手动的进行配置才行；那么，使用该定位其位置也设置为center，中心文字和环形图都居中，效果很好。
2023-11-21 10:56:41
5914
原创 elementUI-表单-校验
model=“form” 必须配置 表单数据对象 form 指的是该表单对应的data中的表单，而 el-form-item 绑定的数据大多都在这个form中。通常有时候还需要在该函数里做一些其他操作，因为resetFields有时候并不能保证可以清空form表单中的数据，那么就需要额外的对form表单数据进行清空。若有多条校验规则且有的字段就不止一个校验规则，则使用对象数组；清除表单校验，一般用于表单的取消编辑和关闭表单时使用，避免下次打开表单时校验规则残留在表单上。
2023-11-20 09:22:28
676
原创 elementUI使不可编辑输入框恢复白色背景色
当给elementUI输入框组件加上 disabled 属性之后输入框就会呈现灰色，影响用户体验。只需要在css中加上下面这段代码即可。
2023-11-18 10:30:02
235
原创 在原生HTML页面发起axios请求
在原生html页面发起axios请求，首先需要先引入axios文件包，然后按照axios的请求方式发起请求即可，但如果页面在本地，那么请求一般会报错跨域问题，需要部署一下才能正确请求数据；
2023-11-16 11:23:25
2225
原创 vue解决跨域问题
当然，还存在一种情况就是，在外网跨域没有问题，随便跨域，而如果把前后端项目都部署到内网去，就完了，怎么配置都不行，始终爆跨域问题，嗯~~，思索良久未找到解决方案，最终把前端项目打包放到后端项目中，不再分别部署，齐活。好，好，好，这样玩是吧！如果都配置完成之后，但是仍旧不生效，就像是项目压根没走proxp一样，那么就是项目中已经配置过baseURL了，找到并注释掉再试试，一般会在request.js文件中。同源策略不是服务器行为，而是浏览器的行为，服务器会正常响应请求，但是如果不同源会被浏览器拦截。
2023-11-15 09:58:31
175
原创 JS计算中出现无限小数位的情况
在计算机角度，计算机算的是二进制，而不是十进制。二进制后变成了无线不循环的数，而计算机可支持浮点数的小数部分可支持到52位，所有两者相加，在转换成十进制，得到的数就不准确了，加减乘除运算原理一样。数转换为百分数的问题，用浮点数乘以100结果产生了一堆小数位。查资料发现原因是由于计算机计算会先把数字转换成二进制计算，然后在转换为10进制，导致精度丢失。
2023-11-02 15:10:54
483
原创 css为盒子设置滚动条&隐藏滚动条
此外，还可以使用“auto”属性值。当内容超出盒子边界时，会出现竖直方向的滚动条。如果内容未超出盒子边界，则不会出现滚动条。如果内容同样超出了盒子的水平范围，那么还会出现一个水平方向的滚动条。然后，给盒子加入overflow属性，该属性控制了当内容超出盒子边界时发生的事情。我们需要添加的是滚动条，因此设置为“scroll”。注意，如果内容没有超过盒子边缘，滚动条是不会出现的。首先，要为需要添加滚动条的盒子设置固定的高度和宽度，这样才能让内容超过盒子的边缘。：为盒子设置宽高，设置滚动条方向，隐藏滚动条。
2023-10-27 16:35:05
1394
原创 vue项目中使用特殊字体的步骤
然后把该文件放到src -> assets -> fonts -> 目录下，并在当前目录里新建一个fonts.css文件，把字体文件在该文件中声明。在项目中使用特殊字体，需要注意，所使用的特殊字体是否被允许商用或是个人开发，以及如何使用，切记不要侵权。首先需要在对应字体网站下载字体文件，取出里面后缀名为.ttf的文件。再然后就在main.js文件中全局声明fonts.js文件。最后在需要使用特殊字体的地方直接引用即可。
2023-09-14 18:02:41
350
原创 EL-UI树形表格页面首次加载-默认收起
属性确是是可以收起树形表格的，但是它起作用的时机为表格初始化时。但是在实际开发过程中表格的数据获取是异步的，也就是说，在数据来到表格之前，这个属性已经走完了它的流程，而当数据来到之后，就不在生效；即：只有初始化的时候是生效的，动态修改无效的。每修改一次就让表格初始化一下表格中的配置：控制展开/折叠，：用来二次初始化表格
2023-09-09 11:04:01
851
原创 vue中属性执行顺序
综上，选项的执行顺序是 props -> data -> computed -> watch -> created -> mounted -> methods。至于methods，它们只是普通的JavaScript函数，可以在组件的任何地方定义。方法不遵循任何特定的执行顺序。至于props和watch，它们不是生命周期函数，而是特殊的属性。props是父组件传递给子组件的属性，而watch用于观察和响应数据的变化。同时，props和watch可以在任何阶段使用，而methods可以在任何阶段定义和使用。
2023-09-06 11:46:31
914
原创 vue项目首次加载完页面后点击某个按钮出现页面强制自刷新
在form表单中使用button按钮导致form表单进行了页面刷新。button默认的“type=‘submit’”，点击会导致整个页面重新加载。所开发的vue项目每次跑起来之后就会出现点击按钮后重新加载整个页面的问题，但是只会在第一次点击的时候出现，后面就不会在出现加载整个页面的情况。采用框架自带的组件如“el-button”或者单独设置type属性如“type=‘button’”。
2023-08-30 14:49:31
892
2
原创 elementUI弹窗关闭自动清空表单以及校验规则及不生效处理办法
element组件中的Dialog 对话框，有时候会出现，第一次打开的时候校验没有问题，但是如果紧接着第二次打开弹框的时候，上一次的校验就会残留在本次打开的弹窗上。点击叉号那么就需要在叉号的回调函数中去清空本次的校验记录，而取消按钮更好做，直接写个函数指明取消即可。弹窗关闭一共就两种方式，第一种点击叉号，第二种点击取消按钮，那么就需要在这两个节骨眼上做文章；对于叉号而言，添加close事件，函数同取消按钮。
2023-08-30 14:49:00
2186
原创 elementUI表格多选实现方式
是因为当数据量比较多的时候，数据会进行分页展示，例如有30条数据，每页在初始化时展示10条，第二页甚至第三页数据其实是没有获取的，该策略被称之为是懒加载，可以大大缩短求情时间，提升用户体验。那么，如何获取选中的数据呢，官方文档提供了三种钩子函数，但是一个就可以满足需求了，在表格设置中加上selection-change 这个事件，其功能为：只要选中的数据发生改变，那么就会触发这个函数。之前所做的工作，仅仅只能在当前页进行选中，获取选中的数据，而不能实现换页一起选中，点击下一页之后，之前选中的数据就丢失了。
2023-08-19 17:23:24
2232
原创 树形组件浅知
不过需要注意树形数据的写法，分支结点和叶结点写法不同，对照文档来看。如果使用npm 不行 那么就使用。最后就是对照文档改为自己想要的样式了。别人写好的轮子，会用即可。然后在使用的地方引入即可。首先，需要安装依赖，
2023-08-19 08:25:49
180
原创 vue列表中小图片放大实现
使用element-ui组件库中自带的组件直接进行放大。鼠标移动到其上时，会有单击放大的文字提示。css部分，就是小盒子和点击之后的大盒子的css样式。用别人已经写好的轮子，也会比自己写的更加美观。
2023-08-19 08:25:05
557
原创 vue项目中接口的使用方式
使用封装之后的axios，一般二次封装之后的文件在模板项目utils文件下的request.js，在该文件中引入axios，配置基础路径、请求拦截器、响应拦截器等等，然后在api文件夹之下去写接口（不需要向外暴露），最后在views页面中调用接口即可。在main.js文件中引入，把所有的接口都挂载带vue的原形上，因此直接在页面中使用就行，不用再导入api文件（但是需要在api文件中向外暴露接口）。在页面中使用，不用再导入接口，直接使用即可。某个api文件以及其向外暴露接口的文件。
2023-08-04 08:08:23
1172
原创 vue组件强制刷新的方式
开发过程中,有时候会遇到这么一种情况,通过动态的赋值,但是dom没有及时更新,能够获取到动态赋的值,但是无法获取到双向绑定的dom节点,这就需要我们手动进行强制刷新组件。
2023-07-25 11:07:08
308
原创 修改vue项目中的全局-局部的svg样式
现在有一个需求，就是修改管理页面左侧菜单图标中的图标样式，调大一些。而菜单是该框架封装好的，通过一层又一层的组件去展示的。也就是上图中的layout中的一层层组件。直接在这些组件中修改svg的样式，不起作用。那么此时就要考虑在全局css样式中去修改样式了。在vue-element-admin项目中的svg图标是封装之后的。很多时候直接在对应的页面修改svg样式不起作用。那么就可以尝试在全局的index.scss文件中写样式。如何知道要改的样式是什么呢？是vue项目中的根，而后面的。
2023-07-25 11:06:12
455
原创 vue三级路由的写法
套了两层的children，其中在第二层套的时候，也就是车行的import 的指向是必须要有文件的，而不单单只是一个文件夹，必须要在这里再写一个出口才行。carline文件以及peopline文件之下的index.vue内容就是又一层的路由出口。
2023-07-25 11:05:14
405
原创 vue中路由懒加载的写法
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。主要是使用了resolve的异步机制，用require代替了import,实现按需加载。在官网提供了一种方法，可以理解也是为通过。组件本身，而我们又可以使用。
2023-07-25 11:01:16
149
原创 vue中路由懒加载的写法
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。主要是使用了resolve的异步机制，用require代替了import,实现按需加载。在官网提供了一种方法，可以理解也是为通过。组件本身，而我们又可以使用。
2023-07-25 10:59:59
211
原创 vue检测数据变化的原理
这样也是行不通的，因为这样添加出来的属性没有get和set方法，因为这两个方法是在vm实例生成之前做的加工中添加的。在第一步加工（数据劫持）中，vue给每一个数组（由data对象中所有的属性而形成一个数组）属性都添加了get和set方法，这是实现检测数据变化的关键。vue实例中的属性是从 _data 中通过数据代理生成的，而 _data中属性的方法是在生成vue实例之前加工中赋予的；：Vue.set() 和 vm.$set() 不能给vm 或 vm的根数据对象 添加属性！vue会监视data中。
2023-07-25 10:59:24
289
原创 vue中的数据代理
首先，实例中的data会被实例编译为 vm中的 _data，然后object.defineProperty() 把 _data中的数据代理为 vm 下的name 和 address，也就实现了暴露在vm实例上。因为_data中的数据发生了改变，即是vm 实例中的 data 发生了改变，所以，页面上也会同步的更新。一般通过为对象的属性赋值的情况下，对象的属性可以修改也可以删除，但是通过Object.defineProperty()定义属性，通过描述符的设置可以进行更精准的控制对象属性。
2023-07-25 10:58:00
170
原创 js中for-in 和for-of
区别一：for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。总结：for in适合遍历对象，for of适合遍历数组。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。对象，只能遍历带有iterator接口的，例如 Set, Map, String, Array。区别二：for in 可以遍历对象，for of。一样,是直接得到值。
2023-07-15 09:54:54
780
原创 Vue3中的两种API风格
缺点：代码组织性差，相似的逻辑代码不便于复用，逻辑复杂代码多了不好阅读；在vue2.x项目中使用的就是选项API写法，而且vue2的项目中也仅仅只能使用选项式的写法，组合式写法从vue3开始适用；代码风格：date选项写数据，methods选项写函数等等，一个功能逻辑的代码分散数个模块中。使用选项式 API，我们可以用包含多个选项的对象来描述组件的逻辑，例如。使用选项式的写法写vue3里面可以有vue2的代码，但是如果采用vue3。代码风格：一个功能逻辑的代码组织在一起（包括数据，函数、、、）
2023-07-13 21:41:27
697
原创 vue项目中跳转到新页面的方式
是一个用于获取当前页面 URL 或让浏览器跳转到新 URL 的重要方法，是 window.location 对象的属性。同时，当通过将 URL 指定给 window.location.href 时，可以让浏览器跳转到新的 URL。，唯一不同的是，它在导航时不会向 history 添加新记录，正如它的名字所暗示的那样——它取代了当前的条目。点击按钮后，先通过接口获取到要跳转的URL地址，然后再进行跳转，该跳转是从一个系统的A端跳转到B端。open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
2023-07-13 21:40:11
10383
原创 解决Echarts官网打开慢的问题
正常情况下，在Windows环境中打开ECharts官网可能会遇到非常缓慢的情况，一直处于加载中，甚至打不开，那么做一些处理即可大大缓解这个问题。host文件地址：C:\Windows\System32\drivers\etc。挖个坑：2023.7.12 该配置仍可用。但不保证永久可用，后续再更！解决在Windows系统中打开ECharts官网缓慢的问题。打开hosts文件，在文件最后追加上如下设置，然后保存即可。在测试就会发现：秒开。
2023-07-12 11:15:14
4133
6
原创 VUE CLI 配置详解
每个文件打包后都会出现一个.map文件，.map文件会出现一定的网络安全问题，我们可以通过productionSourceMap进行操作，使打包的文件不在出现.map文件，打包后的文件体积也会减少。官方文档也提到了因为 html 也是我们通过插件生成的，静态资源直接就 inject 进去的，所以，当 html 不是自动生成或者其他情况时候，就不能加 hash 了，可以配置 false。打包的包（dist）中的index.html文件的目录，默认就是dist的下一级，也就是打包之后的包的根目录。
2023-07-11 21:08:50
1114
原创 控制台警告：Duplicate named routes definition { name Config, path visitiorconfig
根据提示内容，猜测是和路由的name有关。警告是由于路由的name 重复导致的。一是中的name重复，一是动态路由的name 重复。
2023-07-11 20:48:10
233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人