- 博客(164)
- 问答 (6)
- 收藏
- 关注
原创 渡一学习笔记:canvas必会、css滤镜、特效、svg
弧形选项卡瀑布流布局手写钉钉动画鼠标移动的高亮边框头像超出边框透明盒子的渐变阴影图片3D倾斜图片3D突显图片9宫格图片锯齿菱形边缘图片轮播图片上下视差滚动图片旋转视差文字标题丝滑动画连续阴影文字交错排列文字交融展开文字连续光影文字镂空文字下划线动画文字自动适配背景下拉菜单过渡圆形放大的hover动画延时动画canvassvg描边动画
2024-09-14 17:22:26 717 1
原创 详解类型转换
类型转换一、显式类型转换1、数值运算符(+)和负数值运算符(-)2、parseInt3、js提供的包装对象字符串布尔型转布尔型二、隐式类型转换1、数字与字符串运算2、数字与布尔值运算3、undefined、null 参与运算4、!参与运算5、==的隐式转化6、比较运算符类型转化总结注意类型转换表toString特殊情况valueOf对象转原始值对象的隐式转化3、类型比较的类型转换常见面试题一、常见的特殊的比较NaN注意二、一般情况三、字符串类型
2024-07-15 14:26:18 930
原创 js 对象总结
1、创建对象的6种方式总结一、new 操作符 + Object 创建对象二、字面式创建对象2、js 如何判断对象是否为空3、获取对象长度4、js 遍历对象的 5 种方法1、for … in2、Object.keys(obj)3、Object.values(obj)4、Object.getOwnPropertyNames(obj)5、使用Reflect.ownKeys(obj)遍历其他5、js 判断对象是否包含某个属性6、JS 中对象数组按照对象的某个属性进行排序菜鸟封装
2024-02-26 15:32:13 858
原创 js 常见报错 | js 获取数据类型 | js 判断是否是数组
js 常见报错SyntaxError(语法错误)ReferenceError(引用错误)RangeError(范围错误)TypeError(类型错误)URLError(URL错误)手动抛出错误js 获取数据类型1.1 typeof1.2 Object.prototype.toString.call()1.3 instanceof1.4 constructor封装打印所有类型js 判断是否是数组instanceof、constructor不好的原因isArray封装方法
2024-02-26 14:19:24 1042
原创 vue3常用代码:监听路由 | mitt、project/inject无效 | 防抖函数 | 下载函数 | 复制函数
监听路由路由跳转跨界面跳转获取参数mitt、project / inject 无效解决方案防抖函数 (已封装)复制函数封装下载函数(get)post注意
2024-01-25 14:59:11 1269
原创 vue3 导出数据为 excel 文件 + 导入excel文件
安装插件封装组件 -- Export2Excel.js(多表)导出使用 -- 数据处理成二维数组更多导入 excel 配合 element plus识别函数封装 -- ImportExcel.js实现简单的编辑操作,并且简单的表进行补齐注意更多,table直接导出excel
2023-11-24 14:31:57 3059 1
原创 element plus 使用细节
table 表格自定义内容select 显示的是value分页和搜索upload 使用 —— 一个文件(多个文件可以借鉴)el-dialog 使用一定要用一个参数接收 defineProps不要再 el-dialog 上加classelement plus 和 px2rem 不兼容解决巨大的图标element plus错位的图标el-messageel-input / el-selectElLoading(继续引入问题)
2023-11-23 10:19:11 1574
原创 vue3+eslint(推荐配置)|prettier+elementplus+国际化+axios封装+pinia
创建项目+eslint+prettier创建项目eslint+prettier完整eslint配置自动格式化设置多少换行-- 》.prettierrcelement plusvue.config.js1、有时候会报错 not a function2、使用 ElMessage 报错3、 element plus 版本过高4、警告5、报错element plus iconelement plus 按需导入设置为中文国际化axio封装切换pinia
2023-11-15 14:19:09 1145 1
原创 常用代码:vue必须配置的部分代码、element ui按需引入、vue动态绑定背景、自适应js、禁止放大、播放声音、store的使用、websocket封装、echarts、swiper
vue必须配置的部分代码element ui按需引入vue动态绑定背景(transform类比)自适应js禁止放大播放声音少量动态添加声音固定声音store的使用注意websocket封装注意echartsecharts实现渐变echarts适配echarts中间是图片或者文字(不要用定位,low)设置labelline的位置swiperswiper数据变化后,重新渲染防止swiper变化而导致宽度不对
2023-03-30 20:58:08 1186
原创 荧光效果、中间粗两边细的线、锥形渐变(扇型、半圆)、背景渐变、文字渐变、文字和背景颜色混合、不规则阴影(css 过滤)、背后像素过滤效果
文字描边效果(荧光) -- 阴影实现中间粗两边细的线锥形渐变背景渐变文字渐变text-stroke文字和背景颜色混合不规则阴影设置背后像素过滤效果
2022-10-08 18:01:59 535
原创 js 数组(总结)
不需要封装的原因数组的劣势创建数组数组方法 -- 返回值数组方法注意一、toString和valueOf的区别二、pop|push|shift|unshift
2021-09-26 16:10:00 581
原创 css Position(定位) [第八天]
position文档流1、background-position2、float3、边距问题什么是脱离文档流 ?static(静态定位)fixed 固定定位(相对浏览器窗口是固定位置)特殊情况不相对于视口relative 相对定位(相对其正常位置)注意absolute 绝对定位sticky 粘性定位使用条件问题margin 会影响只能作用于最外围外的父元素 或者 子元素的父元素是定位元素如果子元素的父元素是定位元素重叠的元素(z-index)
2020-08-22 13:39:45 334 1
原创 虚拟化表格(Virtualized Table)性能优化
功能介绍一开始的代码(el-tabel)分析解决办法虚拟化表格代替el-table解决jsx带来的报错如何监听事件和传参定位操作栏shallowRef代替ref
2024-11-19 09:43:03 894
原创 微信小程序自我总结2,图片上传和Promise(微信小程序获取地理位置 微信小程序上传图片 微信小程序云存储 微信小程序setData性能)
微信小程序获取地理位置微信小程序上传图片微信小程序云存储微信小程序setData性能
2024-10-29 13:59:53 1309 1
原创 微信小程序最终总结
菜鸟的微信小程序之旅,在第四个月画上了句号,但是说来很是遗憾1、感觉自己还是会的太少,完全没有掌握精髓2、准备打算给别人用,但是支付接口得成为商家,而且还得申请,所以便无力了话不多说,这是我最后一篇微信小程序博客,将包含所有我所遇见的难以解决的坑,虽然有点杂乱,但肯定能给你启发
2024-10-29 13:59:35 2435 2
原创 前端三件套配合MarsCode实现钉钉官网动画 # 豆包MarsCode
如何固定动画区域创建项目MarsCode 设置样式MarsCode 优点1MarsCode 缺点MarsCode 优点2js实现动画实现获取动画曲线的函数为什么实现这个函数?根据当前滚动位置,计算每一个元素不同的数值更新 dom 的 style更新 animationMapgetDomAnimation
2024-09-02 15:14:08 1093
原创 前端使用docx-preview展示docx + 后端doc转docx
后端 doc 转 docxdcox - preview安装导入使用注意
2024-08-07 16:26:05 2669 4
原创 前端实现签字效果+合同展示
获取一个高度会变的元素的高度获取元素设置的 transform适配手机transform-origin: 5% 0; 的原因修改后签字效果取消el-dialog的头部+边距为什么禁止界面滚动vue3 使用 nextTick实现效果签字判断是横是竖canvas 去掉空白部分canvas裁剪图片最终完善代码,可以直接使用
2024-08-02 17:12:18 1991 2
原创 微信小程序 使用formdata请求大坑 + 键盘吸附效果 + 常见代码
常见代码网络请求封装自定义导航栏实现键盘吸附效果微信小程序 使用formdata请求大坑
2024-07-18 15:19:05 1048
原创 浏览器打印信息和自己写的console的位置不一样,一直显示 transform.js
浏览器打印信息和自己写的console的位置不一样,一直显示 transform.js
2024-03-07 16:25:29 592
原创 element plus使用问题
element plusvue.config.js注意1、有时候会报错 not a function2、使用 ElMessage 报错3、 element plus 版本过高4、警告Feature flag VUE_PROD_HYDRATION_MISMATCH_DETAILS is not explicitly defined.5、报错 ResizeObserver loop completed with undelivered notifications.element plus ico
2024-01-27 22:22:26 1559
原创 学习视频一些杂乱的东西
ref获取dom元素监听深层的某个属性? 可选链操作符 和 ?? 双问号表达式v-slot 语法糖作用域插槽动态插槽初始化数组骚操作数字滚动 -> gsapstyle妙招新奇的原型链 object.createB站笔记链接
2024-01-15 09:12:51 993
原创 IntelliJ IDEA快捷键和重要设置、vscode快捷键和使用
IntelliJ IDEAIDEA快捷键:重要设置:linux远程连接:SSH连接:浏览远程主机:VS codevs code快捷键:vs code插键vue3 必安插件注意
2023-12-25 10:59:31 1767 1
原创 菜鸟聊自律(玩和学习如何均衡 被打断的正确做法 不要用外物督促自己自律 菜鸟之道 认知自己)
玩和学习如何均衡被打断的正确做法不要用外物督促自己自律菜鸟之道认知自己(需要优化)
2023-12-15 17:18:11 1529
原创 微信小程序 自定义导航栏
这个功能就需要把微信自带的导航栏样式给去掉,使用自定义导航栏样式,但是这个又产生一个问题,导航栏标题文字就不是很好适配了,因为不同手机型号,距离最上面的距离是不同的!最近菜鸟做微信小程序,然后有一个图片置顶的功能。
2023-05-25 10:06:39 1786
原创 js 定时去重复显示和隐藏的思路
思路一 每秒执行思路二 直接用定时器,但是不每秒思路三 es9 异步迭代异步迭代例子1 直接使用例子2 async await例子3 * yield异步遍历器 --》要想用for await of 必须遍历这个简化 for await of解决1秒出现第一个结果,再过2秒出现第二个,再过3秒出现第三个的问题
2023-05-18 14:00:43 855
原创 vscode 设置提示 @ 路径 和 ~@ 路径、使用 prettier 一直把大写的PX转换成小写解决办法、ctrl+c 结束终端老是提示 Terminate batch job (Y/N)?
vscode 设置提示 @ 路径 和 ~@ 路径vscode 使用 prettier 一直把大写的PX转换成小写解决办法vscode 使用 ctrl+c 结束终端老是提示 Terminate batch job (Y/N)?
2023-05-17 11:03:55 2082
原创 vue 引入图片的问题
为什么使用require自己讲解实例 - src下 - img验证实例 - public下 - 绝对路径 - img报错,其中 imgurl5、imgurl6 找不到资源!去掉 imgurl5、imgurl6 再次运行(开发环境):去掉 imgurl5、imgurl6 再次运行(生产环境):发现 /static 这种写法生产环境并不正确实例 - public下 - 相对路径 - img结论实例 - public下 - 背景报错 bg2 的图片找不到去掉 bg2 再次运行(开发环境)
2023-05-15 20:47:41 1709 1
原创 git学习 分支管理(4):bug修复分支(其它分支类比)(第九天)
bug分支保存工作现场恢复工作现场cherry-pick(复制一个特定的提交到当前分支)
2023-05-11 20:15:38 660
echarts官网的实例用的echarts版本,是用的其发布的最新版吗?
2021-04-02
为什么body中的color属性不会被继承?
2021-04-01
lang伪元素和html标签里的lang有区别吗?感觉用法不一样!
2020-08-28
position:sticky的bug如何解决?
2020-08-24
git版本如何判断谁新谁旧?为什么出现这种情况?
2020-07-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人