前端
提高前端代码性能的最佳实践
前端开发是 Web 应用程序的基础。在本文中，我们将介绍各种优化应用前端性能的技术，如图像压缩、懒加载和浏览器缓存。 1、图片优化 图片压缩 您可能听说过压缩图像，但您知道它是如何工作的吗？图像压缩是在不影响图像质量的情况下减小图像大小的过程。压缩图像可以提高网页性能。 有两种类型的压缩：无损压缩和有损压缩。无损保留图 ...
CSS基础学习：文本样式
1、文本缩进: text-indent 缩进段落的第一行 属性名: text-indent 取值: 数字+px 数字+em (推荐: 1em = 当前标签的font-size的大小，1em就是一个字的大小) 2、文本水平对齐方式: text-align 属性名: text-align 取值 属性值 效 ...
CSS基础学习：文字样式
1、文字大小 font-size 属性名: font-size 取值: 数字 + px 注意点: 谷歌浏览器默认文字大小是16px 单位需要设置，否则无效 2、文字粗细 font-weight 属性名: font-weight 取值: 关键字 正常 normal 加粗 bold (和 700 ...
CSS基础学习：选择器
CSS中，选择器用来指定网页上我们想要样式化的HTML元素。 1、元素选择器 又称标签选择器 结构: 标签名{ css属性名: 属性值; } 作用:通过标签名，找到页面中所有这类标签，设置样式 注意点 标签选择器选择的是一类标签，而不是单独某一个 标签选择器无论嵌套关系有多深，都能找到对应的标签 实例： h1 ...
CSS基础学习：CSS 的引入方式
CSS（层叠样式表）可以通过以下几种方式进行引入： 外部样式表 又称外联式将CSS代码保存在一个独立的CSS文件中，然后使用<link>标签将该文件引入到HTML文件中。示例代码如下： <link rel="stylesheet" type=text/css href="styles.css"&g ...
NPM 的 5 种替代方案
作为 Node.js 开发人员，您可能熟悉 NPM，它是 Node.js 的默认包管理器。 NPM 是一个强大的工具，可让您轻松管理和安装 Node.js 项目的包和依赖项。然而，尽管它很受欢迎，但 NPM 并不是唯一可用于 Node.js 开发的包管理器。事实上，有几种可供选择的包管理器可以提供不同的功能和优势。在 ...
如何在网页中源码中隐藏 JavaScript 代码？
实际上，从源代码中隐藏Javascript代码是不可能的，因为Javascript代码是以明文形式下载到客户端浏览器并由浏览器执行完成的。 在本文中，我将与您分享一些阻碍用户和使用户难以阅读 javascript 源代码的方法： 混淆javascript代码 混淆是一种改变代码结构以使其更难理解的技术。例如，变量名可以 ...
收集各种 CSS 特效和组件的网站，直接复制代码就可以拿去使用
1、一款生成 CSS box 阴影的在线可视化工具。 可以设置多层阴影，可以复制 TailwindCSS JIT 模式的代码和纯 CSS 代码。 Box Shadows for TailwindCSS 2、CSS 实现的 checkbox 样式集合 CSS Scan 3、各种 CSS 特效和组件 uiverse A ...
JavaScript 调试常用的工具和技术介绍
介绍 JavaScript 是一种功能强大的编程语言，用于创建交互式网页和动态用户界面。与其它编程语言一样， JavaScript 代码可能包含错误，这些错误可能会导致异常、错误或崩溃。 调试，是发现和修复这些错误的过程，它是任何 JavaScript 开发人员的必备技能。 在本文中，我们将讨论一些可以帮助您调试 J ...
如何处理 localStorage 使用中的错误（如空间超出错误）
假设您想在插入项目之前检查 localStorage 是否已满：您会怎么做？ 好吧，浏览器只有一种方式告诉您存储是否已满：当您尝试存储未填充到 localStorage 的项目时，它们会抛出错误（通常称为 QuotaExceededError）。因此，要处理这个特定的用例，您必须将 localStorage.set ...
如何使用 JavaScript 将 localStorage 空间填满？
本周我需要测试js将数据存储到空间已满的localStorage中的表现，为此，我想找到一种使用 JavaScript 将 localStorage 空间填满的方法。 我们知道检测 localStorage 何时已满的唯一方法是在调用 localStorage.setItem 时捕获 QuotaExceededEr ...