- 博客(18)
- 收藏
- 关注
原创 【unibest】第4篇 —— 样式篇
本文主要介绍了UnoCSS的使用,以及中的一些配置项。同时说明了设计稿在两种编写方式下的宽度的设置,分别为750和1500最后说明一下,原子化CSS和传统方式两者不是互斥的,他们是互补的,合适的地方使用合适的方式。
2025-01-06 22:56:57
999
原创 【unibest】第5篇 —— 图标篇
本文介绍了3种使用图标的方式,分别是UI 库 Iconsiconfont。UI 库 Icons颜色和大小属性都主要由UI 库本身控制,且都支持动态图标名和动态颜色。最省心,强烈推荐使用。iconfont需要勾选Base64才能兼容多端。
2025-01-06 22:56:18
1182
原创 【unibest】第6篇 —— SVG篇
本地svg的使用方式,如果要全端适配,那就只能使用的方式。依赖插件SvgIcon依赖插件其他2种方式 ——SvgIcon仅h5端生效,其他端都不能用,既然不能使用,那就删了,对应的2个插件也一起删了,目前base分支已经删了。
2025-01-06 22:55:32
881
原创 【unibest】第8篇 —— 请求篇
本文介绍了多种请求方式,使用都非常简单,最后给出了useRequest和useUpload的源码。希望您收获的不仅是鱼,还有渔。
2025-01-06 22:54:16
734
原创 【unibest】第9篇 —— 状态篇
pinia本文介绍了unibest里面状态管理的2pinia全局状态 和简单状态,分别演示了如何定义状态和使用状态。注意需要灵活使用pinia和简单状态,局部的状态尽量使用简单状态的方式来处理,减少pinia里面全局变量的数量。
2025-01-06 22:53:36
324
原创 【unibest】第10篇 —— 多语言篇
大家好,我是 ,今天带给大家 文档系列文章第10篇 —— 。欢迎食用~ 是一个常见的需求, 专门开发了一个 模板,可以直接生成 。 里面使用方式如下: 里面怎么使用呢?比如 文件。这时需要用到作者编写的 函数,使用方式如下:上面基本的使用都是没问题的,但是传递参数时,只有 生效, 是不生效的,代码如下: 效果如下,正常显示: 效果如下,异常显示:下面我们就来处理这个问题。上面提到 在 传参时显示异常,那我们就来处理一下,主要方式就是通过 替换 。编写一个函数 ,如下:
2025-01-06 22:52:53
385
原创 【unibest】第13篇 —— hbx模板
本文描述了hbx模板的由来,使用方式。有需要的可以试试,但是不太建议使用。另外精力有限,该模板不再维护。
2025-01-06 22:51:09
300
原创 【unibest】第1篇 —— 简介篇
unibest是最好的uniapp开发模板,是一个集成了多种工具和技术的uniapp开发模板,由uniappVue3TsVite4UnoCssVSCode(可选webstorm) +uni插件wot-ui(可选其他UI库)实现。它使用了最新的前端技术栈,无需依靠HBuilderX,通过命令行方式即可运行web小程序和App。App还是需要HBuilderXunibest内置了约定式路由layout布局请求封装请求拦截登录拦截UnoCSSi18n多语言等基础功能,提供了代码提示自动格式化统一配置代码片段。
2025-01-06 22:46:23
973
原创 【unibest】 uniapp + vue3 模板 UI 框架选型
收费没有对错,开源作者也要恰饭,需要有收入,光为爱发电可能半路夭折,或者质量很差。只要做得好,别人愿意买,提供优质的服务,也是极好的。PS:人家不仅提供付费组件,还会提供很多模板,比如登录页面,所有的组件都有提示,很方便,很贴心。了,如果用户确实用不到里面的组件也可以删除,减少包体积。官网里面捐赠了一杯咖啡钱给作者,开源不易,要支持一下。开发的,但是官方提供了完备的类型提示( by。,支持全端,而且有类型提示,目前已经内置到。,没有类型提示,只能对着它们的文档撸代码。我也捐了几块钱,聊表心意,表示支持。
2024-02-21 10:52:37
3056
原创 2023过年前熟悉一下常见手写代码
本小节属于“新数组 + 方法系列”,可以把 map.has 改为 includes/indexOf 等,一样可以实现。1.1.3 使用 reduce + (indexOf 或 includes)(其他基础类型比较少用,不做研究,感兴趣的可以自己试验一下)该系列属于数组的回调函数系列,它们的参数都是固定的,有 2 类。1.1.4 使用 filter + indexOf。直接看一位大佬写的文章,一步一步带你实现符合。本文主要总结了前端需要掌握的手写代码。Array 篇比较简单,基础好的可以略过。
2023-12-23 14:48:03
900
1
原创 【2023】uniapp+vue3+ts超实用模板(续)
考虑到我们可能会有多套布局,tabbar页面,非tabbar页面,通屏页面,非通屏页面。在页面上的route-block增加 layout 属性,设置想用的 layout,可选值是所有的 src/layouts里面的文件名,我这里是 "default"|"home".vue3 可以在css中使用v-bind(v-bind in css)来绑定变量,这是一个很不错的特性,我们来看下面的例子。生成微信小程序文件,打开微信开发者工具,导入该文件夹,发现跑不起来,控制台报错,如下。
2023-12-23 14:32:57
2027
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人