- 博客(223)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 如何判断 是否 需要 CSS 中的媒体查询
使用现代的布局技术：如果你正在使用 Flex 布局或 Grid 布局，这些布局技术本身就具有很强的自适应能力，可能无需或只需很少的媒体查询就能实现响应式布局。设计非响应式的网站：如果你正在设计一个固定宽度的网站，而且不打算让它在不同的设备和屏幕尺寸上有不同的表现，那么你可能不需要使用媒体查询。内容简单的页面：如果你正在设计一个内容非常简单的页面，例如一个只包含少量文本和图片的静态页面，那么你可能不需要使用媒体查询。响应式布局：当设备的屏幕尺寸变化时，我们可以使用媒体查询来调整布局，以适应不同的屏幕尺寸。
2024-06-10 20:37:39
1503
原创 移动端适配和响应式页面中的常用单位
百分比单位是相对于父元素的大小计算的。它可以用于设置宽度、高度、字体大小等属性，使得元素能够随着父元素的大小自动调整。单位也可以用于移动端适配和响应式页面，但由于它是相对于当前元素的字体大小计算的，这可能导致嵌套元素的大小计算变得复杂。这样，当我们需要调整整个页面的大小时，只需修改根元素的字体大小即可。）的字体大小计算的。在实际项目中，我们通常会根据不同的需求和场景，灵活地使用这些单位来实现移动端适配和响应式页面。视口单位在移动端适配和响应式页面中非常实用，因为它们能够使元素随着视口大小自动调整。
2024-06-10 20:36:00
729
原创 （代码示例）使用setTimeout来延迟加载JS脚本文件
是一个JavaScript函数，用于在指定的延迟时间（以毫秒为单位）之后执行一个函数或代码片段。它可以用于实现延迟加载JS脚本文件。延迟加载JS脚本文件的目的通常是优化页面加载性能，让页面的关键内容优先加载，而非关键内容（如某些JS脚本）可以稍后加载。这样，浏览器可以先加载和渲染页面的关键内容，然后在指定的延迟时间之后加载和执行JS脚本文件。的函数，它接受一个URL作为参数，并创建一个。// 在2秒（2000毫秒）后加载脚本。，我们将在2秒（2000毫秒）后调用。函数，从而实现延迟加载JS脚本文件。
2024-06-06 10:22:21
681
原创 .cjs 与 .js 后缀名，有什么不一样
后缀名表示使用 ECMAScript 模块系统。这两种模块系统在语法和功能上有一些区别，但它们都可以在 Node.js 中使用。在实际开发中，你可以根据项目需求和团队习惯选择合适的模块系统。后缀名在 Node.js 中表示不同的模块系统。主要区别在于它们分别使用 CommonJS 和 ECMAScript 模块系统。后缀名表示使用 CommonJS 模块系统，而。
2024-05-24 14:44:01
949
原创 Scope Hoisting 与函数闭包的关系
在未开启Scope Hoisting的情况下，每个模块都是一个独立的函数作用域，模块间的引用需要通过函数参数传递。而开启Scope Hoisting后，多个模块被合并到一个函数作用域内，减少了函数调用的开销，从而提高了运行时性能。当开启Scope Hoisting后，多个模块被合并到一个函数作用域中，这有助于减少函数闭包的数量，从而降低内存占用。：开启Scope Hoisting后，由于模块间的引用关系减少，代码结构更加紧凑，使得 JavaScript 引擎在执行代码时能够更快地找到需要执行的代码路径。
2024-05-14 11:27:52
1013
原创 CSS优先级+继承
如果该样式属性是继承的，那么就取父元素的同属性的计算值。因为文档根元素是有默认值的，所以该属性一定能够拿到值。如果这5个位置的important个数>1,那么此时是把有important的位置找出来，还是按照 默认顺序来看。如下代码可以自行调试。每个样式属性有明确的是默认继承的 (“Inherited: Yes”) 还是默认不继承的(“Inherited: no”)规定。如果该样式属性是非继承的，那么就取根元素默认值。优先级指的是相同样式字段重复时，具体是哪个样式值生效的判定。如果有多个class，则在。
2024-05-06 14:31:29
1053
1
原创 (最全代码示例)js中常见的数组操作方法有哪些，哪些会修改原数组
join：将数组中所有元素转换为字符串，并连接起来，返回一个新字符串。reverse：颠倒数组中元素的顺序，并返回颠倒后的数组。注意，它会直接修改原数组。sort：对数组元素进行排序，并返回排序后的数组。unshift：将一个或多个元素添加到数组的开头，并返回新数组的长度。push：将一个或多个元素添加到数组的末尾，并返回新数组的长度。concat：将两个或多个数组合并成一个新数组，并返回新数组。shift：删除数组的第一个元素，并返回该元素的值。pop：删除数组的最后一个元素，并返回该元素的值。
2024-05-04 10:09:53
660
1
原创 ACM评判结果，常见的OJ评判结果以及改正措施(通俗易懂)
下面是常见的OJ评判结果以及它们表示的意思Queuing : 提交太多了，OJ无法在第一时间给所有提交以评判结果，后面提交的程序将暂时处于排队状态等待OJ的评判。不过这个过程一般不会很长。Waiting：你的程序刚刚提交，正在等待OJ评测你的程序。Compiling : 您提交的代码正在被编译。Running : 您的程序正在OJ上运行。Judging : 正在检查您程序的
2024-05-03 12:59:07
458
1
原创 js使用WebSocket的示例代码
/ 创建WebSocket对象并连接到服务器。替换为你自己服务器的WebSocket地址。如果觉得文章不错，不妨大赞一个❤️。// 当接收到服务器消息时触发。'WebSocket错误:'// 当连接建立成功时触发。// 当连接关闭时触发。// 当发生错误时触发。// 发送消息到服务器。
2024-05-03 10:35:21
590
3
原创 【非常实战具体】k8s中deployment和StatefulSet构建的pod的区别
它们之间的主要区别在于它们处理Pod的方式和适用的应用程序类型。主要用于部署有状态应用程序，这些应用程序的实例需要保持一定的状态和顺序，如数据库、消息队列等。适用于有状态应用程序，它提供了稳定的网络标识和独立存储卷，以及有序的Pod创建和删除。适用于无状态应用程序，它可以快速扩展和更新，而不需要保持Pod之间的状态和顺序。主要用于部署无状态应用程序，这些应用程序的实例之间是相互独立的，可以相互替换。中的Pod具有稳定的网络标识，方便应用程序实例之间的通信。使用有状态存储卷，每个Pod都有自己的独立存储卷。
2024-04-30 14:14:40
881
原创 C# 在编译之后，出现正由另一进程使用，因此该进程无法访问此文件
出现的原因：1.调用了窗口的 hide() 方法，导致某些窗口（尤其是登录页面）被隐藏，导致关闭的时候，这个进程在最下面的任务栏里面并不显示出来，而且在任务管理器里面也不显示。（但实际上是进程存在并且没有被关闭，只是隐藏起来了），结果这样就莫名进入了调试状态。2.自己采用的调试状态运行程序，导致不能修改代码，尽管调试状态下可以修改代码（工具--->选项--->调试，把对号去
2017-09-15 09:31:46
25429
1
原创 Matlab 用途（我的理解）
Matlab优点：1.高效的数值计算功能。目前其他编程语言以及其他类似的数学软件无可替代；2.完备的计算结果和编程可视化功能。这一点其他软件，无可替代；3.接近数学表达式的自然化m语言。非常易于学习和掌握；Matlab软件就是一个编程开发环境，自带的m语言简单易用，有编程开发经验的人应该是非常容易掌握的，支持面向对象编程。4.功能丰富的应用工具箱与Help系统，目前Matlab
2017-08-24 13:25:46
70998
5
原创 Dev C++ 源文件编译时，确实没问题，但是运行时，总是提示源文件 未编译
我的一种解决方法就是 简单的设置一下前提：安装时这两个重要额部件要有！具体方法如下：工具---编译选项---编辑器---设置编辑器配置---（选择）MinGW GCC 4.7.2 32-bit，然后就可以了结果是：希望对你有所帮助！
2017-03-09 15:35:54
118086
30
原创 tnpm、pnpm 和 npm有什么不同
都是 JavaScript 包管理工具，用于安装、更新、删除和管理 Node.js 项目中的依赖包。尽管它们有相似的功能，但在依赖管理和安装策略上存在一些关键区别。在选择使用哪个包管理器时，应该考虑项目的具体需求、团队的偏好以及性能和安全性的要求。
2024-09-22 18:11:00
278
原创 JS领域的AI工程利器分享
与Python等语言相比，JavaScript在浏览器和服务器端环境中的无缝集成提供了无与伦比的灵活性。开发者可以利用JavaScript的全栈能力，弥合后端AI算法与前端用户交互之间的差距，从而创造出更具动态性和响应性的AI驱动体验。其核心优势在于对提示工程的支持和与外部API的轻松集成。JavaScript，这个在网页开发中广为人知的脚本语言，正逐渐在AI工程领域展现出其独特的魅力。Brain.js简化了在JavaScript中实现神经网络的过程，特别适用于处理大量数据的任务，如文本分析和图像分析。
2024-09-21 15:00:51
271
原创 给互联网迷茫的朋友一点建议
我有一些从事前端开发的朋友，他们拥有数年的工作经验，但在寻找新工作时也遇到了困难。此外，他们还注意到，在面试过程中，有时HR会表现出想要发出录用通知的意愿，但又会拖拖拉拉，最终以不合适为由拒绝。除非你拥有非凡的天赋，否则在当前的市场环境下，找到一份满意的前端工作并非易事。前端开发者在转产品时具有一定的优势，比如对用户界面和用户体验的理解，以及对敏捷开发和迭代思维的熟悉。最后，我想说，无论你选择哪条路，都请保持对技术的热爱和追求。在此，我进行一些整理，并加入一些新的感悟，希望能为那些迷茫的朋友提供一些建议。
2024-09-21 14:56:19
284
原创 常见的HTTP请求头和示例说明
Accept: 浏览器能够处理的内容类型，告诉服务器浏览器支持哪些MIME类型的内容。Accept-Encoding: 浏览器能够处理的压缩编码格式，告诉服务器浏览器支持哪些压缩编码。Cookie: 当前页面域名或者路径下的Cookie，包含浏览器存储的与服务器相关的会话信息。Accept-Language: 浏览器当前的设置语言，告诉服务器浏览器的语言偏好。Referer: 发出请求的页面的URL，告诉服务器请求是从哪个页面发起的。Host: 发出请求的页面所在的域，告诉服务器请求的目标主机。
2024-09-20 14:28:44
504
原创 js中箭头函数的使用场景
总之，箭头函数在许多场景中都可以提供简洁的语法和正确的this绑定，使得代码更加简洁和易于理解。但需要注意的是，箭头函数并不适用于所有场景，例如作为构造函数或需要使用arguments对象的情况。在编写代码时，需要根据实际需求选择使用哪种函数。通常在Promise和定时器的回调函数中，我们会使用箭头函数。因为箭头函数的简洁语法和this绑定特性使得它们在这些场景中非常方便。
2024-09-20 14:25:59
252
原创 js中箭头函数与普通函数的区别
总结：箭头函数和普通函数在语法、this绑定、arguments对象、构造函数和prototype属性方面有很大区别。在编写代码时，需要根据实际需求选择使用哪种函数。箭头函数（Arrow Function）和普通函数（普通的function声明）在JavaScript中有一些重要的区别。
2024-09-20 14:24:14
329
原创 内容安全策略csp中的font-src如果设置为* ，会不安全吗
通过设置CSP，可以限制外部资源的加载，例如脚本、样式、图片等。例如，如果攻击者能够通过某种方式将恶意字体文件上传到服务器或其他可访问的位置，他们可能会利用某些浏览器中的漏洞来执行恶意代码。虽然这样的设置不会像允许任何来源的脚本或样式那样带来严重的安全风险，但仍然可能存在一定的风险。这样，将只允许从自己的服务器（‘self’）和Google Fonts（fonts.gstatic.com）加载字体。可以指定允许加载字体的特定域名，或者只允许从服务器加载字体。这样，即使有潜在的风险，也可以将其降到最低。
2024-09-20 14:22:02
263
原创 vue中 ＜template＞ 与 ＜template lang=“jade“＞的对比，哪个性能好
在实际应用中，这种性能差异通常是可以忽略的，因为模板编译通常只在开发阶段进行。在生产环境中，Vue 模板会被预编译成 JavaScript 渲染函数，这样就避免了在客户端进行模板编译的性能损耗。选择哪种模板语言主要取决于你的编码习惯和团队的技术栈。使用的是 Jade（现在称为 Pug）模板引擎。这两者的性能差别取决于模板引擎的编译速度。在实际项目中，选择适合自己和团队的模板语言会更加重要。使用的是 Vue 默认的 HTML 模板引擎，而。的性能差别主要体现在编译阶段。因此，从性能的角度来看，
2024-09-20 14:15:56
377
原创 CSS中的root的作用
选择器中定义的变量具有全局作用域，因此如果在文档的其他部分重新定义相同的变量，则新定义将覆盖旧定义。因此，如果你需要在某些元素中使用不同的变量值，则应该在这些元素中重新定义变量，而不是在。选择器的作用域是整个文档，因为它定义的变量可以在整个文档中使用。这意味着，如果你在文档中的任何地方使用。选择器可以用来定义全局变量，即CSS变量（也称为自定义属性），这些变量可以在整个文档中使用。选择器定义的变量可以在文档中的任何位置使用，包括嵌套元素。选择器定义了一个变量，它都可以在文档的任何地方使用。
2024-09-20 14:11:28
322
原创 2024百度的组织架构和产品分布
这些事业群组共同构成了百度2024年的组织架构，各自专注于不同的业务领域和产品线，以实现公司的整体战略目标。请注意，组织架构和产品线可能会随着市场变化和企业发展进行调整，建议关注百度官方信息以获取最新动态。
2024-09-20 14:09:11
1023
原创 npm install --force or --legacy-peer-deps
Peer dependencies 是一种特殊的依赖类型，用于指定一个包需要另一个包的特定版本，但不负责安装它。这通常用于插件系统，其中插件依赖于宿主应用的某个版本。然而，在某些情况下，这可能导致版本冲突或不兼容的问题。选项提供了更多的控制权，允许你在安装依赖时覆盖默认行为。然而，使用这些选项时要小心，因为它们可能会导致一些不期望的副作用。选项通常用于强制包管理器执行某些操作，即使这可能会导致一些不期望的副作用。是用于控制包管理器（如 npm 或 yarn）在安装依赖时的行为的选项。
2024-09-20 14:04:41
521
原创 SSE与长轮询的关系
SEE 的全称是 Server-Sent Events。它是一种基于 HTTP 协议的实时通信技术，允许服务器向客户端推送实时更新。与长轮询（Long Polling）相比，Server-Sent Events 提供了更高效、更简单的实现方式。
2024-09-13 11:54:50
87
原创 vue中的keep-alive的代码示例
Vue 会缓存这两个组件的状态，而不是每次都销毁和重新创建它们。这样可以避免不必要的渲染开销，提高应用的性能。
2024-09-13 11:51:25
252
原创 Hydration（水合作用）与SSR的关系
需要注意的是，Hydration过程要求服务器生成的HTML结构与客户端Vue应用的结构保持一致。因此，在使用SSR时，需要确保服务器和客户端的代码同步更新，并遵循一定的规范和最佳实践。服务端渲染（SSR）是一种在服务器上生成HTML内容并将其发送到客户端的技术。与客户端渲染（CSR）相比，SSR可以提高首屏加载速度、改善SEO以及部分性能优化。Hydration的目的是将服务器生成的静态HTML“激活”为动态的、可交互的Vue应用。这不仅提高了首屏加载速度和SEO效果，还为用户提供了更好的浏览体验。
2024-09-13 11:48:12
239
原创 【重点】(非常全) Node.js的生态有哪些包
Node.js的生态系统非常丰富，包括了各种框架、库、工具等。以下是Node.js生态系统的一些主要组成部分：1. 框架：如Express.js, Koa.js, Hapi.js, Sails.js, Nest.js等，用于快速构建Web应用或API服务。2. 数据库驱动和ORM：如Mongoose（MongoDB）、Sequelize（关系型数据库，如MySQL, PostgreSQL）、TypeORM等，用于简化数据库操作。3. 工具库：如Lodash, Moment, Async, Ramda等，提供
2024-09-10 12:50:04
1052
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人