01 2023 档案
摘要：一. CSS中的内置函数 1. var 使用CSS定义的变量; 属性名需要以两个减号（--）开始; 属性值则可以是任何有效的CSS值; 注：自定义属性的可见作用域(只在选择器内部有效)，所以推荐将自定义属性定义在html中，也可以使用 :root 选择器; <style> :root { /* 定义
阅读全文
摘要：一. CSS相关 (详见官网：https://cn.vuejs.org/api/sfc-css-features.html) 1. scoped作用域 (1). 当 <style> 标签带有 scoped attribute 的时候，它的 CSS 只会影响当前组件的元素 原理：在标签上生成一个 da
阅读全文
摘要：一. npm安装包 ( 参考：https://uniapp.dcloud.net.cn/tutorial/page-script.html#npm支持 ) 1. 初始化 在根目录通过指令 【npm init -y】进行初始化，创建package.json文件。 2. npm安装dayjs库 通过指令
阅读全文
摘要：一. 微信小程序发布 1. 微信平台配置 (1). 登录微信开放平台 https://mp.weixin.qq.com/ 然后在 开发管理→开发设置 中进行配置。 (2). 开发者ID配置 会生成一个唯一的AppId，需要配置到Hbuilder X中。 (3). 小程序代码上传配置 需要配置IP白名
阅读全文
摘要：一. 搜索框组件封装 1. 核心思路 (1). 搜索框分为两部分：按钮区域 和 表单内容区域 (2). 按钮区域： 搜索和重置两个按钮为默认按钮，通过emits('update:xxx', xxx);对外暴露，调用父组件的更新方法。 然后声明一块 <slot name="myOwnArea"> </
阅读全文
摘要：一. uni-froms剖析 （详见官网：https://uniapp.dcloud.net.cn/component/uniui/uni-forms.html） 1. form标签 (1). ref：绑定form自身 (2). modelValue： 绑定表单数据 (3). rules：绑定校验规
阅读全文
摘要：一. 简介 1. 什么Pinia？ Pinia开始于大概2019年，最初是作为一个实验为Vue重新设计状态管理，让它用起来像组合式API（Composition API）。从那时到现在，最初的设计原则依然是相同的，并且目前同时兼容Vue2、Vue3，也并不要求你使用Composition API；P
阅读全文
摘要：一. 内置组件 1. 下面列举原先的html改为uni-app的内置组件 (注：html的标签存在跨端兼容问题，比如只在web端兼容，小程序和app端不兼容，所以要使用uni-app封装后的内置组件，从而回避掉不兼容的问题) div 改成 view span、font 改成 text a 改成 na
阅读全文
摘要：一. 跨平台兼容/条件编译 (详见官网：https://uniapp.dcloud.net.cn/tutorial/platform.html ) 1. 跨平台兼容 uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接
阅读全文
摘要：一. 环境准备 1. Hbuilder X 下载地址：https://www.dcloud.io/hbuilderx.html 2. 微信开发工具 下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
阅读全文
摘要：一. 说明 uni-app官网：https://uniapp.dcloud.net.cn/ 微信小程序官网：https://developers.weixin.qq.com/miniprogram/dev/framework/ 官方文档非常详细，该系列以微信小程序为主线，梳理一些最常用的技术点，其它
阅读全文
摘要：一. 前言 1. 封装的表格组件功能 (1). 通过配置文件的形式渲染表格列，并且表格列的格式可以自定义修改 (2). 表格展开功能 (3). 表格列排序 (4). 表格单选、多选 (5). 表格表头支持两行模式 (6). 表格列合并、行合并 (7). 表格高度自适应 (8). 表格动态显示分页条
阅读全文