前端笔记

1. 子应用中如何使用真实的window对象 看官方介绍 这个确实可以拿到原始的window对象，但是有一个问题，如果主应用window上挂载了自有方法，例如 window.jQuery, 在wind

现在开发的一个移动端H5页面，内嵌了iframe展示内容。在部分iOS系统（iOS 12）下，遇到了一些问题：iframe不受宽高样式的限制，加载后，显示完整高度，于是需要用iframe区域内部滚动无

坑一： 在微信内部访问，没有单人限制；在微信外部，浏览器访问，一个链接，只能一个人访问  文档地址 在微信内部访问url schema / url link 的时候，一个链接，任何人都可以打开对应的小

一段自动滚动页面的脚本，在这里记录一下。 代码没有做任何兼容性的处理。 如果有一个超长的分页列表数据页面，我们需要获取页面里的所有数据，就需要控制页面滚动去吧所有数据加载完成。单靠人力一点点拉，就太费

昨天在测试小程序的一个功能，小程序存在一个内置的webview页面，测试中，发现访问webview页面变成了http链接, 小程序的域名校验就没通过。 在PC浏览器上单独去访问webview的URL，

1. 工厂模式 不通过new的方式产生实例对象，而是通过工厂的方法创建实例对象 2. 单例 通过创建实例的方法创建实例，能获得的实例，都是同一个实例。全局只有一个实例。 3. 适配器模式 将无法在当前

## 启用sourcemap映射 打开开发者工具，在Preferrences ---> Sources ---->勾选 Enable Javascript source maps 。 这样子编译后的代

项目初始化 官网 https://tauri.app/zh-cn/  。 按官网的指示，非常顺利的安装好了依赖，并通过 顺利地初始化了项目。 启动Tauri 开发 初始化项目后，我们不能在packag

最近在开发一个小功能，需要播放音频，音频需要循环播放，代码如下： 上面这段代码执行之后，onTimeUpdate里的log没有输出到控制台上。 查询之后发现，在官方社区里，有许多关于onTimeUpd

对于TS新手来说，封装一个axios也不是件简单的事情。在这里分享一段arco.design pro vue中对axios interceptor的封装。 实际使用： 这个封装非常简单，没有任何复杂的

http请求头里的cache-control是控制资源的缓存。对于强缓存和协商缓存，大家都很熟悉了。浏览器在请求资源的时候，会先判断是否使用强缓存，无强缓存则判断是否使用协商缓存，缓存都没有，再去服务

一个vue3项目，计划在打包项目的时候，去除modulepreload优化。参照官方文档，配置modulePreload 禁用。 打包，将代码发到服务器上以后，页面显示就不正常了。在网络里看， CSS

server / client 可用 vite 项的相关配置，仅在client可用 nitro 配置文档 https://nitro.unjs.io/config devProxy Proxy con

Composables useAppConfig: 访问项目中定义的响应式 app config 。 useAsyncData: 在页面、组件和插件中，您可以使用useAsyncData来访问异步解析

Mac电脑 ，safari 有关视频自动播放政策说明  https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/ iOS 视频自

Middleware 路由中间件有三种: 匿名(或内联)路由中间件，直接在使用它们的页面中定义。 命名路由中间件，放置在middleware/ 目录中，在页面上使用时会通过异步导入自动加载。(注意:路

我们的微信小程序，有一部分页面是使用webview开发的。webview页面里，又内嵌了bilibili的视频。开发环境下，显示很正常。在体验版中，点击进入webview页面，就报错误了： 查了一下，

写CSS，总容易忘记一些功能。今天又在网上查了一个用法。具体场景是，flex布局的容器中，怎么让其中的子元素高度能撑满整个容器的高度。 下面这个图，就是目标效果。 上面这个图，白色的容器里面可以分为三

"launch:fail" 当前场景不支持跳转，或Android上该应用未安装，或iOS上用户在弹窗上点击确认但该应⽤未安装

用Typescript写代码，用到了arguments，  eslint就给报了个警告：Use the rest parameters instead of 'arguments' (prefer-r