前端汇总

一些常用方法总结，项目引入即用，方便快捷。 一、 开发工具类方法 二、 h5优化样式 三、富文本解析js

一、正则表达式与 `glob` 匹配 二、JavaScript快乐写法 三、装饰器 四、H5与App的通讯方式 五、正则表达式与 glob 匹配 六、CSS新魔法color() 七、autocanno

一、 2023前端面试真题之JS篇 1.1 手写一个Promise 代码测试： 1.2 手写一个迭代器 代码测试： 1.3 设计模式的分类

一、 Tailwind：最流行的原子化 CSS 框架 定义一些细粒度的 class，叫做原子 class，然后在 html 里直接引入这些原子化的 class。

一、环境准备 安装Dart SDK 官方下载地址 共有三种SDK版本选择 Flutter Web Server windows下载地址 二、 配置环境变量 在Windows上，通过点击下一步即可安装

一、 状态模式和观察者模式的黄金组合 1.1 观察者模式 观察者模式是一种行为型设计模式，它定义了对象之间一对多的依赖关系，使得当一个对象状态发生改变时，所有依赖它的对象都会得到通知并自动更新。

一、 前端中获取电池信息，用到的就是关于 Battery Status API。 1.1 getBattery()获取 1.2 监听电池状态变化 1.3 浏览器兼容 二、代码优化 2.1 函数（方法）

一、进阶工具类方法：1：获取数据类型 2：拆解URL参数中queryString 3：循环递归深拷贝 4：获取全局对象 5：数组扁平化、去重、排序

1.html/CSS 1.1 实现圣杯布局和双飞翼布局（经典三分栏布局） 圣杯布局和双飞翼布局的目的： 三栏布局，中间一栏最先加载和渲染（内容最重要，这就是为什么还需要了解这种布局的原因）。

iOS证书(.p12)和描述文件(.mobileprovision)申请 分类：HTML5+ 5+App开发 Apple证书 iOS证书 iOS有两种证书和描述文件： 开发和发布

跨域解决方案：1、前端调试可以通过设置代理等进行。2、后端配置`cros` `Nginx`等彻底解决跨域问题。

刷新浏览器后，Vuex数据持久化。vue3 中的响应式设计原理 `reactive` `ref`。JS高阶函数——reduce()用法总结。

一、js 1. Array.splice() 删除 替换 插入 1.1 arr.splice() 的语法 splice 方法 有3个作用 删除数组的某一项或多项 替换数组的某些项 插入新数据

一、js 1. setTimeout 的运行机制 1.1 js的运行机制如下： 所有同步任务都在主线程上执行，形成一个执行栈（Call Stack） 主线程之外，还存在一个"任务队列"

# 一、js ## 1. 如何判断某个字符串长度（要求支持表情）？ ``` function unicodeLength(str) { return Array.from(str).length }

`ctrl+F` 搜索 `ctrl+shift+F` 按路径搜索 `ctrl+R` 替换 `ctrl+shift+R` 按路径替换 `shift+F6` 重命名 `ctrl+/`

函数调用自身，称为递归。如果尾调用自身，就称为尾递归。 递归非常耗费内存，因为需要同时保存成千上百个调用记录，很容易发生"栈溢出"错误。但对于尾递归来说，调用记录只有一项,将大大节省内存。

一、  Javascript 代理 Proxy Proxy 二、Reflect-Proxy的好帮手 三、组合 Proxy + Effect 存储

一、开启 gzip 压缩 HTTP 协议上的 gzip 编码是一种用来改进 web 应用程序性能的技术，web 服务器和客户端（浏览器）必须共同支持 gzip。兼容目前主流的浏览器。