网站前端

SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。

目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。

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 指定了预检请求（OPTIONS 请求）的结果可以缓存的时间，单位是秒。预检请求是浏览器在发送跨域请求（例如，使用 POST 或自定义头部）之前，先发送一个 OPTIONS 请求来询问服务器是否允许该请求的实际发送。具体作用：最大缓存时间（Max-Age）：max_age 参数指定了浏览器可以缓存预检请求的结果多长时间。如果在这个时间内，浏览器...

TypeScript protected 理解

2024年11月09日

在 Angular 中，protected 是 TypeScript 中的一个访问修饰符，它用于限制类成员（如属性或方法）的访问权限。与 public 和 private 修饰符相比，protected 具有更严格的访问控制。protected 访问修饰符的作用：允许类内部访问：protected 修饰符表示类的成员（属性或方法）只能在类内部或者子类中访问。即使类外部无法直接访问该成员，但继承该类...

ReferenceError: menuAction is not defined

2024年06月14日

页面加载一个 js 文件之后调用函数，却出现了：ReferenceError: menuAction is not defined具体代码如下：<script src="https://staticx.dev/da/js/auth-0.bundle.js" defer></script><script>menuAction();</script>出现问题的原因：由于 script 使用了 defe...

TypeError: i.createPopper is not a function

2024年06月13日

最近在使用 Bootstrap 的时候出现了这个错误：TypeError: i.createPopper is not a function出现错误的原因：没有加载 Popper.js 这个文件，但是如果使用Popper.js，Bootstrap.min.js 文件，会出现冲突，也会出现问题。解决方案：使用 bootstrap.bundle.min.js 而不是 Popper.js，Bootstr...

markdown toolbar element 推荐

2024年04月16日

最近需要在评论表单加上 Markdown 功能支持，找了很多 Markdown 功能的编辑器，一直不是很好用。找到了一个 markdown-toolbar-element 的项目，比较轻量，可以更具需求更改。同此此项目还提供了一个效果预览页面。第二个推荐的依然是一个轻量的 Markdown 编辑器，名称：markdown-toolbar element，但是没有看到源代码。这两个都需要根据项目需求...