- 博客(235)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 如何判断 是否 需要 CSS 中的媒体查询
使用现代的布局技术：如果你正在使用 Flex 布局或 Grid 布局，这些布局技术本身就具有很强的自适应能力，可能无需或只需很少的媒体查询就能实现响应式布局。设计非响应式的网站：如果你正在设计一个固定宽度的网站，而且不打算让它在不同的设备和屏幕尺寸上有不同的表现，那么你可能不需要使用媒体查询。内容简单的页面：如果你正在设计一个内容非常简单的页面，例如一个只包含少量文本和图片的静态页面，那么你可能不需要使用媒体查询。响应式布局：当设备的屏幕尺寸变化时，我们可以使用媒体查询来调整布局，以适应不同的屏幕尺寸。
2024-06-10 20:37:39
1529
原创 移动端适配和响应式页面中的常用单位
百分比单位是相对于父元素的大小计算的。它可以用于设置宽度、高度、字体大小等属性，使得元素能够随着父元素的大小自动调整。单位也可以用于移动端适配和响应式页面，但由于它是相对于当前元素的字体大小计算的，这可能导致嵌套元素的大小计算变得复杂。这样，当我们需要调整整个页面的大小时，只需修改根元素的字体大小即可。）的字体大小计算的。在实际项目中，我们通常会根据不同的需求和场景，灵活地使用这些单位来实现移动端适配和响应式页面。视口单位在移动端适配和响应式页面中非常实用，因为它们能够使元素随着视口大小自动调整。
2024-06-10 20:36:00
851
原创 （代码示例）使用setTimeout来延迟加载JS脚本文件
是一个JavaScript函数，用于在指定的延迟时间（以毫秒为单位）之后执行一个函数或代码片段。它可以用于实现延迟加载JS脚本文件。延迟加载JS脚本文件的目的通常是优化页面加载性能，让页面的关键内容优先加载，而非关键内容（如某些JS脚本）可以稍后加载。这样，浏览器可以先加载和渲染页面的关键内容，然后在指定的延迟时间之后加载和执行JS脚本文件。的函数，它接受一个URL作为参数，并创建一个。// 在2秒（2000毫秒）后加载脚本。，我们将在2秒（2000毫秒）后调用。函数，从而实现延迟加载JS脚本文件。
2024-06-06 10:22:21
797
原创 .cjs 与 .js 后缀名，有什么不一样
后缀名表示使用 ECMAScript 模块系统。这两种模块系统在语法和功能上有一些区别，但它们都可以在 Node.js 中使用。在实际开发中，你可以根据项目需求和团队习惯选择合适的模块系统。后缀名在 Node.js 中表示不同的模块系统。主要区别在于它们分别使用 CommonJS 和 ECMAScript 模块系统。后缀名表示使用 CommonJS 模块系统，而。
2024-05-24 14:44:01
1536
原创 Scope Hoisting 与函数闭包的关系
在未开启Scope Hoisting的情况下，每个模块都是一个独立的函数作用域，模块间的引用需要通过函数参数传递。而开启Scope Hoisting后，多个模块被合并到一个函数作用域内，减少了函数调用的开销，从而提高了运行时性能。当开启Scope Hoisting后，多个模块被合并到一个函数作用域中，这有助于减少函数闭包的数量，从而降低内存占用。：开启Scope Hoisting后，由于模块间的引用关系减少，代码结构更加紧凑，使得 JavaScript 引擎在执行代码时能够更快地找到需要执行的代码路径。
2024-05-14 11:27:52
1040
原创 CSS优先级+继承
如果该样式属性是继承的，那么就取父元素的同属性的计算值。因为文档根元素是有默认值的，所以该属性一定能够拿到值。如果这5个位置的important个数>1,那么此时是把有important的位置找出来，还是按照 默认顺序来看。如下代码可以自行调试。每个样式属性有明确的是默认继承的 (“Inherited: Yes”) 还是默认不继承的(“Inherited: no”)规定。如果该样式属性是非继承的，那么就取根元素默认值。优先级指的是相同样式字段重复时，具体是哪个样式值生效的判定。如果有多个class，则在。
2024-05-06 14:31:29
1101
1
原创 (最全代码示例)js中常见的数组操作方法有哪些，哪些会修改原数组
join：将数组中所有元素转换为字符串，并连接起来，返回一个新字符串。reverse：颠倒数组中元素的顺序，并返回颠倒后的数组。注意，它会直接修改原数组。sort：对数组元素进行排序，并返回排序后的数组。unshift：将一个或多个元素添加到数组的开头，并返回新数组的长度。push：将一个或多个元素添加到数组的末尾，并返回新数组的长度。concat：将两个或多个数组合并成一个新数组，并返回新数组。shift：删除数组的第一个元素，并返回该元素的值。pop：删除数组的最后一个元素，并返回该元素的值。
2024-05-04 10:09:53
757
1
原创 ACM评判结果，常见的OJ评判结果以及改正措施(通俗易懂)
下面是常见的OJ评判结果以及它们表示的意思Queuing : 提交太多了，OJ无法在第一时间给所有提交以评判结果，后面提交的程序将暂时处于排队状态等待OJ的评判。不过这个过程一般不会很长。Waiting：你的程序刚刚提交，正在等待OJ评测你的程序。Compiling : 您提交的代码正在被编译。Running : 您的程序正在OJ上运行。Judging : 正在检查您程序的
2024-05-03 12:59:07
491
1
原创 js使用WebSocket的示例代码
/ 创建WebSocket对象并连接到服务器。替换为你自己服务器的WebSocket地址。如果觉得文章不错，不妨大赞一个❤️。// 当接收到服务器消息时触发。'WebSocket错误:'// 当连接建立成功时触发。// 当连接关闭时触发。// 当发生错误时触发。// 发送消息到服务器。
2024-05-03 10:35:21
717
3
原创 （原创实践+看不懂找我）git回滚代码
和git revert是 Git 中用于撤销提交的两个命令，它们的区别在于带给你的工作量和影响范围。
2024-04-30 14:19:42
1228
2
原创 【非常实战具体】k8s中deployment和StatefulSet构建的pod的区别
它们之间的主要区别在于它们处理Pod的方式和适用的应用程序类型。主要用于部署有状态应用程序，这些应用程序的实例需要保持一定的状态和顺序，如数据库、消息队列等。适用于有状态应用程序，它提供了稳定的网络标识和独立存储卷，以及有序的Pod创建和删除。适用于无状态应用程序，它可以快速扩展和更新，而不需要保持Pod之间的状态和顺序。主要用于部署无状态应用程序，这些应用程序的实例之间是相互独立的，可以相互替换。中的Pod具有稳定的网络标识，方便应用程序实例之间的通信。使用有状态存储卷，每个Pod都有自己的独立存储卷。
2024-04-30 14:14:40
1122
原创 C# 在编译之后，出现正由另一进程使用，因此该进程无法访问此文件
出现的原因：1.调用了窗口的 hide() 方法，导致某些窗口（尤其是登录页面）被隐藏，导致关闭的时候，这个进程在最下面的任务栏里面并不显示出来，而且在任务管理器里面也不显示。（但实际上是进程存在并且没有被关闭，只是隐藏起来了），结果这样就莫名进入了调试状态。2.自己采用的调试状态运行程序，导致不能修改代码，尽管调试状态下可以修改代码（工具--->选项--->调试，把对号去
2017-09-15 09:31:46
26433
1
原创 Matlab 用途（我的理解）
Matlab优点：1.高效的数值计算功能。目前其他编程语言以及其他类似的数学软件无可替代；2.完备的计算结果和编程可视化功能。这一点其他软件，无可替代；3.接近数学表达式的自然化m语言。非常易于学习和掌握；Matlab软件就是一个编程开发环境，自带的m语言简单易用，有编程开发经验的人应该是非常容易掌握的，支持面向对象编程。4.功能丰富的应用工具箱与Help系统，目前Matlab
2017-08-24 13:25:46
74035
2
原创 Dev C++ 源文件编译时，确实没问题，但是运行时，总是提示源文件 未编译
我的一种解决方法就是 简单的设置一下前提：安装时这两个重要额部件要有！具体方法如下：工具---编译选项---编辑器---设置编辑器配置---（选择）MinGW GCC 4.7.2 32-bit，然后就可以了结果是：希望对你有所帮助！
2017-03-09 15:35:54
122977
32
原创 JSPatch和JSBridge 的区别
不同点JSPatch专注于通过JavaScript动态修改iOS应用的原生Objective-C代码，主要用于热更新场景。JSBridge则是一种更为广泛的解决方案，旨在实现JavaScript与原生应用之间的通用通信，并不仅限于iOS平台或代码修改的目的。简而言之，JSPatch可以被视为JSBridge的一种特定实现或应用场景，而JSBridge则是一个更为通用和灵活的概念。
2024-09-30 10:03:17
716
原创 iOS中，如何使用jsbrige实现 动态热更新的能力
在你的服务器上编写JavaScript补丁文件，用于修复或新增功能。将编写好的JavaScript补丁文件上传到你的服务器，并获取补丁文件的URL。在你的应用中，定期检查服务器上是否有新的补丁文件，并下载应用它们。以下是一个完整的示例，展示了如何在。
2024-09-29 14:23:36
653
原创 【重点】使用axios.request.put上传文件，报错分析
跨域问题：如果请求的URL与当前页面的域名不同，可能会触发跨域问题。解决方法是在服务器端设置允许跨域请求，如设置CORS（跨域资源共享）策略。服务器端错误：服务器可能因为内部错误或配置问题导致无法处理请求。检查服务器端日志以获取详细错误信息，并根据日志进行相应的修复。证书问题：如果使用的是HTTPS URL，可能存在证书问题。网络问题：确保客户端和服务器之间的网络连接正常。根据错误信息，可以更准确地确定问题所在，并采取相应的解决方法。请求头设置不正确：上传文件时，需要确保请求头的。
2024-09-28 14:59:20
553
原创 后台监控中的云边下控耗时、边缘采集耗时 、云边下控量
边缘采集耗时：指边缘设备采集数据到云端处理完成的时间，包括数据采集、传输、处理等环节。该指标反映了边缘设备采集数据的效率和响应速度。云边下控耗时：指云端控制边缘设备的时间，从云端下发指令到边缘设备响应完成的时间。该指标反映了云端控制边缘设备的效率和响应速度。云边下控量：指云端下发给边缘设备的指令数量，包括控制指令、配置指令等。该指标反映了云端对边缘设备的控制程度和管理效率。
2024-09-28 14:57:03
233
原创 （详细、重点）iOS开发与前端开发的相同点和不同点 20个
iOS开发和前端开发都是在软件开发领域中非常重要的技术方向，它们有一些相似之处，但也有很多不同之处。
2024-09-28 14:52:01
708
原创 npm tnpm pnpm三者的不同
都是 JavaScript 包管理工具，用于安装、更新、删除和管理 Node.js 项目中的依赖包。尽管它们有相似的功能，但在依赖管理和安装策略上存在一些关键区别。在选择使用哪个包管理器时，应该考虑项目的具体需求、团队的偏好以及性能和安全性的要求。
2024-09-28 14:48:35
354
原创 Web Components 代码示例
super();// 创建 Shadow DOM// 克隆模板内容并添加到 Shadow DOM// 定义自定义元素。
2024-09-28 14:44:17
569
原创 Vue3 高频重点面试题-简单题20个
Composition API 是 Vue3 引入的一种新的组合式 API，它允许开发者将逻辑拆分成可复用的模块，并通过组合这些模块来构建应用。组件允许你将子节点渲染到 DOM 中的另一个位置，这在处理模态框、提示框等需要脱离当前组件层级的 UI 元素时非常有用。函数是 Composition API 的入口点，它在组件实例被创建之前执行，并且可以返回响应式的数据和方法。这些知识点和优化方法可以帮助你更深入地理解 Vue3 的工作原理，并在实际开发中提升应用的性能和可维护性。
2024-09-28 14:42:49
683
原创 Vue3中的30个高频重点面试题
同时，Vue3 的响应式系统会维护一个依赖收集器，用于收集和追踪哪些地方依赖了该对象的属性，从而在属性变化时能够准确地进行更新。其工作原理是通过创建一个虚拟节点，将组件的内容挂载到指定的目标元素上，而不是在组件本身的挂载点。Vue3 在更新 DOM 时是异步执行的，当数据发生变化后，Vue 会将更新任务放入一个队列中，在下一个事件循环 tick 中统一处理。这种缓存机制是通过内部维护一个计算属性的缓存对象来实现的，该对象存储了计算属性的值以及对应的依赖信息。可以避免组件的重复渲染和销毁，提高应用的性能。
2024-09-28 14:40:35
1219
原创 前端安装 lerna
当你在终端中遇到错误时，意味着你的系统没有找到lerna命令。这通常是因为lerna没有被正确安装或者其可执行文件的路径没有被添加到系统的PATH环境变量中。
2024-09-28 14:38:36
1183
原创 Nuxt.js提供了多种内置的性能优化策略
Nuxt.js提供了多种内置的性能优化策略，同时也允许开发者通过配置Webpack和服务端缓存来进行进一步的优化。
2024-09-24 15:59:22
750
原创 tnpm、pnpm 和 npm有什么不同
都是 JavaScript 包管理工具，用于安装、更新、删除和管理 Node.js 项目中的依赖包。尽管它们有相似的功能，但在依赖管理和安装策略上存在一些关键区别。在选择使用哪个包管理器时，应该考虑项目的具体需求、团队的偏好以及性能和安全性的要求。
2024-09-22 18:11:00
739
原创 JS领域的AI工程利器分享
与Python等语言相比，JavaScript在浏览器和服务器端环境中的无缝集成提供了无与伦比的灵活性。开发者可以利用JavaScript的全栈能力，弥合后端AI算法与前端用户交互之间的差距，从而创造出更具动态性和响应性的AI驱动体验。其核心优势在于对提示工程的支持和与外部API的轻松集成。JavaScript，这个在网页开发中广为人知的脚本语言，正逐渐在AI工程领域展现出其独特的魅力。Brain.js简化了在JavaScript中实现神经网络的过程，特别适用于处理大量数据的任务，如文本分析和图像分析。
2024-09-21 15:00:51
422
原创 给互联网迷茫的朋友一点建议
我有一些从事前端开发的朋友，他们拥有数年的工作经验，但在寻找新工作时也遇到了困难。此外，他们还注意到，在面试过程中，有时HR会表现出想要发出录用通知的意愿，但又会拖拖拉拉，最终以不合适为由拒绝。除非你拥有非凡的天赋，否则在当前的市场环境下，找到一份满意的前端工作并非易事。前端开发者在转产品时具有一定的优势，比如对用户界面和用户体验的理解，以及对敏捷开发和迭代思维的熟悉。最后，我想说，无论你选择哪条路，都请保持对技术的热爱和追求。在此，我进行一些整理，并加入一些新的感悟，希望能为那些迷茫的朋友提供一些建议。
2024-09-21 14:56:19
406
1
原创 常见的HTTP请求头和示例说明
Accept: 浏览器能够处理的内容类型，告诉服务器浏览器支持哪些MIME类型的内容。Accept-Encoding: 浏览器能够处理的压缩编码格式，告诉服务器浏览器支持哪些压缩编码。Cookie: 当前页面域名或者路径下的Cookie，包含浏览器存储的与服务器相关的会话信息。Accept-Language: 浏览器当前的设置语言，告诉服务器浏览器的语言偏好。Referer: 发出请求的页面的URL，告诉服务器请求是从哪个页面发起的。Host: 发出请求的页面所在的域，告诉服务器请求的目标主机。
2024-09-20 14:28:44
618
原创 js中箭头函数的使用场景
总之，箭头函数在许多场景中都可以提供简洁的语法和正确的this绑定，使得代码更加简洁和易于理解。但需要注意的是，箭头函数并不适用于所有场景，例如作为构造函数或需要使用arguments对象的情况。在编写代码时，需要根据实际需求选择使用哪种函数。通常在Promise和定时器的回调函数中，我们会使用箭头函数。因为箭头函数的简洁语法和this绑定特性使得它们在这些场景中非常方便。
2024-09-20 14:25:59
356
原创 js中箭头函数与普通函数的区别
总结：箭头函数和普通函数在语法、this绑定、arguments对象、构造函数和prototype属性方面有很大区别。在编写代码时，需要根据实际需求选择使用哪种函数。箭头函数（Arrow Function）和普通函数（普通的function声明）在JavaScript中有一些重要的区别。
2024-09-20 14:24:14
397
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人