03 2022 档案

flex 布局下 space-between/space-around 的使用
摘要：在页面布局中，我们会常用到 flex 布局实现一行多列/多行多列元素均匀排列，需要设置 justify-content: space-between 或者 justify-content: space-around （space-between可以简单理解为元素两端对齐，间距相同，space-aro 阅读全文
posted @ 2022-03-22 19:42 shellon 阅读(10916) 评论(0) 推荐(0)
在微信小程序中引入iconfont
摘要：一、下载图标 将目标图标添加到库。 在库里批量操作添加到项目。 在当前项目页面选择 Font class，点击下载至本地。 二、在项目中引入 在小程序项目中新建一个文件 iconfont.wxss。 将下载资源中的 iconfont.css 文件拷贝到 iconfont.wxss。 三、将项目资源路 阅读全文
posted @ 2022-03-16 09:34 shellon 阅读(1665) 评论(0) 推荐(0)
JS 中媒体相关的API
摘要：参考文档：MDN MediaDevices 提供访问链接媒体输入的设备，如摄像头、麦克风、屏幕共享等。它可以使你取得任何硬件资源的媒体数据。 enumerateDevices() 请求一个可用的媒体输入和输出设备的列表，例如麦克风，摄像机，耳机设备等。返回一个Promise。 getUserMedi 阅读全文
posted @ 2022-03-16 09:14 shellon 阅读(107) 评论(0) 推荐(0)
小程序学习笔记（二）——自定义组件
摘要：创建自定义组件 类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成。 在 json 文件中进行自定义组件声明（将 component 字段设为 true）。 在 wxss 中不应使用 ID 选择器、属性选择器和标签名选择器。 在 js 文件中，需要使用 Component 阅读全文
posted @ 2022-03-15 17:19 shellon 阅读(204) 评论(0) 推荐(0)
小程序学习笔记（一）
摘要：小程序与普通网页的开发 小程序的逻辑层和视图层是分开的。 小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。 代码构成 JSON 配置 1. app.json 常用的ap 阅读全文
posted @ 2022-03-15 16:15 shellon 阅读(182) 评论(0) 推荐(0)
对 react hooks-useCallback和useMemo 的理解
摘要：通常情况下，React 会有多余的 render。 1. 常用的场景一：子组件依赖父组件数据，当父组件数据更新时，会重新渲染子组件。 // index.tsx function Index() { const [count, setCount] = useState(0); const handle 阅读全文
posted @ 2022-03-11 13:42 shellon 阅读(118) 评论(0) 推荐(0)