- 博客(32)
- 收藏
- 关注
RSS订阅原创 vue+canvas实现逐字手写效果
上，形成一个逐字的手写效果。用户还可以保存整幅图像或者撤销上一个添加的字。上书写单个字，然后在特定时间后将这个字添加到。在pc端进行逐字手写的功能。
2024-05-23 16:27:15
407
1
原创 uniapp+canvas实现逐字手写效果
上，形成一个逐字的手写效果。用户还可以保存整幅图像或者撤销上一个添加的字。在移动端使用 UniApp 进行逐字手写的功能。上书写单个字，然后在特定时间后将这个字添加到。
2024-05-21 20:53:01
549
1
原创 uniapp + uView动态表单校验
直接给rules里面循环加上校验规则，注意页面prop的写法 :prop="`tmList[${index}].value`"项目需求：动态循环表单，并实现动态表单校验。
2024-04-29 11:36:27
1219
1
原创 Element Plus TimePicker限制可选时间范围（包含时分秒）
限制可选时间范围，官方写的是传入禁用时间段，我们的需求是动态传入可选时间范围。传入的时间为06：09：00~20：56：59可选。Element Plus 只能通过。
2024-01-31 18:34:33
1483
原创 el-select加v-infinite实现数据懒加载和远程搜索功能
【代码】el-select加v-infinite实现数据懒加载和远程搜索功能。
2023-06-27 16:03:11
1216
2
原创 js判断数组对象中的某个元素是否每个对象的这个元素都相等
例如，假设您有一个包含多个用户对象的数组，每个用户对象都有一个名字属性。如果您的需求不是直接判断元素是否等于特定值，而是需要比较对象中某个属性的值是否全部相等，可以使用reduce方法来实现。数组是否为空，因为如果为空，如果您需要检查的属性名不是。替换为您需要检查的属性名。属性的用户对象，存储在。方法会筛选出所有拥有。方法来检查这些对象的。方法之前，需要先判断。方法将抛出一个错误。
2023-04-23 15:01:44
2027
原创 【picker-view】uni实现带有搜索框的选择器（懒得翻代码，写在这好cv）
【代码】【picker-view】uni实现带有搜索框的选择器（懒得翻代码，写在这好cv）
2023-03-23 16:17:50
1320
原创 el-select下拉框，备选项自定义，filter-method自定义，可按学号和姓名搜索。
el-select下拉框，备选项自定义，filter-method自定义，可按学号和姓名搜索。
2023-01-18 15:08:04
3323
原创 自定义指令的使用场景
1.处理失败图片如果图片加载失败：就显示默认图片，加载成功就不用管（1）导入默认图片import defaultImg from '@/assets/common/head.jpg'export default { data() { return { defaultImg: defaultImg } },} avatar是从后台数据中拿到的线上图片（2）在img中动态设置src属性<img v-errorImg="defaul..
2022-04-28 11:37:23
1518
原创 ES6数组操作方法
1. forEach（1）没有返回值（2）不能return，会返回undefindevar arr = [1, 2, 3, 4, 5, 4, 2]arr.forEach((item) => { console.log(item)})1, 2, 3, 4, 5, 4, 22. map（1）有返回值，返回一个新数组（2）可以return，可以自定义返回值var arr2 = [ { id: 1, name: 'jack', age: 18 }, { id
2022-04-21 18:03:35
1895
原创 flex布局
1.特点：给父级加上display:flex（1）默认所有子元素都会在一行显示,即使给子元素一个很大的宽度（2）在flex眼中，标签不再分类，简单说就是没有块级元素，行内元素和行内块元素，任何一个元素都可以直接给宽度和高度一行显示（3）Flex不存在脱标的情况：也就是基本淘汰了浮动，更不用清除浮动（4）然存在兼容性问题，如果不考虑兼容性可以大量使用，如果是移动端则不用考虑直接flex2.主轴对齐方式给父级加上属性名 justify-content3.侧轴对齐方式.
2022-04-18 20:21:11
120
原创 富文本编辑器的使用
1.下包vue-quill-editor@3.0.62.在全局导入并注册// 导入富文本编辑器import VueQuillEditor from 'vue-quill-editor'// 导入富文本编辑器的样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'// 全局注册富文本编辑器Vue.use(VueQuillE
2022-04-18 15:45:02
988
原创 git常用指令
git clone 仓库地址 克隆远程仓库git add . 推到暂存区git commit -m xxx 推到本地仓库git push 推到云端gitb log 查看详细提交日志git reflog 查看简洁版的日志git reset --hard head~2 版本回退git reset --hard 1ffe92e 版本回退git branch 查看分支git branch xxx 根据主分支创建分支git checkout xxx 切换分支git che.
2022-04-15 10:08:33
61
原创 防抖解决连续点击登陆问题
1.下载lodash包2.导入import _ from 'lodash'2.语法函数名:_.debounce(function(){处理的事件},时间)3.防抖解决连续点击登陆问题 methods: { handleLogin: _.debounce(function() { this.$refs.loginForm.validate(async valid => { if (valid) { await this
2022-04-14 16:43:32
312
原创 简述一下路由的几种模式以及实现的原理
hash1.url地址上有#2.实现的原理:原生的hashChange事件,主要是通过事件监听hash值的变化<a href='#/aaa'>1</a>window.onHashChange=function(){}3.刷新页面:不会发生请求,页面不会有任何问题,不需要后端配合history1.url地址上没有#2.实现的原理:利用的history api来实现的 popState() pushState()来实现的3.刷新页面:会发送请求然后会导
2022-04-13 19:51:52
550
原创 Vue时间过滤器（转换时间类型）
1.下载day.js包2.直接在main.js中CV以下代码import dayjs from 'dayjs'Vue.filter('forMat', (data, p1) => { return dayjs(data).format(p1)})3.使用表格组件中使用示例 转换成2000-01-01格式 <el-table-column label="入职时间" width="120"> <template
2022-04-08 12:19:25
1476
原创 vue注册全局组件保姆级教程
1.首先在公共组件文件夹中创建一个js文件2.直接CV下面这段代码到js文件中，提供统一注册的入口文件* require.context('文件路径',深层次查找[bool],匹配的文件后缀)----webpack提供的export default { install(Vue) { /* 函数 */ var requireComponent = require.context('./', true, /\.vue$/) // console.dir(requ
2022-04-08 10:58:49
1143
原创 js把对象的中文key转换为英文key
//获取的原数据const arrObj = [ { 入职日期: 44505, 姓名: '张三', 工号: '9027', 手机号: '13958256300', 转正日期: 43719, 部门:'总裁办' }, { 入职日期: 45535, 姓名: '李四', 工号: 9008, 手机号: 13958255500, 转正日期: '43719', 部门:'总裁办' }]async t.
2022-04-06 20:27:27
1603
原创 JavaScript 的基本类型有哪些？引用类型有哪些？null 和undefined 的区别?
数据类型 :基本数据类型：Number、String、Boolean、null、undefined引用数据类型：Function、Object、Array区别 :undefined:声明变量但未对其加以初始化时，这个变量的值就是undefined。null:定义了，但是赋的值是空的。a：声明但未定义(undefined)b: 声明且定义为nullc: 未声明(c is not defined)let a;console.log(a);let b = n
2022-03-26 21:54:46
1622
1
原创 清除浮动的原因和方法
1. 清除浮动的原因 浮动元素的父级没有高（没有高度的原因可能是因为不方便给高度，也可能是因为你忘记给高度啦！！！）。 父级没有高度，则会影响下面的标准流盒子，下面的盒子会升上来，从而影响页面布局。 清除浮动目的： 让父亲自动检测浮动子元素的设置高度。 父亲有高度了，就不会影响页面布局了。2. 解决方案 (1) 给父级一个高度。 (2) 额外标签法。 额外新增一个标签，页面的标签会越来越多，不好~~~ (3) 伪元素方法...
2022-03-22 20:20:55
814
原创 伪类和伪元素的区别及使用场景
1. 伪类和伪元素的区别1.1 作用不同 伪类是一种状态，可以看看做是选择器。比如鼠标经过 伪类 :hover , 比如 结构伪类 li:nth-child， 一个冒号。 伪元素 是 元素， 简单来说，就是用css 模拟出来了一个盒子。1.2 权重不相同 伪类 是 10 （类、属性选择器 [type=submit]） 伪元素 是 1 (标签选择器 )1.3 使用场景不同 比如:鼠标经过盒子，盒子里面的样式会有变化，则...
2022-03-22 20:13:14
3967
原创 如何解决margin塌陷
互相嵌套块级元素，如果给子元素设置margin-top会作用在父元素身上，这种现象就叫嵌套块级元素塌陷。解决办法：1.给父元素设置padding-top或border-top2.给父元素设置overflow:hidden3.把子元素转换为行内块：display:inline-block4.使用浮动 绝对定位 相对定位 * { margin: 0; padding: 0; } .father {.
2022-03-20 14:13:44
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人