07 2023 档案
摘要：导读 在vue中，我们经常使用nextTick获取到最新的dom元素或者组件实例。至于原因，在于vue使用了异步DOM渲染更新机制，无论组件状态同步变化多少次，其相应的副作用总会被缓存在一个异步任务队列中，在下一次"tick"中才一起执行，也就是仅执行了一次更新。本文就是要探讨这样做的原因和其背后的
阅读全文
摘要：前端涉及到的文件下载还是很多应用场景的，那么前端文件下载有多少种方式呢？每种方式有什么优缺点呢？下面就来一一介绍。 1. 使用 a 标签下载 通过a标签的download属性来实现文件下载，这种方式是最简单的，也是我们比较常用的方式，先来看示例代码： <a href="http://www.baid
阅读全文
摘要：1. 背景 之前，作者在文章《小程序静默登录方案设计》中提到过，小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。 即 「静默登录」 ，开发者通过调用 wx.login 获取到 code ，将其发送到开发者后端，开发者后端通过接口去微信后端换取到 op
阅读全文
摘要：1. 背景 首先谈谈在小程序的开发中，如何借助微信的能力标识一个用户? 微信官方提供了两种标识： OpenId 是一个用户对于一个小程序／公众号的标识，开发者可以通过这个标识识别出用户。 UnionId 是一个用户对于同主体微信小程序／公众号／APP 的标识，开发者需要在微信开放平台下绑定相同账号的
阅读全文
摘要：在微信小程序中，可以使用 uni.getSystemInfo() 方法获取设备的系统信息，包括状态栏的高度和顶部导航栏的高度。您可以使用这些信息计算顶部图标距离。 下面是一个示例代码，展示如何在 UniApp 中获取顶部图标距离： getTopIconDistance() { uni.getSyst
阅读全文
摘要：使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或
阅读全文
摘要：1. Flex布局与响应式布局 1.1 为什么需要响应式布局？ 在电脑PC端，使用浮动，定位同时使用像素px单位就可以完成大部分布局，而且布局完之后不会有大问题，但是到了移动端，移动设备的屏幕尺寸多种多样，从小屏幕的智能手机到大屏幕的平板电脑，甚至是可穿戴设备，简单地运用和PC端一样的方式就会出现一
阅读全文
摘要：使用Vue CLI创建uniapp项目，搭建模板，不仅可以HBuilder打包，也可以npm命令行运行及打包、发布。 要使用 Vue CLI 创建 Uniapp 项目并配置模板，以便在 HBuilder 中打包以及使用 npm 命令行运行、打包和发布，可以按照以下步骤进行操作： 1. 安装 Vue
阅读全文
