摘要: Vite打包zip并改名为md5sum哈希案例 通常在DevOps CICD流水线部署前端项目时,一般默认都要将dist资源打包为zip,并且把zip名称改为md5sum哈希值(用于文件完整性验证)。 md5sum是什么? md5sum 是一个在 Unix 和类 Unix 系统(如 Linux)中广泛使用的命令行工具,它主要用于计算和验证文件的 阅读全文
posted @ 2024-09-17 03:32 天渺工作室 阅读(22) 评论(0) 推荐(0) 编辑
摘要: MapLibre Native 是一个免费且开源的库,用于在各种平台上的应用程序和桌面应用程序中发布地图。由于 GPU 加速的矢量瓦片渲染,地图的快速显示成为可能。 MapLibre Native 安卓集成文档。 1,module级gradle中配置对应插件 dependencies { imple 阅读全文
posted @ 2024-06-27 00:12 天渺工作室 阅读(57) 评论(0) 推荐(0) 编辑
摘要: el-select下拉框远程搜索且多选时,编辑需要回显的一个简单案例 前端业务开发中不管使用vue2~3,还是react,angular各种前端技术栈,经常会遇到这种业务。一个下拉框Select中,不仅需要需要支持远程模糊搜索,还需要支持多选。并且在编辑时,还能正常把已经多选好的内容回显到Select中。 用Vue3+ElementPlus+TS举一个简单的案例。其他 阅读全文
posted @ 2024-04-21 02:10 天渺工作室 阅读(962) 评论(0) 推荐(0) 编辑
摘要: Vue2和3中的插槽区别及其简单案例 vue中的插槽是什么,官方解释是: Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 <slot> 元素作为承载分发内容的出口...... vue2插槽和vue3插槽基本概念是一致的,也是匿名插槽、具名插槽、作用域插槽三种,只是基础语法有 阅读全文
posted @ 2024-04-05 17:52 天渺工作室 阅读(63) 评论(0) 推荐(0) 编辑
摘要: html标签中lang属性踩的一个小坑,日常中还是需要留意的风险点 html中lang是什么意思 在html中lang是英语language的缩写,是语言的意思。 HTML 的 lang 属性可用于声明网页或部分网页的语言,这对搜索引擎和浏览器是有帮助的。 html lang的定义作用 一般大家可能在前端项目的index.html入口html标签用的lang多一点, 阅读全文
posted @ 2024-02-10 13:48 天渺工作室 阅读(171) 评论(0) 推荐(0) 编辑
摘要: vue3中Fragment特性的一个bug,需要留意的注意事项 vue3中的Fragment 模版碎片特性是什么,简单的理解就是template模板代码不在像vue2中那样必须在根节点在包裹一层节点了。 vue2写法 <template> <div> <h1>标题</h1> <p>正文内容</p> </div> </template> vue3写法 <templ 阅读全文
posted @ 2024-01-21 21:49 天渺工作室 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 本地老工程vue2.7.x+webpack4在升级webpack5的时候遇启动和打包报错: Syntax Error: SyntaxError: /xxxxx.vue Unexpected token, expected "," (1:8) > 1 | [object Promise] | ^ 2 阅读全文
posted @ 2023-08-18 23:14 天渺工作室 阅读(463) 评论(0) 推荐(0) 编辑
摘要: ### html基础面试题 & html的元素居中的常用方法日常温习 1,**使用`text-align: center;`属性**: 对于内联元素(如文本或图片),可以将其父元素的`text-align`属性设置为`center`。 ```html 居中文本 ``` 2,**使用`margin`属 阅读全文
posted @ 2023-08-14 00:44 天渺工作室 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 最近在做js canvas绘图需求时,遇到一个矩形图形重叠逻辑判断问题。 一个任意矩形内部,有一个任意等比缩放的矩形,如何判断宽和高那个先溢出外层的矩形?宽和高那个先贴到边上? 可以根据两个矩形的比例关系来判断宽和高那个先溢出。首先计算出两个矩形的宽高比,然后比较它们的大小关系。 若外层矩形的宽高比 阅读全文
posted @ 2023-05-13 20:19 天渺工作室 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 1、异常案例: 使用正则匹配111 const regular = /111/g; // 匹配111 // console.log(regular.test('111')); // true 匹配成功 // console.log(regular.test('111,111')); // true 阅读全文
posted @ 2023-04-16 03:37 天渺工作室 阅读(69) 评论(0) 推荐(0) 编辑