- 博客(174)
- 问答 (6)
- 收藏
- 关注
RSS订阅
原创 渡一学习笔记：canvas必会、css滤镜、特效、svg
弧形选项卡瀑布流布局手写钉钉动画鼠标移动的高亮边框头像超出边框透明盒子的渐变阴影图片3D倾斜图片3D突显图片9宫格图片锯齿菱形边缘图片轮播图片上下视差滚动图片旋转视差文字标题丝滑动画连续阴影文字交错排列文字交融展开文字连续光影文字镂空文字下划线动画文字自动适配背景下拉菜单过渡圆形放大的hover动画延时动画canvassvg描边动画
2024-09-14 17:22:26
828
2
原创 详解类型转换
类型转换一、显式类型转换1、数值运算符（+）和负数值运算符（-）2、parseInt3、js提供的包装对象字符串布尔型转布尔型二、隐式类型转换1、数字与字符串运算2、数字与布尔值运算3、undefined、null 参与运算4、！参与运算5、== 的隐式转化6、比较运算符类型转化总结类型转换表toString特殊情况valueOf对象转原始值对象的隐式转化3、类型比较的类型转换常见面试题一、常见的特殊的比较二、一般情况三、字符串类型
2024-07-15 14:26:18
970
原创 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
873
原创 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
1072
原创 vue3常用代码：监听路由 | mitt、project/inject无效 | 防抖函数 | 下载函数 | 复制文本到粘贴板
监听路由路由跳转跨界面跳转获取参数mitt、project / inject 无效解决方案防抖函数 (已封装)复制文本到粘贴板下载函数1、get2、post
2024-01-25 14:59:11
1405
原创 vue3 导出数据为 excel 文件 + 导入excel文件
安装插件封装组件 -- Export2Excel.js（多表）导出使用 -- 数据处理成二维数组更多导入 excel 配合 element plus识别函数封装 -- ImportExcel.js实现简单的编辑操作，并且简单的表进行补齐注意更多，table直接导出excel
2023-11-24 14:31:57
3355
4
原创 element plus 使用细节
table 表格自定义内容select 显示的是value分页和搜索upload 使用一个文件多文件el-dialog 使用不要再 el-dialog 上加classel-drawer 使用ElLoading（继续引入问题）已经修复了？element plus 和 px2rem 不兼容解决巨大的图标element plus错位的图标
2023-11-23 10:19:11
1644
原创 常用代码：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
1210
1
原创 荧光效果、中间粗两边细的线、锥形渐变(扇型、半圆)、背景渐变、文字渐变、文字和背景颜色混合、不规则阴影（css 过滤）、背后像素过滤效果
文字描边效果（荧光） -- 阴影实现中间粗两边细的线锥形渐变背景渐变文字渐变text-stroke文字和背景颜色混合不规则阴影设置背后像素过滤效果
2022-10-08 18:01:59
573
原创 js 数组（总结）
不需要封装的原因数组的劣势创建数组注意数组方法 + 返回值更多数组方法注意一、toString和valueOf的区别二、push | unshift
2021-09-26 16:10:00
609
1
原创 css Position(定位) [第八天]
position文档流1、background-position2、float3、边距问题什么是脱离文档流 ？static（静态定位）fixed 固定定位（相对浏览器窗口是固定位置）特殊情况不相对于视口relative 相对定位（相对其正常位置）注意absolute 绝对定位sticky 粘性定位使用条件问题margin 会影响只能作用于最外围外的父元素 或者 子元素的父元素是定位元素如果子元素的父元素是定位元素重叠的元素（z-index）
2020-08-22 13:39:45
357
1
原创 虽然理解git命令，但是我选择vscode插件！
补充：查看单个文件提交历史1、一个项目一个窗口2、基本操作3、tag4、合并冲突5、新加远程分支6、切换分支7、stash
2025-04-09 16:18:59
657
原创 微信小程序 -- 原生封装table
菜鸟自己封装一个table了，当然菜鸟就是简单的封装，只是为自己留一个记录，免得后面要实现类似的东西去翻代码，对大佬们肯定是没啥帮助，但是对小白可能有点启发！
2025-04-09 16:08:36
263
原创 阅读《Vue.js设计与实现》 -- 03
第三章声明式地描述 UI使用模板和 JavaScript 对象描述 UI 有何不同呢？初识渲染器组件的本质注意一定要函数吗？模板的工作原理Vue.js 是各个模块组成的有机整体patchFlag 静态标记
2025-03-21 10:23:42
940
原创 canvas 手写滑动验证
canvas1上画一张图并用两个圆覆盖在上面（一个正确、一个错误），然后canvas2只画正确的圆覆盖住的那部分图片，然后滑块操作的就是移动整个canvas2
2025-03-21 10:17:23
550
原创 阅读《Vue.js设计与实现》 -- 02
阅读《Vue.js设计与实现》第二章1、提升用户的开发体验2、控制框架代码的体积3、框架应该输出怎样的构建产物4、特性开关5、错误处理6、TS支持
2025-03-19 13:40:38
978
原创 Trae 初体验 - vscode要被替代了！强推Trae！ # Trae「超级体验官」创意实践征文
我正在参加Trae「超级体验官」创意实践征文1、尝试 builder 模式下创建一个项目2、尝试 chat 模式3、尝试代码提示
2025-03-19 12:08:15
1467
原创 无界构建微前端？NO！NO！NO！多系统融合思路！
微前端理解1、微前端概念2、微前端特性3、微前端方案a、iframeb、qiankunc、micro-appd、EMP 方案e、无界安装无界使用应用跨域问题解决无界的槽点换思路问题一：pxtorem问题二：区分环境
2025-02-06 11:07:35
1489
原创 Code Inspector 页面开发提效的神器！
Code Inspector 介绍使用安装vite 使用vue cli 使用快捷键可能的问题vite 解决办法
2025-02-06 10:56:00
315
原创 vue3+vite+eslint|prettier+elementplus+国际化+axios封装+pinia
vue3 + vite 创建项目如果创建项目选了 eslint + prettier从零教你使用 eslint + prettiereslint 配置element plusvite 使用 sass剩余
2025-02-06 10:32:32
1176
原创 差点因为性能优化而被”优化“！element plus虚拟化表格（Virtualized Table）性能优化
功能介绍一开始的代码（el-tabel）分析解决办法虚拟化表格代替el-table解决jsx带来的报错如何监听事件和传参定位操作栏shallowRef代替ref
2024-11-19 09:43:03
1143
1
原创 微信小程序自我总结2，图片上传和Promise（微信小程序获取地理位置 微信小程序上传图片 微信小程序云存储 微信小程序setData性能）
微信小程序获取地理位置微信小程序上传图片微信小程序云存储微信小程序setData性能
2024-10-29 13:59:53
1449
1
原创 微信小程序最终总结
菜鸟的微信小程序之旅，在第四个月画上了句号，但是说来很是遗憾1、感觉自己还是会的太少，完全没有掌握精髓2、准备打算给别人用，但是支付接口得成为商家，而且还得申请，所以便无力了话不多说，这是我最后一篇微信小程序博客，将包含所有我所遇见的难以解决的坑，虽然有点杂乱，但肯定能给你启发
2024-10-29 13:59:35
2502
2
原创 前端三件套配合MarsCode实现钉钉官网动画 # 豆包MarsCode
如何固定动画区域创建项目MarsCode 设置样式MarsCode 优点1MarsCode 缺点MarsCode 优点2js实现动画实现获取动画曲线的函数为什么实现这个函数？根据当前滚动位置，计算每一个元素不同的数值更新 dom 的 style更新 animationMapgetDomAnimation
2024-09-02 15:14:08
1174
原创 前端使用docx-preview展示docx + 后端doc转docx
后端 doc 转 docxdcox - preview安装导入使用注意
2024-08-07 16:26:05
3836
5
原创 前端实现签字效果+合同展示
获取一个高度会变的元素的高度获取元素设置的 transform适配手机transform-origin: 5% 0; 的原因修改后签字效果取消el-dialog的头部+边距为什么禁止界面滚动vue3 使用 nextTick实现效果签字判断是横是竖canvas 去掉空白部分canvas裁剪图片最终完善代码，可以直接使用
2024-08-02 17:12:18
2754
3
原创 微信小程序 使用formdata请求大坑 + 键盘吸附效果 + 常见代码
常见代码网络请求封装自定义导航栏实现键盘吸附效果微信小程序 使用formdata请求大坑
2024-07-18 15:19:05
1148
原创 浏览器打印信息和自己写的console的位置不一样，一直显示 transform.js
浏览器打印信息和自己写的console的位置不一样，一直显示 transform.js
2024-03-07 16:25:29
631
原创 element plus使用问题
element plusvue.config.jswebpack版vite版安装element plus1、使用 ElMessage 报错2、有时候会报错 not a function3、 element plus 版本过高4、警告Feature flag VUE\_PROD\_HYDRATION5、报错 ResizeObserver loopelement plus icon 按需引用element plus 按需导入设置为中文
2024-01-27 22:22:26
1779
原创 学习视频一些杂乱的东西
ref获取dom元素监听深层的某个属性? 可选链操作符 和 ?? 双问号表达式v-slot 语法糖作用域插槽动态插槽初始化数组骚操作数字滚动 -> gsapstyle妙招新奇的原型链 object.createB站笔记链接
2024-01-15 09:12:51
1004
原创 IntelliJ IDEA快捷键和重要设置、vscode快捷键和使用
IntelliJ IDEAIDEA快捷键：重要设置：linux远程连接：SSH连接：浏览远程主机：VS codevs code快捷键：vs code插键vue3 必安插件注意
2023-12-25 10:59:31
1902
1
原创 菜鸟聊自律（玩和学习如何均衡 被打断的正确做法 不要用外物督促自己自律 菜鸟之道 认知自己）
玩和学习如何均衡被打断的正确做法不要用外物督促自己自律菜鸟之道认知自己（需要优化）
2023-12-15 17:18:11
1557
原创 vue3+webpack+eslint|prettier+elementplus+国际化+axios封装+pinia
创建项目 + eslint + prettier创建项目eslint + prettier注意完整 eslint 配置自动格式化设置多少换行 -- 》 .prettierrcelement plus国际化注意1、如果要在 script 中使用国际化方法，需要结构出 t 方法，html 中可以直接使用 \$t()2、如果要获取值，必须这样使用：3、在非 setup 中使用axios 封装切换pinia（后补上）
2023-11-15 14:19:09
1285
1
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关注的人