- 博客(12)
- 收藏
- 关注
原创 svg、png图片拉伸
使用场景:当我们使用一种背景图,长度和宽度不固定,直接拉伸100%时,会有一些元素被拉伸变形,可以使用css border-image 方法试试。border-image 属性可以通过一些简单的规则,将一副图像划分为 9 个单独的部分,浏览器会自动使用相应的部分进行拉伸。2 4 5 6 8 会被上下左右拉伸。1 3 7 9 不会被拉伸,这些地方明显被拉伸了。
2025-05-28 15:36:21
158
原创 js 深拷贝和浅拷贝
浅拷贝:只复制一层,嵌套对象或数组仍然共享引用。深拷贝:递归复制所有层次的嵌套对象或数组,完全独立。选择哪种拷贝方式取决于你的具体需求。如果你只需要复制一层,浅拷贝就足够了。如果你需要完全独立的副本,特别是当对象或数组中有嵌套结构时,应该使用深拷贝。
2024-12-17 18:23:34
300
原创 npm yarn pnpm 区别
npm: 默认的 Node.js 包管理工具,功能全面,但性能相对较慢。Yarn: 优化了安装速度和依赖一致性,适合大型项目。PNPM: 优化了磁盘空间使用和安装速度,适合资源受限的环境。
2024-12-17 16:33:12
417
原创 屏幕截图,拖拽 js插件
VueGridLayout和vue-easy-dnd都是Vue.js中用于处理拖放和布局功能的强大工具,但它们各自有不同的应用场景和特性。VueGridLayout更适合用于创建复杂的、可调整大小和拖放的网格布局,如仪表板和管理面板等。而vue-easy-dnd则更适合用于实现简单的拖放功能,如列表排序、拖放上传等。在选择使用哪个库时,需要根据具体的项目需求和场景来决定。-----------------拖拽插件 VueGridLayout 和vue-easy-dnd。
2024-12-17 16:07:52
337
原创 数字滚动插件
使用方法 <CountUp start-val="0" end-val="100" :duration="3" :decimal-places="2" />个人感觉还不错, 这个是针对vue3 的版本插件。
2024-12-16 11:38:49
225
原创 git 命令,常用命令集合
git push origin --delete <branch_name> 删除远程分支。git merge f-lowcode4.5 合并分支 ,将xx合并到当前分支。git reset --soft HEAD~1 取消上一次commit。git commit --amend 修改commit 注释。git rebase --abort --取消rebase。--no-verify //忽略link 检测。git push --force //删除记录。git remote -v 查看git仓库。
2024-12-16 10:34:03
231
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人