ui

前端 UI 技术汇总

playwright为现代web应用提供可靠的端到端测试能力，是实现web自动化的重要工具。

Googleapis已经被GFW黑掉了，但国外很多应用又有引用类似的地址

ajax 本身实际上是通过 XMLHttpRequest 对象来进行数据的交互，而浏览器出于安全考虑，不允许js 代码进行跨域操作。非同源即为跨域，同源策略是指协议相同、域名相同、端口相同。

Html 通过 <script type="text/javascript"> 可以导入 js 包，我们也可以通过 <script type="module"> 导入 NPM 包。

CSS 命名规则。

session注销后，浏览器按后退键不能打开原页面的代码

CSS(Cascading Style Sheets) 负责网页的外观显示，通过为 html 标签设置style实现样式的显示。

CSS是控制网页样式的重要组成部分，SCSS 是 CSS 的扩展，它允许使用 变量、嵌套、混合、导入等，能极大的提高 CSS 的开发效率。本文介绍SCSS的简单使用，为了更加凸显 SCSS 的有点，本文采用CSS与SCSS对比的方式讲解。

js（JavaScript） 介绍

TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发

WebAssembly 简称 wasm，是下一代 web 技术，实质是体积小且加载快的二进制(新的字节码)格式，目的是充分发挥硬件能力已达到原生执行效率。本文除介绍 wasm 外，还提供基于 golang/tinygo 的示例，示例涵盖htm、vue2、vue3、quasar的使用场景。

Vuejs 使用介绍

Bootstrap 使用语法

Tailwind CSS v4 是该框架自发布以来最大的一次底层重写。与其说是升级，不如说是一个全新的引擎。v4 的核心目标是：极致的性能和更现代的开发体验。本文介绍 Tailwind CSS v4 的架构与核心原理：

Quasar 使用介绍

bootstrap 5 beta 已经发布，本文介绍 bootstrap4 升级到 bootstrap5 方法

UI 自动化

字体在HTML中用来展示文字的样式。

浏览器内核区分

UI 相关FaQ汇总。

Svelte 下一代前端编译器，类似与 React、Vue，速度更快、精简，优雅和时尚。

Mock 示例

Ant Design 定制示例

React 代码调试技巧：React 代码打断点

vueRouterMode 支持配置为 history 或 hash，当配置为 history 时，若访问地址会报 404 的错误，此时需要配置 nginx 实现路由转发规则

vue typescript 报错：Could not find a declaration file for module 问题解决。

Vue3 Vite 配置别名问题报错，导致报无法找到对应模块错误的处理解决方式

在web和前端开发时需要选择字体，既要避开版权又要美观，其中阿里巴巴普惠体是一个不错的选择，下面介绍普惠体下载地址和使用方法

React 用于构建 Web 和原生交互界面的库，React 组件是 JavaScript 函数