网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
在跨域请求（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，但是没有看到源代码。这两个都需要根据项目需求...
css 实现超出宽度，文字加省略号
2023年12月27日
在CSS中，可以使用text-overflow属性来实现超出宽度时显示省略号。以下是一个简单的例子：.overflow-example { white-space: nowrap; /* 禁止文字换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ wi...
在 Angular 中 ngStyle 如何设置 background-image
2023年11月20日
最近在编写管理后台的时候，使用 Angular 加载图片，具体代码如下：<span class="symbol-label" style="background-image:url({{element.img_url}});"></span>但是编译器会出现错误提示。我们可以使用 Angular 中的 ngStyle，下面是修改后的写法：<span class="symbol-label" [ng...
ts 判断数组是否为空
2023年11月20日
在 TypeScript 中，您可以使用以下方法来判断数组是否为空：使用数组的 length 属性：const arr: number[] = []; if (arr.length === 0) { console.log("数组为空"); } else { console.log("数组不为空"); } 使用 Array.isArray() 方法：const arr: n...