Eren7Y琳
获得徽章 15
- #每天一个知识点#
嵌套 Flex 容器：Flex 容器可以嵌套在其他 Flex 容器内，形成多层布局。这样可以更灵活地组织和控制布局结构。
Flex 项目排序：使用 order 属性可以改变 Flex 项目的排序顺序。默认情况下，项目按照它们在容器内的文档顺序布局。通过指定不同的 order 值，可以按照自定义顺序进行排序。
Flex 项目对齐方式：使用 align-self 属性可以单独为每个 Flex 项目指定对齐方式。这可以覆盖容器级别的对齐方式，实现个别项目的定制布局。
Flex 容器换行：当 Flex 项目的总宽度超过容器宽度时，Flex 容器会自动进行换行。可以使用 flex-wrap 属性来控制换行方式，如 flex-wrap: wrap; 可以使项目自动换行并填充到新行。展开赞过 评论1 - #每天一个知识点#
在UniApp中，onLoad和onShow是页面生命周期钩子函数，用于在页面进入和展示时执行相应的逻辑。
下面是它们的区别：
onLoad是在页面初始化时执行的钩子函数，在页面第一次加载时触发。通常用于进行页面初始化的操作，例如获取传递的参数、加载数据等。如果页面被复用，即从其他页面返回到该页面时，onLoad不会被再次调用。只有当页面关闭后重新打开时，onLoad才会被重新调用。
onShow是在页面展示时执行的钩子函数，每次页面展示时都会触发。它可以用于处理一些需要在页面展示时更新的逻辑，例如更新数据、刷新页面等。无论是首次进入页面还是从其他页面返回到该页面，onShow都会被调用。
综上所述，onLoad适合进行页面初始化的操作，并且只在页面第一次加载时执行。而onShow适合处理页面每次展示时需要更新的逻辑。你可以根据具体的需求选择使用哪个钩子函数。如果需要在页面每次展示时更新数据，可以将相应的代码放在onShow中。展开赞过 评论1 - #每天一个知识点#
懒加载的主要原理是将非首屏或非立即可见区域的内容推迟加载，直到用户滚动到相应区域才进行加载。以下是一些常用的懒加载实现方式：
图片懒加载：将网页中的图片设置为占位符（通常是一个占位图），而不是直接加载完整的图片。当用户滚动到图片的可见区域时，再通过 JavaScript 将真实的图片 URL 设置到 src 属性上，实现延迟加载。
无限滚动懒加载：在滚动页面时，动态地加载后续的内容，比如加载更多的文章、评论或产品列表。当用户接近页面底部时，通过 AJAX 请求获取下一批数据，并将其插入到页面中，实现无需分页刷新的加载效果。
模块/组件懒加载：将应用程序拆分为多个模块或组件，并按需加载。只有当某个模块或组件被需要时，才进行加载。这可以通过动态导入模块（如使用 import()）、异步组件加载或使用路由级别的懒加载来实现。展开赞过 评论1 - #每天一个知识点#
uni.setStorageSync() 和 uni.getStorageSync() 是 Uni-app 框架提供的本地缓存操作接口，用于同步地设置和获取本地缓存数据。
uni.setStorageSync(key, data)：
功能：将数据以同步方式存储在本地缓存中。
uni.setStorageSync('name', 'John');
uni.setStorageSync('userInfo', { name: 'John', age: 25 });
uni.getStorageSync(key)：
功能：同步获取本地缓存中的数据。
var name = uni.getStorageSync('name');
var userInfo = uni.getStorageSync('userInfo');
console.log(name); // 输出：John
console.log(userInfo); // 输出：{ name: 'John', age: 25 }展开赞过 评论1 - #每天一个知识点#
在 UniApp 中进行网络请求可以使用内置的 uni.request 方法或者其他第三方网络请求库。以下是使用 uni.request 方法进行网络请求的示例：
uni.request({
url: '
api.example.com',
method: 'GET',
header: {
'Content-Type': 'application/json',
// 可以添加其他自定义的请求头
},
data: {
// 请求参数
},
success: (res) => {
console.log(res.data); // 处理返回的响应数据
},
fail: (err) => {
console.error(err); // 处理请求失败的情况
}
});展开评论点赞
api.example.com