网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
2023年04月21日
在使用 JavaScript 编写代码的时候，出现了如下错误：Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')这个错误应该很常见，主要是页面上没有这个元素，之后无法获取，出现 null 的错误。截图如下：下面是示例代码：<button type="button" class="close"...
css 文件前面下划线代表什么？
2023年04月14日
在 CSS 中，文件名前面的下划线通常表示该文件是一个“部分”文件或者“子文件”，它是一个被其他 CSS 文件引用的文件，而不是一个独立的样式表。在一些CSS框架中，这种命名规则用于组织CSS代码，使其更易于维护和管理。一些CSS预处理器也使用类似的命名规则，例如Sass，其中以下划线开头的文件是被视为可导入的部分，而不是被编译成单独的 CSS 文件。需要注意的是，这种命名约定不是CSS语言本身的...
JavaScript try catch 理解
2023年04月12日
我们在编写 JavaScript 代码的时候，一般很少使用 try catch，相比于后端语言来说。例如我们使用 try-except 块来捕获 JSON 解析时可能发生的异常可以像这样写：let decodedContent; try { decodedContent = JSON.parse(dataVal); } catch (error) { console.log("Er...
data-dismiss="" 的作用
2023年04月12日
今天看到这样一段代码：<div class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <b...
JavaScript id 选择器示例
2023年04月12日
一个页面有如下元素：<button class="btn btn-sm btn-danger fw-semibold me-2" id="delete-number-1" data-number="{{ item.id }}">删除号码</button><button class="btn btn-sm btn-danger fw-semibold me-2" id="delete-number-...
修复JavaScript中的“unexpected end of input”错误
2023年04月11日
如果您在尝试执行JavaScript代码时遇到“unexpected end of input”错误，本篇博客就是为您准备的！有许多原因可能导致这个错误，我们将为您详细介绍最常见的导致此类错误的错误，并告诉您如何识别和修复它。我们还将额外讨论“unexpected end of JSON input”错误。Unexpected end of input errorJavaScript中的“unex...
quill Invalid Quill container #kt_inbox_reply_editor
2023年04月11日
最近在使用 Quill 编辑器，在使用的过程中遇到一些问题，对于存在的问题做一个总结，方便大家排错。quill Invalid Quill container #kt_inbox_reply_editor出现问题的原因：这个错误通常出现在 Quill 初始化时无法找到对应的容器。可能的原因是：容器的 ID 不正确，或者容器没有被正确地创建和添加到页面中。Quill 初始化代码在容器被创建之前执行了...
Uncaught SyntaxError: Identifier 'stripe' has already been declared
2023年04月04日
最近在重复加载 js 文件的时候出现了如下错误：Uncaught SyntaxError: Identifier 'stripe' has already been declared (at checkout.js:1:1)出现问题的原因：这会在同一个（全局）范围内对同一个 const 参数名称进行多次声明，将会出现以上错误。解决方案：原来是这样写的：const stripe = Stripe("...