- 博客(154)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 15个前端数据大屏展示图+源代码免费下载2
https://download.csdn.net/download/wanghongpu9305/87722350 https://download.csdn.net/download/wanghongpu9305/87722346 https://download.csdn.net/download/wanghongpu9305/87722341 https://download.csdn.net/download/wanghongpu9305/87722336https://download.csd
2023-04-24 16:13:08
1310
11
原创 ES6之原始数据类型Symbol
symbol是一种基本数据类型。Symbol()函数会返回symbol类型的值,该类型具有静态属性和静态方法。它的静态属性会暴露几个内建的成员对象;它的静态方法会暴露全局的 symbol 注册,且类似于内建对象类,但作为构造函数来说它并不完整,因为它不支持语法:"Symbol的原理是通过调用Symbol函数来创建一个新的Symbol值。每个通过Symbol函数创建的值都是唯一且不可变的。
2023-11-28 17:57:32
357
原创 ES6的迭代器(Iterator)和生成器(Generator)
ES6的迭代器和生成器为JavaScript带来了更强大的迭代和异步编程能力。迭代器提供了一种顺序访问集合中每个元素的方式,而生成器则允许函数在执行过程中暂停和恢复。它们在实际开发中有着广泛的应用,可以用于自定义遍历方式、简化异步流程控制等场景。通过深入了解迭代器和生成器,我们可以更好地利用它们来提升代码的质量和效率。
2023-11-28 10:46:31
480
原创 跨标签页通信的8种方式(下)
这些通信方式各有优劣,选择适合的方式取决于具体的需求和场景。Shared Worker 和 Websocket 提供了实时性和双向通信的能力,适用于需要实时更新和交互的应用。IndexedDB 和 Cookie 则适用于需要存储和同步数据的场景,但相对于实时性较差。根据具体需求,可以选择合适的通信方式来实现跨标签页的通信。
2023-11-27 18:23:47
682
原创 跨标签页通信的8种方式(上)
BroadCast Channel:使用Broadcast Channel API可以在不同的浏览器上下文之间进行消息广播和接收。通过创建一个广播频道,并在不同的标签页中监听该频道,可以实现跨标签页通信。Service Worker:Service Worker是一种在浏览器后台运行的脚本,可以拦截和处理网络请求。通过在Service Worker中监听和处理消息事件,可以实现跨标签页通信。
2023-11-27 18:19:07
309
原创 还不会配置Nginx?刷完这篇就够了
是指客户端通过代理服务器发送请求到目标服务器。客户端向代理服务器发送请求,代理服务器再将请求转发给目标服务器,并将服务器的响应返回给客户端。正向代理可以隐藏客户端的真实IP地址,提供匿名访问和访问控制等功能。它常用于跨越防火墙访问互联网、访问被封禁的网站等情况。
2023-11-25 09:30:31
109
原创 DOM事件的传播机制
通过以上介绍,我们了解了DOM事件传播机制的三个阶段:捕获阶段、目标阶段和冒泡阶段。此外,我们还学习了如何利用事件委托来简化事件处理程序的绑定和管理。掌握这些概念和技巧,能够帮助我们更好地处理和管理DOM中的各种交互事件。
2023-11-23 11:37:16
667
原创 深入了解Performance API:优化网页性能的利器
Performance API是什么?衡量和分析各种性能指标对于确保 web 应用的速度非常重要。Performance API 提供了重要的内置指标,并能够将你自己的测量结果添加到浏览器的性能时间线(performance timeline)中。性能时间线使用高精度的时间戳,且可以在开发者工具中显示。你还可以将相关数据发送到用于分析的端点,以根据时间记录性能指标。Performance API的作用和优势1. 提供详细的性能信息。
2023-11-22 14:48:47
217
原创 前端埋点上报的几种方式
优点可以根据具体需求和业务逻辑进行灵活的定制和扩展。可以完全控制数据的处理和存储方式。缺点需要额外开发和维护自定义接口。需要考虑安全性、性能和可扩展性等方面的问题。根据具体需求和项目情况,选择适合的埋点上报方式非常重要。对于简单的埋点需求,图片请求或XMLHttpRequest/Fetch API可能是较为简单和常用的选择。对于实时性要求较高或需要自定义功能的情况,WebSocket或自定义接口可能更适合。而第三方统计工具则提供了完整的统计功能和分析报告,但需要依赖第三方服务。
2023-11-22 09:01:44
599
原创 使用LocalForage进行浏览器端数据存储
LocalForage是一个基于IndexedDB、WebSQL和localStorage等浏览器本地存储API的封装库。它提供了一致的API和简单的异步操作,使开发者能够轻松地在浏览器中存储和检索数据。localForage 是一个 JavaScript 库,通过简单类似API 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据,而不仅仅是字符串。localForage 有一个优雅降级策略,若浏览器不支持 IndexedDB 或 WebSQL,则使用 localStorage。
2023-11-20 15:23:05
313
原创 js对象属性描述符
这些描述符可以通过 Object.defineProperty() 方法来定义或修改对象的属性特性。通过使用这些描述符,我们可以灵活地控制和定义对象的属性行为,例如限制某些属性只读、隐藏某些不需要枚举的属性等。总的来说,对象的属性描述符提供了对对象属性行为进行详细控制和定义的能力,包括可配置性、可枚举性、可写性、获取和设置方法等。这使得我们能够更好地管理和操作对象中的各个属性。
2023-11-17 14:06:15
191
原创 js垃圾回收与内存泄漏
垃圾回收是一种自动化的内存管理机制,通过标记-清除和压缩等步骤来回收不再使用的内存资源。然而,如果代码中存在内存泄漏问题,可能导致垃圾回收器无法正确释放内存。为了避免内存泄漏,需要注意及时释放资源、避免循环引用,并确保显式地解除绑定和移除不再需要的对象。
2023-11-17 11:28:58
64
原创 js浮点数精度问题详解
浮点数精度问题是计算机科学中一个常见的问题,由于二进制无法精确表示某些十进制小数,进行浮点数运算时可能会出现舍入误差。为了解决这个问题,可以使用整数进行计算、使用专门的库或者比较时使用误差范围。了解浮点数精度问题对于开发人员在处理浮点数运算时具有重要意义。
2023-11-16 17:20:23
882
原创 http协议各个版本的详细介绍
HTTP协议的不同版本在性能、功能和安全性方面有所改进。HTTP/1.0是最早的版本,简单易用但性能较低。HTTP/1.1引入了持久连接和管道化机制,提高了性能和网络利用率。HTTP/2.0使用二进制格式传输数据,引入了多路复用、头部压缩和服务器推送等特性,进一步提升了性能和安全性。根据实际需求,选择适合的HTTP版本。如果对性能要求不高且需要兼容旧版本,可以选择HTTP/1.0。如果需要更好的性能和用户体验,可以选择HTTP/1.1或HTTP/2.0。
2023-11-16 10:21:25
1337
原创 【Vue原理解析】之异步与优化
在本文中,我们深入探讨了Vue的异步更新机制和一些优化技巧。异步更新机制通过将多个数据变化合并为一个更新操作,提高了渲染性能。而优化技巧如列表渲染优化、计算属性和侦听器、合理使用keep-alive等,进一步提升了应用程序的性能和用户体验。通过合理应用这些特性和技巧,您可以构建出更高效、更流畅的Vue应用程序。
2023-11-15 09:26:06
209
原创 【Vue原理解析】之插件系统
Vue插件系统是Vue框架的一个重要特性,它使开发者能够轻松扩展Vue的能力与功能。本文介绍了Vue插件系统的原理,并结合实际示例和相关源码解析,帮助读者更好地理解和应用Vue插件。希望本文对您有所帮助,让您更加熟悉和掌握Vue插件系统的使用和原理。以上是一篇关于Vue插件系统的高质量文章示例,结合了Vue插件的使用示例和相关源码解析。您可以根据实际需要进行适当调整和扩展,以满足您的写作需求。希望这篇文章对您有所帮助!
2023-11-14 15:57:47
304
原创 【Vue原理解析】之组件系统
Vue核心特性的组件系统可以使开发者使用小型、独立和可复用的组件构建大型应用,大幅提高应用开发效率、测试性和复用性。组件系统是Vue核心特性之一,基于配置的,组件的使用按分类有页面组件、业务组件、通用组件。Vue中常用组件化的技术有属性prop、自定义事件和插槽等,用于组件通信、扩展等。组件应该是高内聚、低耦合的,遵循单向数据流的原则。
2023-11-14 09:44:46
144
原创 【Vue原理解析】之虚拟DOM
虚拟DOM是Vue.js中一个重要且核心的概念。它通过在内存中构建一个轻量级的DOM树来代替直接操作真实的DOM,从而提高了性能和开发效率。虚拟DOM的核心源码分析揭示了Vue.js是如何通过比较新旧两个VNode树之间的差异来更新页面的。通过深入理解虚拟DOM的原理,开发者可以更好地利用Vue.js提供的功能和特性,从而构建高性能和可维护的Web应用程序。
2023-11-13 17:03:14
717
原创 【Vue原理解析】之模版编译
模版解析是Vue框架中非常重要的一部分,它负责将组件的模版代码转化为可执行的JavaScript代码。通过编译器对模版进行词法分析、语法分析和生成渲染函数代码等处理,实现了数据绑定、指令、条件和循环等功能。深入理解Vue模版解析的原理和源码实现,有助于我们更好地使用Vue框架进行前端开发。
2023-11-13 10:03:30
101
原创 Set、Map、WeakSet、WeakMap详细介绍
通过以上代码示例,我们可以看到Set、Map、WeakSet和WeakMap的用法和特性。在Set和Map中,如果一个对象被添加到集合中,即使在其他地方不再引用该对象,它仍然会被集合保留,不会被垃圾回收机制回收。这可能导致内存泄漏,特别是在长时间运行的应用程序中。而在WeakSet和WeakMap中,存储的对象是弱引用关联的。这意味着如果一个对象只有在WeakSet或WeakMap中存在引用,并且没有其他地方引用它,那么该对象将被垃圾回收机制自动回收。这样可以有效地避免内存泄漏问题。
2023-11-09 13:50:28
101
原创 js异步解决方案的发展历程
随着JavaScript的发展,异步编程解决方案也在不断演进。从最早的回调函数到Promise、Generator和Async/Await,每一种解决方案都有其优点和缺点。回调函数简单易懂,但容易导致回调地狱;Promise解决了回调地狱问题,但无法取消异步操作;Generator可以暂停和恢复执行,但需要手动控制迭代器;Async/Await使得异步代码看起来像同步代码一样,但无法取消异步操作。选择合适的解决方案取决于具体的需求和场景。
2023-11-09 13:38:37
104
原创 正则表达式:掌握文本处理的秘密武器
正则表达式在前端开发中是一种非常有用的工具,可以帮助我们处理和操作字符串。通过熟练掌握正则表达式的语法和应用场景,可以提高开发效率并实现更加灵活和精确的字符串处理操作。
2023-11-08 17:02:14
529
原创 【Vue原理解析】之响应式系统
Vue2和Vue3在响应式系统的实现上有一些重要的区别,下面是它们之间的主要区别:Vue2使用Object.defineProperty来实现响应式。它通过在对象上定义getter和setter来拦截对属性的访问和修改,从而实现依赖收集和触发更新。Vue3使用Proxy来实现响应式。Proxy是ES6中新增的特性,它可以拦截对象上的各种操作,包括属性访问、修改、删除等。Vue3利用Proxy的强大拦截能力来追踪依赖并触发更新。
2023-10-30 11:46:51
84
原创 【前端设计模式】之抽象工厂模式
抽象工厂模式是一种创建型设计模式,适用于需要创建一系列相关或相互依赖对象的场景。在前端开发中,抽象工厂模式可以帮助我们更好地组织和管理代码,提高代码的可维护性和可扩展性。它通过封装对象的创建过程,使得客户端代码与具体类解耦,并且可以通过切换具体工厂类来改变整个系统的行为。然而,它也增加了系统的复杂度,并且当产品族较多时会导致大量的具体工厂类。因此,在使用抽象工厂模式时需要权衡利弊,并根据实际情况进行选择。
2023-10-24 14:47:02
283
原创 【前端设计模式】之调停者模式(中介者模式)
调停者模式是一种有助于降低对象之间耦合度的设计模式。它通过引入一个调停者对象来集中处理一组对象之间的交互,使得代码更易于维护和扩展。在前端开发中,调停者模式可以应用于表单验证、消息订阅与发布、组件间通信等场景。尽管调停者模式可能会增加系统的复杂性,并且调停者对象可能变得庞大和复杂,但它仍然是一种有价值的设计模式,可以提高代码的可读性和可维护性。
2023-10-23 14:03:15
439
原创 【前端设计模式】之享元模式
享元模式是一种优化大量相似对象创建和管理的设计模式,在前端开发中可以用于优化图片懒加载、表单验证等场景。它通过共享相似对象来减少内存使用和提高性能,同时也简化了代码逻辑。然而,它也增加了系统的复杂性,并且需要注意共享状态的安全性。在实际应用中,我们需要根据具体场景权衡使用享元模式带来的优缺点。
2023-10-23 11:03:36
327
原创 【前端设计模式】之桥接模式
桥接模式是一种非常有用的设计模式,它可以帮助我们更好地组织和管理代码。在前端开发中,我们可以将桥接模式应用于UI组件库、数据请求等场景中。通过将抽象与实现分离,我们可以灵活地组合不同的抽象和实现,并且可以独立地对它们进行修改和扩展。尽管桥接模式增加了系统的复杂性,但它提供了更高的灵活性和可扩展性,值得在适当的场景中使用。
2023-10-23 10:03:07
345
原创 【前端设计模式】之模版方法模式
模板模式是一种非常有用的设计模式,在前端开发中经常用于定义和扩展算法流程。它通过定义一个算法骨架,并将一些具体步骤的实现延迟到子类中,实现了优雅地管理和执行操作。通过使用模板模式,我们可以提高代码的可维护性和可扩展性。然而,在应用模板模式时需要权衡其带来的优缺点,并根据具体情况进行选择。
2023-10-20 09:53:23
274
原创 【前端设计模式】之命令模式
命令模式是一种非常有用的设计模式,在前端开发中经常用于管理和执行操作。它通过将操作封装成对象,并将其作为参数传递、存储或记录,实现了优雅地管理和执行操作。通过使用命令模式,我们可以提高代码的可维护性和可扩展性。然而,在应用命令模式时需要权衡其带来的优缺点,并根据具体情况进行选择。
2023-10-19 10:38:29
494
原创 【前端设计模式】之状态模式
状态模式是一种非常有用的设计模式,在前端开发中经常用于管理应用状态和处理复杂的流程。它通过将对象行为和属性与特定条件下的处理逻辑分离开来,提高了代码的可维护性和可扩展性。通过使用状态模式,我们可以优雅地管理应用状态,并根据不同的条件来改变对象行为。然而,在应用状态模式时需要权衡其带来的优缺点,并根据具体情况进行选择。
2023-10-18 17:47:46
900
原创 【前端设计模式】之外观模式
外观模式是一种简化复杂系统接口的设计模式,在前端开发中有着广泛的应用。它可以帮助我们封装复杂的子系统,并提供一个简单易用的接口给客户端。通过使用外观模式,我们可以提高代码的可维护性、可读性和扩展性。但是需要注意避免过度使用外观模式,以免造成不必要的性能问题。
2023-10-17 19:01:54
475
原创 【前端设计模式】之建造者模式
建造者模式是一种创建型设计模式,它将复杂对象的构建过程与其表示分离,使得同样的构造过程可以创建不同的表示。在前端开发中,可以使用建造者模式来构建复杂的表单、UI组件等。该模式的优点是使代码更加可读、可维护,并且允许根据需要自由组合构建步骤和配置选项。然而,使用建造者模式会增加代码量,并且在对象较少或者构建过程简单时可能显得繁琐。
2023-10-17 13:48:12
521
原创 【前端设计模式】之解释器模式
解释器模式是一种用于解释特定语言或规则的表达式的行为设计模式。在前端开发中,解释器模式可以用于处理复杂的逻辑或规则,并将其转化为可执行的代码。它具有灵活性和可扩展性的优点,但也存在复杂性和性能问题的缺点。通过合理地应用解释器模式,可以提高代码的可读性和可维护性,实现更灵活和可扩展的功能。
2023-10-16 15:26:48
472
原创 【前端设计模式】之备忘录模式
备忘录模式是一种有用的设计模式,在前端开发中可以应用于保存和恢复用户界面状态、实现撤销和重做功能等场景。通过封装对象状态并提供恢复机制,备忘录模式提高了代码灵活性和可维护性。然而,在使用备忘录模式时需要注意内存占用和代码复杂度等问题。
2023-10-16 11:48:53
440
原创 【前端设计模式】之迭代器模式
迭代器模式是一种非常有用的设计模式,在前端开发中可以帮助我们更好地管理和操作数据集合。它通过封装集合对象的内部结构,并提供统一的遍历方式,使得代码更加简洁、可维护和可扩展。然而,在使用迭代器模式时需要权衡其优缺点,并根据具体情况进行选择。
2023-10-12 17:09:14
682
原创 【前端设计模式】之适配器模式
适配器模式是一种非常有用的设计模式,在前端开发中经常用于解决不同框架或库之间的兼容性问题。它可以提高代码复用性和可维护性,并且能够有效地解决兼容性问题。然而,使用适配器模式也需要注意增加了代码复杂性和可能引入的性能损耗。
2023-10-09 19:39:40
772
原创 【前端设计模式】之责任链模式
职责链模式是一种非常有用的设计模式,在前端开发中经常用于处理复杂的请求流程和数据验证。它通过将请求发送者和接收者解耦,并将请求沿着一个链条依次传递下去,实现了优雅地处理请求流程。通过使用职责链模式,我们可以提高代码的可维护性和可扩展性。然而,在应用职责链模式时需要权衡其带来的优缺点,并根据具体情况进行选择。
2023-10-08 15:13:38
368
原创 【前端设计模式】之访问者模式
访问者模式是一种非常有用的设计模式,在前端开发中经常用于处理复杂对象结构和数据集合。它通过将操作和数据结构分离开来,提供了一种优雅而灵活的方式来处理复杂性。通过使用访问者模式,我们可以提高代码的可维护性和可扩展性。然而,在应用访问者模式时需要权衡其带来的优缺点,并根据具体情况进行选择。
2023-10-07 16:26:31
382
原创 【前端设计模式】之组合模式
组合模式是一种非常有用的设计模式,在前端开发中经常用于处理复杂的层次结构和嵌套关系。它通过将对象组合成树形结构来表示“部分-整体”的关系,并提供了一种优雅而灵活的方式来处理复杂性。通过使用组合模式,我们可以构建可扩展和易于维护的应用程序。然而,需要根据具体情况权衡使用组合模式所带来的优缺点。
2023-10-07 10:43:14
384
JavaInterviewMain.rar
2023-08-28
javaConstructMaster.rar
2023-08-28
hproseJavaMaster.rar
2023-08-25
Optimization-Algorithm-master.zip
2023-08-23
kf-master.zip
2023-08-23
StepMotor-Matlab
2023-08-23
Notes-ML-AndrewNg.rar
2023-08-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人