- 博客(32)
- 问答 (8)
- 收藏
- 关注
RSS订阅原创 textarea的自适应高度
场景：textarea的高度需要随着输入内容的增加而增加。方法一：div模拟textarea。方法二：监听输入事件+窗口滚动高度。
2024-03-15 16:36:49
1538
原创 自定义文本溢出省略展示
伪元素加定位的优点是可以设置自定义省略样式，比如把省略号换为图标效果：我真帅我真帅我真帅我真帅 我真帅我真帅我真帅我真帅</div>.demo {/* 使用背景图片，否则无法调整图片大小 */right: 0px;
2024-03-15 12:01:33
360
原创 js数组常用迭代方法
1.Array.forEach() 适用于只是进行集合或数组遍历。2.Array.map() 适用于对数组遍历，并返回新数组。返回新数组，不会改变原数组，新数组由符合条件的数组组成。4.for 功能强 ，可以遍历 数组、对象、字符串。数组和字符串可以快速拿到索引，对象可以拿到key。迭代数组和字符串，直接拿到value。可以遍历 数组、对象、字符串,
2024-02-27 16:06:44
410
原创 webpack学习
/ 抽离公共配置 保留通用代码const path=require('path')//引入path模块//引入插件 简化了 HTML 文件的创建//引入插件 抽离css//引入插件 压缩css 优化配置中注册const TerserWebpackPlugin = require('terser-webpack-plugin')//压缩 生产环境JavaScript// 自定义模块 npm install toml yaml json5 -D。
2024-01-15 12:20:26
986
原创 keep-alive简单使用
keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。使用 keep-alive 会将数据保留在内存中，如果要在每次进入页面的时候获取最新的数据，需要在 activated 阶段获取数据，承担原来 created 钩子函数中获取数据的任务。一旦这个数字达到了，在新实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉。被包含在 keep-alive 中创建的组件，会多出两个生命周期的钩子: activated 与 deactivated。
2024-01-06 11:05:38
498
原创 项目中遇到的跨域问题
需要对后台返回地址数据进行截取stage-api后面的部分，截取地址时候尽量使用地址中固定字符串截取，不要使用/截取，容易出现问题然后利用process.env.VUE_APP_BASE_API区分环境进行拼接，axios请求在前面补加baseurl，后台给出的地址为固定的测试环境地址，地址中间存在stage-api，前端本地启动的项目为开发环境服务器，地址中间是dev-api，导致域名不一样。图片地址：http:106.128.46.200：8080/stage-api/ipg。
2023-12-29 19:56:31
321
原创 若依前后端不分离项目引入js插件
成功引入后又遇到了第二个问题：这个项目的使用的jq进行的逻辑书写，在想后端传递数据的时候，直接传递的是$('form').serialize()这个值，这里代码的意思获取form表单中所有表单元素的值，并将其序列化成字符串。还有一种方法：通过$('form').serializearray()拿到表单数据数组，通过循环遍历找到更改的数据进行更改加密。serializearray是一种jQuery的方法，它可以封装表单元素为一个数组，用于表单的序列化。我想要在传递之前对表单里面的数据加密后再次上传。
2023-12-29 19:53:42
626
原创 前端文件上传 multipart/form-data
formdata中使用ele-ui的文件上传，注意file.raw才是文件流，若传file会失败。需求：今天在做文件上传的时候，后端要求使用 multipart/form-data进行文件上传。axios的content-type是自动设置的。经过了解几个常见的Content-Type。
2023-10-24 21:10:19
871
1
原创 vue代理、el-tooltip标签
中加入el-tooltip标签（或者el-popover），标签内容为后端返回的html。vue的config代理。
2023-09-24 15:57:16
73
2
原创 formdata对象在控制台输出为空
问题：今天在项目中想要输出formdata的值，发现在控制台只是输出了一个空对象。原因：formdata是一种特殊对象，不可序列化，输出的是formdata原型。formData.getAll("itemType") 可以查看key的所有值。序列化：将对象转换为字符串形式（简单理解）formdata与json区别。
2023-08-07 20:25:29
789
原创 随机彩票号码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-03-18 21:43:48
109
原创 基于miniUI框架的适配总结
最近接到了一个需求，公司内部后台管理系统是基于miniui进行开发的，由于开发时间较早，只能在IE上面使用，如果在Chrome上面使用，页面不适配，布局会混乱，所以现在需要将系统进行Chrome适配。我首先在miniui官网查看了文档，上面写的是能够支持谷歌的，于是猜测可能是miniui框架需要更新，然后下载了最新的框架，替换了miniui.js。此时页面已经可以大部分适配了，于是就没继续替换其他的文件（这导致了自己绕了一个大圈），开始对不适应的样式进行调整。调整到最后发现，由于新的框架与旧的框架区别，
2022-03-02 21:06:04
914
1
原创 根据身份证判断年龄周岁
let id='十八位身份证' let val=id.length let myDate=new Date() let month=myDate.getMonth()+1; let day=myDate.getDate(); let age =0; if(val===18){ age=myDate.getFullYear- id.substring(6,10)-1; ...
2021-12-28 20:56:36
438
原创 敏感词汇校验
// 当敏感词汇第一次出现，提示再次确认，第二次出现则可以使用 //敏感词汇 let specialWord = ['12', '34', '56'] let ipt = document.querySelector('input') //失去焦点事件 ipt.addEventListener('blur', (event) => { let IptWord = ipt.value .
2021-12-22 21:22:56
919
原创 vue常用组件间通信
一、父子通信1、父传子方法1（动态属性传参）方法二（provide）二、子传父方法一（this.$emit）方法二（ref链获取子组件数据）三、兄弟组件间通信（bus）需要先将bus安装$ npm install vue-bus --savemain.js中写入：import VueBus from 'vue-bus';Vue.use(VueBus);...
2021-11-23 11:29:48
339
原创 git的基本命令
一、工作机制二，常用命令 git config --list 查看配置信息 git config --global user.name "John Doe"配置用户名 git config --global user.email johndoe@example.com配置用户邮箱 git init 初始化仓库 git commit -m 'Initial project version'上传至历史区 git clone https://github.com/libgit2/libgi
2021-11-19 15:24:59
500
原创 Vue声明式导航与编程式导航，以及params传参刷新丢失问题
一、声明式导航1、query传参2、params传参（及解决刷新丢失数据问题）二、编程式导航编程式导航等同于声明式导航，可以理解为这两个是一样的，声明式导航的to的里面写什么，编程式导航的push内就写什么。使用router.push方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URLrouter.go(n)这个方法的参数是一个整数，意思是在 history 记录中向前或者后退多少步，类似window....
2021-11-02 21:24:24
350
原创 Vue双向数据绑定及自定义v-model
一、不使用v-model的两种双向数据绑定1、子组件内部的双向数据绑定2、父子组件的双向数据绑定二、自定义双向数据绑定1、未使用model配置的双向数据绑定2、使用model自定义配置的双向数据绑定...
2021-10-30 10:22:29
131
原创 Vuex（二）模块化
一、使用模块内state的数据方法1方法2（辅助函数）二、使用模块getters内数据方法1方法2（辅助函数）三、修改模块内数据 （mutations）方法1方法2四、修改模块内数据 （actions）方法1方法2...
2021-10-28 21:36:11
95
原创 vuex的使用方法（一）
第一，通过this.$store进行直接使用vuex内数据1、取state内数据（只读）2、修改state内数据3、getters的数据派发4、actions异步处理数据
2021-10-27 15:47:56
124
原创 vue组件切换时的动画
第二种 第一种使用Animate.css的动画 <transition name="fade" > <router-view ></router-view> </transition>.fade-enter-active{ animation:shakeX ; animation-duration: 2s;}.fade-leave-active{ animation:shakeX .5s .
2021-10-23 10:19:39
395
空空如也
vue作用域插槽与默认插槽一起使用的问题
2021-10-21
vue.config.js文件显示的是vue文件的图标
2021-09-23
JSONP跨域请求问题与服务器的关系
2021-08-24
Ajax发送请求携带的参数
2021-08-24
VScode游览器启动问题
2021-07-21
vscode的预览代码，游览器启动问题
2021-07-21
关于图片下面放个块元素浮动的问题
2021-07-05
块元素浮动问题，与理解的有冲突。
2021-07-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人