网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
JavaScript 数字保留两位小数
2023年06月28日
我们在在 JavaScript 中页面上存在金额计算的时候，需要保留两位小数。我们可以使用 toFixed() 方法将数字保留指定的小数位数。这个方法会返回一个字符串，表示指定小数位数的数字。下面是使用 toFixed() 方法计算保留两位小数的示例代码：const number = 3.14159; const roundedNumber = number.toFixed(2); conso...
jQuery .ajax 返回 responseText 如何序列化成 json
2023年06月27日
在使用 jQuery .ajax 提交数据的时候，提交数据有问题，后端返回 400 错误，返回的 400 错误 responseText 为文本类型数据，如何将 responseText 序列化成 json 数据呢？要将返回的responseText序列化为JSON对象，我们以使用JSON.parse()方法。下面是使用jQuery的.ajax()方法获取responseText并将其序列化为JS...
浅谈浏览器通知 Notification
2023年06月26日
前言前段时间接到一个需求，我们的web系统有电话接听功能。产品希望有电话呼入的时候，能够有效提示用户，无论用户是否在当前的系统页签上，甚至浏览器被最小化以后也能提醒用户。就着这个需求，我做了一些探索。前端对用户的通知一般局限于页面之内，比如alert，confirm。或者js控制一个弹窗提醒用户。有些场景需要在页面之外通知用户，即当用户页签不在本页面，或者浏览器已经被收起来的情况。本文介绍一些浏览...
Fetch 提交数据与 CSRF
2023年06月24日
如果使用 fetch 的方式更新数据，同时后端需要先认证 csrf 数据，如果没有 csrf 数据 则会出现 400 错误。下面是一个使用 fetch 的方式更新数据，同时提交 csrf 数据的示例：function changeAPIToken() { // 点击更改 token 按钮之后触发的动作 const changeButton = document.getElementById('kt...
Angular FormGroup dirty 和 touched 理解
2023年06月15日
FormGroup.dirty 和 FormGroup.touched 是两个布尔值属性，它们用于表示 Angular 表单的状态。dirty 属性表示表单是否被用户修改过。如果表单的值发生了变化，则 dirty 属性为 true。touched 属性表示表单是否被用户触摸过。如果用户在表单元素上进行了触摸（通常是通过单击或聚焦），则 touched 属性为 true。这两个属性可以帮助开发人员在...
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application
2023年06月12日
这个告警是由Webpack性能建议触发的。它的意思是你可以通过使用import()或require.ensure来延迟加载应用程序的某些部分，从而限制你的捆绑文件的大小。要解决这个告警，你可以考虑以下几种方法：延迟加载（Lazy Loading）：将你的应用程序代码分割成多个较小的模块，并在需要时进行动态导入。使用动态导入可以确保只在需要时加载特定的模块，而不是在初始加载时一次性加载所有模块。你可...
PyCharm 对 CSS 代码重构
2023年06月12日
在对原来项目二次开发，由于存在一些 css 文件不规范的问题，需要对一些 css 样式重新组织。我们有的时候需要批量对大量的页面 css 重命名，下面是一些快速更改样式的操作步骤：首先找到需要更改的样式名，之后查找引用（快捷键：Alt + F7）：找到需要修改的页面，选择需要修改的样式名称，对样式经行重命名（快捷键：Shift + F6）:之后点击 Refactor（重构），对项目的所有名称进行...
如何模块化的设计 JavaScript 代码？
2023年06月09日
在JavaScript中，模块化的设计是一种良好的实践，它可以帮助您将代码分解为独立的、可重用的模块，提高代码的可维护性和可扩展性。下面是一些常用的方法来实现JavaScript代码的模块化设计：使用立即执行函数表达式(IIFE)：使用IIFE可以创建一个独立的作用域，防止变量污染全局命名空间。在IIFE中，您可以定义和封装私有变量和函数，并返回一个公共接口，使其可以在其他地方访问。var mod...