- 博客(79)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 利用IDEA/WebStorm/pycharm的【随处搜索】功能提高开发效率
随处搜索（Search Everywhere）是JetBrains系列IDE中的一个极具实用性的功能。这个功能可以通过双击Shift键快速呼出，并允许用户在一个集成的搜索窗口中查找项目文件、类、符号等，甚至包括执行简单的数学运算。
2024-04-23 18:22:15
559
原创 Chrome开发者工具 第二十三章（运行时性能分析）
为了模拟移动设备的CPU性能，我们可以在开发者工具中设置CPU节流，比如选择“4倍降速”，这样可以模拟出移动设备上网页的运行情况。接下来，我们可以通过不断点击页面上的操作按钮，如“add 10”或“Optimize”，来观察蓝色方块的移动速度和流畅度的变化。首先，我们需要明确，运行时性能并非指页面加载的速度，而是页面加载完成后，用户交互过程中的性能表现。最后，通过比较优化前后的性能记录，我们可以清晰地看到优化的效果。我们可以点击这些事件，查看源代码中的相关行，找到并优化那些导致性能问题的代码。
2024-02-08 14:53:18
961
1
原创 Chrome开发者工具 第二十二章（检查网络活动）
网络日志的列是可以自定义的。你可以通过右键点击列标题来选择需要显示的列。例如，右击网络面板的标题栏，在弹出的菜单中选择 “网域” 列可以帮助你查看每个资源的域名。
2024-02-08 14:52:15
1191
原创 Chrome 开发者工具 第二十一章（替换 Web 内容和 HTTP 响应）
Chrome 开发者工具的本地替换功能是一个强大的工具，它允许开发者在不修改服务器代码的情况下模拟前端更改。这个功能特别适用于那些需要快速测试前端更改，但又不想或不能等待后端更新的情况。
2024-02-07 16:36:35
1393
1
原创 Chrome 开发者工具 第二十章（使用工作区进行文件编辑和保存）
Chrome 开发者工具的工作区功能提供了一种便利的方式，允许开发者直接在浏览器中编辑文件，并将更改实时保存到本地文件系统中。这个功能对于想要快速迭代和测试代码更改的开发者来说是一个巨大的福音。
2024-02-07 13:02:15
10486
原创 Chrome 开发者工具 第十九章（源代码映射Source Maps）
源代码映射是前端开发中的一个重要概念，它允许开发者在经过编译、压缩或转译后的代码中。这是通过在 Chrome 开发者工具的 “源代码/来源” 面板中将编译后的代码映射回原始源代码实现的。
2024-02-07 13:01:09
982
原创 Chrome 开发者工具 第十八章（代码段使用指南）
在前端开发的过程中，效率是关键。Chrome 开发者工具的代码段（Snippets）功能，正是为了提升这一效率而生。代码段不仅可以帮助我们快速执行重复的 JavaScript 代码，还能让我们在任何网页上以无痕模式运行这些代码片段，从而使我们的开发工作流程更加流畅。
2024-02-06 16:13:21
644
原创 Chrome 开发者工具 第十七章（JavaScript断点调试）
调试过程中，断点的设置是核心技能之一，它允许开发者在代码的特定位置暂停执行，以便更好地理解和修复问题。首先，我们来看看代码行断点，这是最常用的断点类型。切换到“源代码/来源”面板，点击“XHR/提取断电”面板右侧的➕按钮，在输入框中输入字符串，当此字符串出现在 XHR 请求网址的任意位置时，开发者工具会暂停。在元素面板，右击对应的DOM树节点，在弹出的菜单中选择“发生中断的条件”，之后可以选择进入断点的条件：子树修改、属性修改、移除节点。在断点窗格中，右击任意断点，在弹出的菜单中可以选择“移除所有断点”
2024-02-06 16:12:42
981
原创 Chrome 开发者工具 第十五章（控制台消息格式和样式）
Chrome 开发者工具的控制台不仅能够记录消息，还能够让开发者以不同的格式和样式来显示这些消息。这是通过使用格式说明符来实现的，这些说明符以百分号（%）开头，后跟一个指示数据类型的字符。例如，%s用于字符串，%i或%d用于整数，%f用于浮点值，%o用于展开式DOM元素，%O用于展开式JavaScript对象，而%c用于将CSS样式规则应用于输出字符串。记住，合理使用这些样式可以提升开发和调试的效率，但过度使用可能会导致控制台输出变得混乱。需要注意的是，输出的消息会根据格式说明符进行类型转换，例如。
2024-02-05 17:26:44
362
原创 Chrome 开发者工具 第十四章（控制台实时观察 JavaScript）
Chrome 开发者工具的控制台提供了一个非常实用的功能——实时表达式。这个功能允许开发者在控制台顶部固定一个或多个JavaScript表达式，以便实时跟踪它们的值。这对于监测变量或表达式的变化特别有用，尤其是当你发现自己需要反复输入同一个表达式来查看其值时。
2024-02-05 17:25:17
572
原创 Chrome 开发者工具 第十三章（控制台运行 JavaScript）
Chrome 开发者工具的控制台是一个功能丰富的环境，它不仅可以用来记录消息，还可以运行JavaScript代码。控制台实质上是一个REPL（读取-评估-打印-循环）环境，它读取你输入的JavaScript代码，评估这些代码，并打印出表达式的结果，然后继续这个循环。控制台不仅是一个强大的工具，它还可以帮助你更轻松地与网页互动，无论是调试现有的代码还是尝试新的代码片段。通过控制台，你可以更深入地了解JavaScript，并在开发过程中提高你的效率。，你可以改变页面上某个元素的文本内容。你还可以定义函数，如。
2024-02-04 13:46:06
441
原创 Chrome 开发者工具 第十二章（控制台日志消息）
Chrome 开发者工具的控制台不仅是查看日志信息的地方，也是一个可以记录和过滤消息的强大工具。通过本教程，您可以学习如何在控制台中记录不同类型的消息，并使用过滤功能来管理这些消息。如果您在使用其他开发者工具面板时也需要查看控制台消息，可以通过按下Esc键打开抽屉式导航栏中的控制台面板，这样就可以同时查看样式更改和控制台日志了。通过这些工具和技巧，您可以更有效地管理控制台中的消息，从而提高开发和调试的效率。此外，您还可以选择只显示由用户代码生成的消息，而过滤掉浏览器自动生成的消息。
2024-02-04 13:45:03
510
原创 Chrome 开发者工具 第十一章（CSS 容器查询）
CSS容器查询是一个新兴的功能，它允许开发者根据父级容器的属性来操纵元素的样式，这一功能将自适应设计的概念从基于页面转变为基于容器。在Chrome开发者工具的元素面板中，我们可以检查和调试使用了CSS容器查询的元素。通过这些工具，开发者可以更加灵活地控制布局，确保在不同尺寸的容器中元素都能保持良好的样式和布局。这会将你带到元素面板中相应的元素，并在样式窗格中显示查询的属性及其当前值。在示例中，如果容器的宽度超过400px，段落（p）元素会以块的形式显示在页面上，占据整个宽度。例如，如果一个元素使用了。
2024-02-03 17:26:02
665
1
原创 Chrome 开发者工具中 第十章（Flexbox 布局）
布局窗格提供了一个专门的Flexbox部分，你可以在这里查看页面上所有的Flexbox元素，并通过切换复选框来显示或隐藏它们的叠加层。此外，你还可以通过点击叠加层旁边的颜色图标来自定义叠加层的颜色。这个标志不仅帮助你快速识别Flexbox元素，还可以通过点击它来切换Flexbox叠加层的显示，这个叠加层会在元素上方显示，并用虚线排列来展示内容和项目的位置。这些工具的结合使用可以大大简化Flexbox布局的调试过程，让你能够快速识别和解决布局问题，确保你的布局在不同设备和屏幕尺寸上都能正常工作。
2024-02-03 16:07:52
386
原创 Chrome 开发者工具 第九章（CSS网格布局）
CSS网格布局是现代前端开发中的一项强大技术，它允许开发者创建复杂的布局，同时保持代码的简洁和可维护性。Chrome开发者工具提供了一系列工具，帮助我们发现和检查页面上的CSS网格，以及调试布局问题。
2024-02-03 15:53:11
363
原创 Chrome 开发者工具 第八章（CSS颜色选择器）
在Web开发中，颜色的选择和调试是一个细致且关键的过程，特别是在处理高清（HDR）和非高清（SDR）颜色时。当你在颜色空间之间切换时，颜色选择器会自动转换颜色值。需要注意的是，取色器仅对sRGB颜色空间中的颜色进行采样，如果你在此区域之外采样，取色器会将颜色裁剪为最接近的颜色。如果你需要解决对比度问题，你可以展开颜色选择器中的对比度部分，并使用建议的颜色或拖动颜色圆圈来调整对比度。要打开颜色选择器并更改颜色，你可以在元素面板中选择一个元素，然后在样式窗格中找到你想要更改的color或*-color声明。
2024-02-03 15:09:36
455
原创 Chrome 开发者工具 第七章（CSS无效、被覆盖、继承）
我们经常会遇到CSS样式没有按预期显示的情况。这可能是由于多种原因造成的，比如CSS规则的选择器不匹配、属性值无效或者CSS声明被其他规则覆盖。Chrome开发者工具的样式窗格提供了一系列功能，帮助我们识别和理解这些问题。
2024-02-03 14:32:07
329
原创 Chrome 开发者工具中 第六章（CSS查看与编辑）
在前端开发的世界里，CSS是构建和美化网页不可或缺的一部分。Chrome开发者工具提供了强大的功能，让我们能够实时查看和修改CSS，从而实现即时的页面样式调整。接下来，我们将一起探索如何使用这些工具来提升我们的前端开发体验。
2024-02-03 13:58:04
502
原创 NestJS：前端开发者的新宠，Java的有力竞争者
NestJS，作为一个高效且可扩展的Node.js服务端应用框架，近年来在前端开发者中的受欢迎程度急剧上升。它不仅完全支持TypeScript，还提供了丰富的模块化结构，使得代码组织更为清晰和高效。但为什么前端开发者需要学习NestJS呢？以及它相较于Java有哪些优势？
2024-02-02 19:33:52
476
原创 pnpm 第五章（filter 过滤）
是一个备受欢迎的包管理器，它提供了一种称为“过滤”的强大功能，允许开发者限制命令执行到特定的包子集。为开发者提供了灵活的方式来管理和执行对包的操作。无论是在大型的mono-repo项目中，还是在需要精确控制的场景下，如果你只想选择某个包的依赖项，而不包括该包本身，可以使用。过滤器也支持排除特定包的功能，只需在包名前添加。在现代的JavaScript项目管理中，的过滤功能都能显著提升你的工作流程。在某些shell中，可能需要转义。的过滤功能来提高你的开发效率。这将包括指定目录下的所有项目。
2024-02-02 16:20:42
600
原创 开源软件：技术创新的催化剂
随着信息技术行业的迅猛发展，IT专业人员的证书已成为衡量个人技能和提升职业竞争力的一把尺子。在茫茫证书海中，哪些证书真正具有高含金量，能为职业生涯加分？本文为您全面解密。
2024-02-02 10:43:09
246
原创 pnpm 第四章（pnpm CLI与npm CLI的差异）
此外，一些与pnpm无关的环境变量也可能会影响其行为，比如CI环境变量和一些XDG相关的环境变量，它们会影响pnpm存储全局信息的目录位置。pnpm CLI是一个类似于npm的包管理工具，但它在某些方面有所不同，特别是在参数校验上。与npm不同，pnpm不会忽略无效的参数。如果没有找到相应的脚本，pnpm将以shell脚本的形式执行该命令，例如。在命令行方面，pnpm提供了一些简便的命令等效列表，帮助你快速上手。如果你执行一个未知命令，pnpm会尝试查找一个具有指定名称的脚本，所以。不是一个有效的参数。
2024-02-02 10:16:23
317
原创 pnpm 第三章（与其他包管理器的功能对比）
在现代前端开发中，包管理器扮演着至关重要的角色。它们帮助开发者管理项目依赖，提高开发效率。pnpm是一个相对较新的包管理器，它声称能提供更好的性能和效率。在这篇文章中，我们将深入分析pnpm与其他流行包管理器Yarn和npm的功能对比，以帮助开发者做出更明智的选择。
2024-02-02 10:02:26
341
原创 Coze.cn - 编织AI未来的在线平台
人工智能时代的来临，对话机器人正成为我们交流的新常态。而在这个新兴领域中，扣子以其独特的平台和工具，正在引领一场人与机器对话的创新革命。
2024-02-01 18:56:47
529
原创 pnpm 第二章（安装指南）
首先，如果你没有使用独立脚本或@pnpm/exe来安装pnpm，你需要确保系统上已经安装了Node.js（至少版本为v16.14）。使用npm也是安装pnpm的一种方式，提供了两个包：pnpm和@pnpm/exe。今天，我们来深入探讨如何在各种环境下安装pnpm。对于使用Homebrew、winget、Scoop、Choco或Volta的用户，安装pnpm也非常简单，只需要运行对应的安装命令即可。最后，如果你在使用pnpm时遇到了问题，比如无法通过重新安装来修复，你可能需要手动从PATH中移除pnpm。
2024-02-01 09:50:35
658
原创 Chrome for Developer 第五章（Chrome 开发者工具中的 DOM 对象属性）
在开发者工具的元素面板，我们可以选择任何DOM节点，然后转到属性标签页来查看该节点的属性。
2024-02-01 09:43:54
352
原创 pnpm 第一章（项目初衷与优势）
当我们聊起前端的包管理工具，通常会提到pnpm的两个核心优势：节省磁盘空间和提高安装速度。这两个特点不仅是pnpm的设计初衷，也是它在前端开发者社区中受到推崇的主要原因。
2024-01-31 15:53:36
345
原创 深度学习：人工智能飞跃的催化剂
在过去的十年里，人工智能（AI）从一个充满期待的概念转变为现实生活中不可或缺的组成部分。这场革命的心脏就是深度学习技术——一种强大的机器学习方法，它通过模仿人类大脑的工作原理来理解和解释复杂数据。深度学习的飞跃进步不仅重新定义了数据的处理方式，同时也开辟了无限的可能性。从技术角度来看，创建、训练和维护复杂的神经网络需要大量的计算资源，这不仅成本高昂，而且与环境可持续性之间存在冲突。尽管如此，深度学习的潜力仍然无可限量。随着算法的不断进步和计算能力的不断提升，我们有望见证深度学习在许多其他领域的更多突破。
2024-01-31 14:30:25
335
原创 迈向IT精英：揭秘中国IT行业最具含金量的认证证书
随着信息技术行业的迅猛发展，IT专业人员的证书已成为衡量个人技能和提升职业竞争力的一把尺子。在茫茫证书海中，哪些证书真正具有高含金量，能为职业生涯加分？本文为您全面解密。
2024-01-31 14:20:19
356
原创 Chrome for Developer 第四章（Chrome 开发者工具中的 控制台访问节点）
右键点击你想要操作的元素，选择“复制”然后是“复制 JS 路径”，这会将一个 document.querySelector() 表达式复制到你的剪贴板，该表达式是一个精确到该元素的选择器。你可以直接在控制台中粘贴并执行它，或者在你的JavaScript代码中使用它。在元素面板中选中任意DOM元素时，这个元素就会被赋给一个名为 $0 的变量，你可以在控制台中直接引用它。如果需要反复引用同一个DOM元素，可以通过在元素面板中右键点击该元素并选择“存储为全局变量”来保存它。
2024-01-31 13:32:58
425
原创 Chrome for Developer 第三章（Chrome 开发者工具中的 DOM 编辑）
右键点击任何一个DOM节点，选择“复制粘贴元素”选项，即可复制出与该节点同级的新节点，也可以使用键盘快捷键Shift+Alt+下实现复制粘贴元素。选择一个元素，然后点击该元素旁边的:hov按钮，也可以右击节点，选择“强制执行状态”，选择不同的状态来预览该元素在这些状态下的样式。如果你想要更改某个元素的文本，只需双击该元素的文本节点，输入新的内容，然后按下回车键即可。右键点击一个节点，选择“删除元素”或按 Delete 键，即可删除该节点，按Ctrl+Z，可以撤销被删除的节点。属性的修改也同样简单。
2024-01-31 10:55:45
1152
原创 JavaScript 第二十六章（测试对象属性）
在JavaScript开发中，经常需要检查一个对象是否包含特定的属性。这可以通过几种不同的方法来实现，包括使用in操作符、hasOwnProperty()方法、propertyIsEnumerable()方法，以及直接查询属性。我们将探讨这些方法的使用及其差异。
2024-01-30 06:39:52
374
原创 JavaScript 第二十五章（删除对象的属性）
这包括了一些内置对象的属性以及通过变量声明或函数声明创建的全局对象的属性。这个操作符的用法有一些特殊的规则和限制，了解这些可以帮助我们更好地管理对象的属性。它只作用于对象的自有属性，并且受到属性的configurable特性的限制。需要注意的是，delete只能删除对象的自有属性，如果你尝试删除一个继承属性，它不会有任何效果。delete操作符的基本用法是删除对象的自有属性，而不是继承的属性。在严格模式下，如果delete的操作数是一个非限定的标识符，如变量名，它会抛出SyntaxError。
2024-01-30 06:28:47
355
原创 JavaScript 第二十四章（对象属性访问、设置及继承）
在JavaScript中，对象的属性访问和设置是日常编程中的基础操作，同时也涉及到对象的继承机制。了解这些概念对于编写高效和可维护的代码至关重要。我们将通过示例代码来详细解释这些知识点。
2024-01-30 06:11:47
330
原创 JavaScript 第二十三章（对象创建的多种方式）
在JavaScript中，对象是一种非常重要的数据类型，它是属性的集合，每个属性都有自己的值。对象的创建方式多种多样，每种方式都有其独特之处。我们将深入探讨三种主要的对象创建方式：对象字面量、使用new关键字、以及Object.create()方法。
2024-01-30 06:05:35
340
原创 JavaScript 第二十二章（声明）
在JavaScript中，声明是构建程序基础的重要组成部分。虽然它们不会直接导致事件的发生，但它们为程序中的其他语句提供了必要的定义和结构。声明可以分为几种类型，包括变量、函数、类以及模块导入和导出。
2024-01-29 13:17:34
352
1
原创 JavaScript 第二十一章（其他语句）
在JavaScript的世界里，除了我们常用的控制流语句和表达式，还有一些特殊的语句，它们在某些特定的场景下非常有用，但也可能带来一些潜在的问题。
2024-01-29 12:58:28
357
原创 JavaScript 第二十章（跳转语句的使用技巧与常见陷阱）
在JavaScript编程中，跳转语句是控制代码执行流程的重要工具。它们使得我们能够根据特定条件跳出循环、跳过迭代或从函数返回值。以下是JavaScript中几种常见的跳转语句，以及它们的使用方法和示例代码。
2024-01-29 12:44:15
1159
原创 Chrome for Developer 第二章（Chrome 开发者工具中的 DOM 查询）
DOM（文档对象模型）是一个页面的结构化表示，它让我们可以通过脚本语言（如JavaScript）来动态访问和更新页面的内容、结构和样式。中的元素面板展示了当前网页的 DOM 树状结构，并允许我们以直观的方式进行操作。
2024-01-28 17:24:20
732
原创 Chrome for Developer 第一章（打开 Chrome 开发者工具）
Chrome 开发者工具是前端开发者的得力助手，它集调试、测试和代码优化于一身。下面是如何打开和使用这一工具的步骤，以及每个面板的基本功能介绍。
2024-01-28 16:36:19
747
学习 Vue：可重用、可组合、可扩展用户界面的核心概念和实用模式（2024年，英文版）
2024-01-26
Web 应用程序安全：现代 Web 应用程序的利用和对策（2024年，英文版）
2024-01-25
征服JavaScript D3.js （2024年，英文版）
2024-01-25
使用Vue.js 3构建实际网页应用程序（2024年，英文版）
2024-01-25
征服JavaScript Three.js （2024年，英文版）
2024-01-25
《Java 核心技术 卷I 》第12版，涵盖Java17新特性（英文版）
2024-01-25
数字化城市管理信息系统 第5部分：监管信息采集设备.pdf
2020-07-20
数字化城市管理信息系统 第6部分验收.pdf
2020-07-20
数字化城市管理信息系统 第7部分监管信息采集.pdf
2020-07-20
数字化城市管理信息系统 第1部分：单元网格.pdf
2020-07-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人