网站前端
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 的作用
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 修饰符表示类的成员(属性或方法)只能在类内部或者子类中访问。即使类外部无法直接访问该成员,但继承该类...
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,但是没有看到源代码。这两个都需要根据项目需求...