在实际运用过程中，发现设置了scroll-top无效，滚动条位置并没有发生变化，是因为微信小程序的官方框架处于性能考虑，初始化设置scroll-top不会重新渲染页面，需要将scroll-top的是放在一个事件内执行才可以生效。

{代码...} catch中加了return，后面的代码是不执行的。如果不加return，后面的代码则会执行 {代码...}

字符串的扩展判断字符串是否包含在另一个字符中 {代码...} 字符串补全 {代码...} 字符串重复 {代码...} 消除字符串空格 {代码...} replaceAll()替换全部字符串 {代码...} at字符串匹配输出 {代码...} 数值的扩展数值分隔符允许给较长的数值添加分隔符，分割符没有间隔位数限制，不影响原值，不能在特殊符号前后。let num...

打开百度地图开放平台，登录进入控制台进入我的应用，点击创建应用填写应用名称，选择应用类型为浏览器端输入访问域名白名单，*为不限制任何域名，完成后点击提交回到我的应用即可查看到刚才创建的应用AK

设置tree节点的连接线需要在tree组件上配置 :index = 0 ; 初始化节点的距离，否则节点的连接线位置会偏移，配置完成后使用上面的css样式即可，before伪元素为Y轴、after伪元素为X轴连接线。

某些下拉选项或者配置项是固定的，将这些数据提取到一个单独的js文件，对应页面使用只需要引入即可，这是数据共享的一种，此外还可以将数据挂载到vue.prototype中，配置原型名，完成后对应页面不用引入js文件，只需要全局使用配置名即可获取数据。

在浏览器中发送 HTTP 请求时，通常需要查看请求头（request headers）和响应头（response headers）。这些头部信息包含了关于请求或响应的重要信息，例如内容类型、编码方式、cookie 等。我们在对接后端的时候经常会碰到跟请求头和响应头的问题，下面是关于请求头和响应头的一些常用字段说明，了解这些非常重要，

后面的90表示透明度为0.9，也就是90%{ fillColor: "#c6e2ff90" }色值越小透明度越高: #c6e2ff10，这个就相当于透明度0.1，也就是10%

有时候我们想做一些接口测试用来快速的获取信息，或者想要绕过项目封装好的axios请求，此时就可以用axios直接请求接口，下面是axios直接请求的几种方式

在webpack中，动态引入的文件必须是字面量，也就是必须使用静态定义好的路径如果你有多个文件需要引入，可以提前将路径映射好，然后通过动态取路径的形式引入

递归函数有一个基本条件，它100%接收一个函数，该函数的数据结构必定是一致的。例如：有一个递归函数，遍历它所有的的数据，返回期望的数据结构初始进入时，传入一个list，遍历list的所有数据，碰到dataType == 8的时候item有一个children，该children的结构与传入的list一样

我们每次调用函数，都会在在内存中记录一个“调用帧”又成为“栈帧空间”在上述例子中，调用a()函数，会在内存中记录一个调用栈，然后继续调用b()函数，此时在内存中又会记录一个调用帧，等到b()函数运行结束，调用帧a、b的内存才会释放。我们可以利用“尾调用”来释放调用帧内存

在未触发的时候，弹窗是隐藏的，但是column-gap会将其计算在内，导致最后一个div也会产生gap间隙，解决方法就是将<Dialog />拿出来，在外面再套一层div

通常我们会在列表的每一行增加一个编辑按钮，如果后端不提供详情接口，那么编辑的表单回显可以通过作用域插槽获取当前行数据进行回显，但请时刻记住，对象or数组的值为引用类型，使用作用域插槽的值进行回显编辑一定要深拷贝当前行数据，否则会造成原始数据修改。

promise是一个异步任务，如果我们需要将promise变成同步执行，我们可以使用 async-await 让进程等待，直到promise执行完毕后再执行下面的任务

如果async内部没有return返回，则默认返回undefined因为async是一个Promise，所以可以用await来获取Prmose的返回值

在页面布局中，我们通常会给指定区域做限制，若元素超出了指定区域则会隐藏(overflow: hidden;)。而文字提示框组件却能精准定位指定元素，并不受overflow: hidden;元素的影响。这是因为文字提示框组件是直接挂载在body下的，所以它不受页面布局的影响，其它的弹窗组件也是类似的原理，例如：modal组件、对话框组件、mask...

要取消对粘贴事件的阻止，你可以在某个条件下解除对事件的默认行为阻止。例如，你可以在特定条件下移除事件监听器，或者在事件监听器中添加一个条件判断来决定是否调用e.preventDefault()。这样，当条件满足时，粘贴事件将不会被阻止。

vitepress居然能帮你自动管理文章，只需 Markdown 即可轻松创建美观的文档站点。文章的章节与标题自动对应，无需其它额外操作！页面的跳转居然能自动区分外链和内链！这究竟是什么魔法？本文将带你一探究竟！

1、在theme文件夹下新建index.mts，index.mts作为theme的入口文件，vitepress会自动解析theme文件夹下的index.mts文件。

前言我们在阅读官方文档时，经常看到一些项目的文档非常简约精美，并且布局高度相似，其实这些官网是基于vitepress搭建，例如：Vite官方文档Vue-UseSnowAdmin这些官网都是基于vitepress搭建，virepress给我们提供了非常多的配置，我们只需要按照配置修改即可实现上图中的效果，并且在virepress我们不需要手写代码，只需...

1、hooks就是钩子的意思2、你可以将它想象成用来触发的一种工具3、hooks是一个独立的文件4、hooks的逻辑是可复用的，可以想象成是函数的封装5、hooks可以封装数据和变量5、hooks的文件名以及函数名以use开头，例如：useTheme.js / useTheme()

在一些社群网站，经常会碰到问题、活动、商品的信息分享，这种分享通常是以海报的形式发送给好友或保存到本地。在这种场景下，海报肯定是动态变化的，所以我们要动态的渲染内容并生成图片，海报其实就是图片。官网：html2canvas海报示例：

2、教育系统的题目列表在遍历生成基础题时，遇到了综合题，综合题包含了所有基础题，此时就不用再写一遍基础题，直接调用自身组件即可，这样不论基础题内部嵌套多少层综合题，都可以生成题目列表。

在日常业务中我们可能会涉及到图片上传功能，现代影像设备大多数的照片都是几MB，甚至几十MB大小，大文件的上传会导致上传进度缓慢、占用云存储空间。所以，我们会根据需求来做图片压缩，将过大的图片文件压缩到指定大小内。

我们在做主题订制的时候，一般都会选一种主题色，该颜色以主题色为主导，颜色依次变浅，用于做主题色下的关联色统一，例如文字激活、激活的背景色、菜单背景色等

移动端设备中，难免会涉及到数据的可视化展示、数据统计等等，本篇主要讲解原生微信小程序中嵌入echarts并进行动态渲染，实现数据可视化功能。

tempFilePath就是临时临时文件路径。通过wx.openDocument打开文件。showMenu表示预览文件右上方的菜单，你可以在该菜单中选择保存文件，将文件显示的保存到本地。

密码是用户最重要的数据，也是系统最需要保护的数据，我们在登录的时候需要用账号密码请求登录接口，如果用户勾选记住密码，那么下一次登录时，我们需要将账号密码回填到输入框，用户可以直接登录系统。我们分别对这种流程进行说明：

由于我们在小程序上涉及到数据采集业务，需要经常使用表单，微信小程序的表单使用起来非常麻烦，数据和表单是分离的，每个输入框都需要做数据处理才能实现响应式数据，所以我开发了dc-vant-form，针对原生微信小程序+vant组件构建的自定义表单，开发者可以通过表单配置项来快速生成表单。

我们可以在集成Animate.css来改善界面的用户体验，省掉大量手写css动画的时间。官网：Animate.css使用1、安装依赖 {代码...} 2、引入依赖 {代码...} 3、在项目中使用在class类名上animate__animated是必须的，animate__flipInX为你应用的动画效果 {代码...} 定义动画的持续时间、延迟和迭代Animate.css 使用自定义属性（...

有时候我们需要通过弹窗去处理表单数据，在原生微信小程序配合vant组件中有多种方式实现，其中UI美观度最高的就是通过van-dialog嵌套表单实现。

Host：用于指定请求资源的主机 IP 和端口号，其内容为请求 URL 的原始服务器或网关的位置。从 HTTP 1.1版本开始，请求必须包含此内容。

git提交代码，修改了哪些内容，要让人一眼就能看出来主要提交了什么，是添加了功能还是解决了问题，当前提交时修改了哪些内容，有了提交规范就一目了然，同时它也是大多数git管理工具默认展示提交的信息。如果你写的标准，那么提交记录看起来就很漂亮很规整。

由于用户隐私保护的政策执行，我们在调用涉及到用户隐私的API时，未更新用户隐私保护协议是无法直接调用的，小程序会默认判断是否更新用户隐私保护，并根据用户隐私保护中的协议来判断是否可以调用对应的API，如开发者调用的API在用户保护协议中未声明，小程序则会默认禁用该API。例如：wx.chooseLocation选择地址API，...

ES6的模块化设计思想是静态化，也就是说，在编译的时候确定模块的依赖关系，以及输出输出入的变量。而CommonJS和AMD模块都是在运行时确定的。ES6的模块不是对象，而是通过export显示指定输出的代码，再通过import命令输入。