网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
iframe 沙箱警告
2025年11月18日
最近在测试网站，出现了这个警告：An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.这是 Chrome DevTools / Lighthouse / 安全扫描工具 常见的一个 安全警告，意思是： 如果一个 <iframe>...
const show: 1 | 0 = res.isShow ? 1 : 0; 代码理解
2025年10月22日
这段 TypeScript 代码：const show: 1 | 0 = res.isShow ? 1 : 0;✅ 1. res.isShow ? 1 : 0这是一个 三元运算符（ternary operator）。 意思是： 如果 res.isShow 的值为真（truthy），就返回 1； 否则返回 0。 例如：res.isShow = true → show = 1 ...
Angular 页面设置快捷键方法
2025年04月23日
页面原来代码：<button mat-menu-item type="button" (click)="deleteFakeBot($event)" ...> <mat-icon>delete_forever</mat-icon> <span>删除伪造爬虫</span></button><button mat-menu-item (click)="deleteUA($event)"> ...
assents 文件夹在前端项目中主要的作用
2025年04月10日
在前端项目中，assets 文件夹的主要作用是存储静态资源文件。这些资源通常是不会经过服务器端处理的文件，直接用于展示和交互。具体来说，assets 文件夹常常包含以下类型的文件： 图像文件：如 .png、.jpg、.svg、.gif 等图片文件，用于网页中的图标、背景、插图等。 字体文件：如 .woff、.woff2、.ttf、.otf 等字体文件，用于项目中的自定义字体。 ...
CommonJS 语法与ES Module 语法有什么区别
2025年03月31日
CommonJS 和 ES Module（ESM）是两种不同的 JavaScript 模块系统，主要区别如下：1. CommonJS（CJS）CommonJS 主要用于 Node.js，在浏览器端原生不支持，需要使用 Webpack、Browserify 等工具进行打包。特点 同步加载（require() 是同步的） 适用于服务器端（Node.js） 不支持 tree s...
在跨域请求（cors）中 max_age 的作用
2024年11月19日
在 CORS（跨域资源共享）配置中，max_age 指定了 预检请求（OPTIONS 请求） 的结果可以缓存的时间，单位是秒。预检请求是浏览器在发送跨域请求（例如，使用 POST 或自定义头部）之前，先发送一个 OPTIONS 请求来询问服务器是否允许该请求的实际发送。具体作用：最大缓存时间（Max-Age）：max_age 参数指定了浏览器可以缓存预检请求的结果多长时间。如果在这个时间内，浏览器...
TypeScript protected 理解
2024年11月09日
在 Angular 中，protected 是 TypeScript 中的一个访问修饰符，它用于限制类成员（如属性或方法）的访问权限。与 public 和 private 修饰符相比，protected 具有更严格的访问控制。protected 访问修饰符的作用：允许类内部访问：protected 修饰符表示类的成员（属性或方法）只能在类内部或者子类中访问。即使类外部无法直接访问该成员，但继承该类...