网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
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...
tooltip 提示复制效果代码
2023年06月07日
最近需要实现一个在一段文字上实现鼠标放上去选中文字，点击之后复制文字，同时 tooltip 提示“已复制”的效果。下面是实现效果的动态截图：实现效果在线演示：Tootip 选中文字复制效果这是一个具体的实现代码：<!DOCTYPE html><html><head> <style> .tooltip { position: relative; display: inli...
vue3 优秀开源项目推荐
2023年06月06日
以下是一些优秀的Vue 3开源项目推荐：Vue Router：Vue Router 是 Vue.js 的官方路由器。它提供了一种构建单页应用程序的方式，使得页面之间的导航变得非常简单。GitHub链接：https://github.com/vuejs/vue-routerVuex：Vuex 是 Vue.js 的官方状态管理库。它可以帮助您管理应用程序的状态，并实现组件之间的数据共享。GitHub链...
$(document).ready(function () { }) 转换成成 JavaScript 代码
2023年06月06日
在使用了 JQuery 一段时间之后，还是感觉使用原生 JavaScript 写代码比较好，于是对一些 JQuery 代码进行翻译。在 JQuery 中，经常使用的是：$(document).ready(function () {});这段代码是页面加载完成，执行相关函数。如果变成 JavaScript 代码如下：document.addEventListener("DOMContentLoade...
name 在 form 表单中的作用
2023年06月06日
在 HTML 中，"name" 属性用于在表单（<form>）元素中标识特定的输入字段或选择项。它定义了表单元素的名称，该名称用于在提交表单时标识和传输相应的数据。当用户在表单中输入数据并提交表单时，浏览器会将表单数据封装成一个键值对的形式，其中键是表单元素的名称（使用 name 属性），值是用户输入的数据。这些数据可以通过后端的服务器端脚本、JavaScript 或其他技术来处理和存储。例如，如...