![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 80
一只理智恩
生活不止,学无止境
技术:h5,css3,jq,js,vue,react,uniapp,webGL,webGis,canvas,cesium,three.js,aigc,node.js、Golang、python、c++
展开
-
three.js 渲染调优,提升3d场景更逼真的渲染效果
我们渲染采用最为专业的ACES色调映射(也是UE里面默认的色调映射),也只有ACES支持虚幻功能,虚幻绽放亮度。再然后我们需要把色彩空间编码改成THREE.sRGBEncoding即可。在着色器中色值的提取与色彩的计算操作一般都是在线性空间。在webgl中,贴图或者颜色以srgb传入时,必须转换为线性空间。计算完输出后再将线性空间转为srgb空间。linear颜色空间:物理上的线性颜色空间,当计算机需要对sRGB像素运行图像处理算法时,一般会采用线性颜色空间计算。原创 2024-07-08 19:02:32 · 915 阅读 · 0 评论 -
React中的useCallback
是一个强大的Hook,用于优化React应用的性能,通过避免不必要的函数重新创建和子组件渲染。使用时,应合理选择依赖项,以确保函数在需要时更新。与useMemo相比,专注于函数记忆化,而useMemo则用于计算结果的记忆化。理解两者的区别和适用场景,可以帮助开发者更有效地优化React应用。useMemo和memo 介绍React中的useMemo和memo-CSDN博客。原创 2024-07-07 21:58:59 · 605 阅读 · 0 评论 -
React中的useMemo和memo
React是一个声明式的JavaScript库,用于构建用户界面。在开发过程中,性能优化是一个重要的方面。useMemo和memo是React提供的工具,用于帮助开发者避免不必要的渲染和计算,从而提升应用性能。原创 2024-07-07 21:53:02 · 928 阅读 · 0 评论 -
Web Workers 介绍
Web Workers 提供了一种在 Web 页面中执行后台任务的有效方式,它通过创建独立的线程来运行脚本,从而不会阻塞用户界面。通过使用 Web Workers,你可以提高网页的响应性,尤其是在处理复杂计算或长时间运行的任务时。然而,使用 Web Workers 也需要考虑线程间的通信开销,以及可能引入的复杂性。正确地管理 Workers 和线程间的通信对于构建高效的 Web 应用也是至关重要的。原创 2024-05-01 12:51:21 · 697 阅读 · 1 评论 -
前端之实现大文件上传的解决方案———断点续传
断点续传是一种在网络传输中提高效率和可靠性的技术,特别适用于大文件的上传和下载。文件分片:将大文件分割成多个小块,这允许并行上传和从中断处恢复。并行上传:通过同时上传多个文件块,可以提高整体的上传速度。校验和记录:每个文件块在上传前后都进行校验,以确保数据的完整性。同时,记录已成功上传的块,为断点续传提供依据。请求恢复:当传输中断时,客户端使用记录的信息请求从最后成功上传的块继续上传。服务器支持:服务器端需要能够接收分片数据,验证块的完整性,并支持断点续传的逻辑。原创 2024-05-01 12:41:06 · 1794 阅读 · 2 评论 -
HTML5 Web Worker之性能优化
Web Workers 是现代 Web 开发的一个基本特性,它允许开发人员将 CPU 密集型任务放到单独的线程中执行,从而提高应用的性能和响应能力。然而,在处理 Web Workers 时需要记住一些重要的限制和注意事项,例如无法访问 DOM 和数据类型之间传递的限制等。为了避免这些潜在问题,可以采用上面提到的策略,如使用异步方法并注意卸载的任务的复杂性。在未来,使用 Web Workers 进行多线程似乎仍然是提高 Web 应用程序性能和响应能力的重要技术。原创 2024-03-10 12:54:32 · 1309 阅读 · 0 评论 -
input中文输入法导致的高频事件
发现在中文还没选中就触发了,现在希望没选中不要触发。我们要做的是从开始到结束中间的过程过滤掉,不触发搜索。原创 2024-03-10 11:56:53 · 258 阅读 · 0 评论 -
给大家推荐一个好玩的前端动画,仿siri效果
【代码】给大家推荐一个好玩的前端动画,仿siri效果。原创 2024-03-03 00:16:31 · 509 阅读 · 1 评论 -
JS的高级用法
在本文中,我们介绍了一些JavaScript的高级知识点,如高级数据结构和算法、函数式编程、异步编程和面向对象编程。我们还提供了一些代码示例和实战案例,让掘友们更好地理解和掌握这些技术。原创 2024-02-17 15:44:11 · 1008 阅读 · 0 评论 -
分享几个JS 工具函数
return +year + "年" + (month + 1) + "月" + date + "日 " + hour + ":" + miu + ":" + sec;Day.js 是一个仅 2kb 大小的轻量级 JavaScript 时间日期处理库,下载、解析和执行的JavaScript更少,为代码留下更多的时间。// 判断数据是基本数据类型的情况和函数的情况。//正则对象直接返回一个新的正则对象。// 日期对象直接返回一个新的日期对象。// 获取对象所有自身属性的描述。// 判断数据是引用类型的情况。原创 2024-02-17 15:36:47 · 934 阅读 · 0 评论 -
js 如何判断对象自身为空?
判断一个对象是否为空时,使用方法最为完美。原创 2024-02-16 13:47:40 · 447 阅读 · 0 评论 -
GoJS可视化JavaScript库讲解
GoJS是一个可视化JavaScript库,用于浏览器中创建交互图形,(比如流程图,树图,关系图,力导图等等)。允许您为用户构建各种图表,从简单的流程图、组织图到图表、SCADA和BPMN图表、医学图表(如基因组图)等等。GoJS使用可定制的模板和布局,可以轻松构建复杂节点、链接和组的JavaScript图。为用户提供了许多高级功能,如拖放、复制粘贴、就地文本编辑、工具提示、上下文菜单、自动布局和操作。GoJS不依赖于任何JS库或框架,可与任何HTML或JS框架配合工作,甚至可以不用框架。原创 2024-02-15 00:09:46 · 1843 阅读 · 1 评论 -
tween.js(补间动画)的介绍和使用方法
tween.js是一款简单易用的JavaScript补间动画库,它可以让Web开发者很方便地创建和控制复杂的动画效果。它的特点是功能全面、易于使用,支持各种类型的动画插值器和缓动函数,以及灵活的回调函数和参数调整。此外,它还支持并行和序列动画,实现动画效果的细粒度控制。原创 2024-02-14 23:02:50 · 1822 阅读 · 1 评论 -
JS 中的数据代理
所谓数据代理(也叫数据劫持),指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果。比较典型的是和 ES2015 中新增的Proxy对象。另外还有已经被废弃的,废弃的原因正是Proxy的出现,因此这里我们就不继续讨论这个已经被浏览器删除的方法了。数据劫持最著名的应用当属双向绑定,这也是一个已经被讨论烂了的面试必考题。例如 Vue 2.x 使用的是(Vue 在 3.x 版本之后改用Proxy进行实现)。原创 2024-02-13 15:10:14 · 1339 阅读 · 0 评论 -
JS 中的 Proxy(代理)和 Reflect(反射)
使用代理的主要目的是可以定义捕获器(trap)。捕获器就是在处理程序对象中定义的“基本操作的拦截器”。每个处理程序对象可以包含零个或多个捕获器,每个捕获器都对应一种基本操作,可以直接或间接在代理对象上调用。每次在代理对象上调用这些基本操作时,代理可以在这些操作传播到目标对象之前先调用捕获器函数,从而拦截并修改相应的行为。所有捕获器都可以访问相应的参数,基于这些参数可以重建被捕获方法的原始行为。比如,get()捕获器会接收到目标对象要查询的属性和代理对象三个参数。原创 2024-02-13 14:56:23 · 1082 阅读 · 0 评论 -
js之Reflect 反射
Reflect是一个内置的对象,它提供了拦截JavaScript操作的方法。它不是一个函数对象,因此不可构造。Reflect对象提供了一些静态方法来操作对象,例如等。这些方法可以用于读取、修改或删除对象的属性,并返回相应的结果。在Vue 3中,Reflect也被用作一个修饰符(decorator),用于监听DOM元素上的属性变化并将其反映到Vue实例的数据上。当DOM元素的属性发生变化时,Vue会捕获这些变化,并更新相应的数据,从而保持数据和视图的同步。原创 2024-02-13 14:44:11 · 2405 阅读 · 0 评论 -
js事件机制、事件循环机制和原理
javaScript的事件机制是一种允许开发者在用户与网页进行交互时触发特定功能的方法。事件机制主要包括三部分:事件监听器、事件处理程序和事件对象。原创 2024-02-13 13:30:45 · 1252 阅读 · 0 评论