- 博客(27)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue3的watch是如何实现数据监听的，看了这篇你一定懂了
这篇文章讲了watch如何对响应式变量进行监听，其实底层依赖的是包的baseWatch函数。在baseWatch函数中会使用类new一个effect实例，这个类是一个底层的类，Vue的订阅者都是基于这个类去实现的。如果没有使用，初始化时会去执行一次对watch监听的响应式变量进行读操作并且将其赋值给oldValue。读操作会触发get拦截进行响应式变量的依赖收集，会将当前watch作为订阅者进行收集。当响应式变量的值改变后会触发set拦截，进而依赖触发。
2024-12-06 14:53:07
1209
原创 今天来谈谈Vue3的provide和inject实现多级传递的原理
这篇文章讲了使用provide和inject函数是如何实现数据多级传递的。在创建vue组件实例时，子组件的provides属性对象会直接使用父组件的provides属性对象。如果在子组件中使用了provide函数，那么会以父组件的provides属性对象为原型创建一个新的provides属性对象，并且将provide函数中注入的内容塞到新的provides属性对象中，从而形成了原型链。在孙子组件中，他的parent就是子组件。前面我们讲过了如果没有在组件内使用provide。
2024-12-06 14:50:51
739
原创 9 个Promises的必知高级用法
如果输入数组中的任何 Promise 满足条件，则返回的实例将变为满足条件并返回第一个满足条件的 Promise 的值。第一个改变的 Promise 的值将传递给 race 方法的回调。当数组中的所有 Promise 实例都成功时，它会按请求的顺序返回成功结果数组。使用 Promise.all 允许并行执行多个 Promises，但要控制同时请求的数量，您可以实现并发控制功能。这段代码不断创建和解析 Promise，实现了一个简单的 FIFO 队列，确保只有一个任务可以访问共享资源。这可以按如下方式实现。
2024-12-05 17:37:38
1074
原创 详解前端开发都需要掌握的十个 JavaScript 基本数组函数
否则，返回 false。说明：map() 方法创建一个新数组，该数组填充了对调用数组中每个元素调用提供的函数的结果。filter() 方法对于任何 JavaScript 开发人员来说都是一个强大的工具，它能够为数据操作和条件数组处理提供高效且易读的代码。总之，find() 是一种功能强大的方法，用于定位数组中符合指定条件的元素的第一次出现，这对于需要搜索数据集合的任务非常有用。在此示例中，filter() 函数用于创建一个新数组 evenNumbers，该数组仅包含来自 numbers 数组的偶数。
2024-10-12 11:48:47
1203
原创 吊打 NVM 的 4 款 Node.js 版本工具！
NVM虽然经典，但在面对多语言支持和更复杂的项目需求时，显得有些力不从心。VMRvfoxVolta和Fnm等新一代包管理工具不仅提供了更强大的功能，还带来了更好的用户体验。无论你是Node.js开发者，还是需要管理多种编程语言的工程师，这些工具都能为你带来极大的便利。选择合适的工具，让开发变得更加高效和愉快！
2024-09-27 17:06:15
1907
原创 历史上的今天，岁月的回声
当我们回顾历史上的今天，仿佛能听到岁月的回声。那是过去的人们在向我们诉说他们的故事，激励我们在当下勇敢前行，为创造更美好的未来而努力奋斗。让我们珍视历史上的今天，传承历史的火炬。每一个历史上的今天，都是过去与现在的连接点。它提醒我们，人类的发展是一部波澜壮阔的史诗。我们从历史中汲取智慧和力量，明白成功的来之不易，也懂得失败的教训珍贵。或许在历史上的今天，一场伟大的战役改变了国家的命运。历史上的今天，是岁月长河中的一个独特节点。它可能见证了英雄的崛起，也可能铭记着重大的变革。
2024-09-23 11:19:09
575
原创 响应式监听localStorage存储？封装个自定义Hook不就好了！
背景项目上有个，同时还有一个，想让更改时区的时候能。其实每次设置完时区的数据之后是存在了前端的里边，时���组件里边也是从拿去默认值来回显。如果当前页面不刷新，那么时间组件就不能更新到最新的数据。
2024-09-19 10:45:54
1312
原创 重新学习 TypeScript 类型系统
在学习 TypeScript 的时候，有很多人会思考多写这些额外的类型代码的意义，是否真的对实际开发有所帮助呢？在接触到眼花撩乱又看不懂的类型体操后，又劝退了很多人去对其学习了解。在我看来，我们去看待 TS 的类型操作可以把具体的“类型编程”和“类型体操”分开。类型编程是对实际开发中有帮助的操作，下至简单的定义接口，用个泛型，上至框架里的各种类型操作，只要对实际开发有帮助的类型操作都被归类于类型编程当中。对大多数人来说学 TypeScript 最终都是为了提高自身的类型编程能力，赋能日常的开发工作。
2024-09-12 17:34:15
992
原创 苹果新机iPhone 16：能否引发“超级周期”？
iPhone 16的发布带来了多项令人期待的创新，包括更强大的处理器、更高效的摄像头系统以及更长的电池续航。在苹果的历史上，超级周期通常指的是一段时间内，因新产品的推出而导致的销售激增。iPhone 16的推出可能会进一步增强这一生态系统的吸引力，促使用户在其他苹果产品上的消费，从而形成良性循环。无论如何，iPhone 16的到来无疑为苹果的未来发展增添了新的动力。每一代iPhone的推出都伴随着热烈的讨论和期待，而iPhone 16的到来是否会引发苹果的“超级周期”，成为了业界分析师和消费者关注的焦点。
2024-09-11 16:19:07
577
原创 这款前端富文本编辑器太好用了吧
Lexical是一个可扩展的JavaScript文本编辑器框架，聚焦于可靠性、可访问性和性能。旨在提供一流的开发人员体验，因此我们可以轻松地进行文档设计和构建功能。结合高度可扩展的架构，Lexical允许开发人员创建独特的文本编辑体验，功能可以二次扩展，比如支持多人协作，定制文本插件等。
2024-09-11 10:13:31
963
原创 解读：靠卖石头能否实现财务自由？
此外，卖石头的过程需要时间和精力的投入，尤其是在初期阶段，可能需要不断尝试和调整策略。要在众多的卖家当中脱颖而出，需要有独特的眼光、优质的货源和出色的营销手段，还有一点石头的价值往往具有很大的主观性。不同的人对于同一块石头的价值判断可能会有很大的差异，这就给销售带来了一定的难度。因此，卖石头的市场前景是存在的。在大家生活压力都比较大的情况下，许多人都在寻找新的收入来源，尤其是在经济压力日益增加的情况下。综上所述，靠卖石头实现月入过万是有可能的，但成功的关键在于选择合适的产品、有效的销售渠道以及持续的努力。
2024-09-09 15:51:54
528
原创 前端代码规范- Commit 提交规范
约定式提交（Conventional Commits）是一种用于代码版本控制的规范，旨在通过明确和标准化提交信息来提高代码协作质量和效率。其基本原则是通过规定提交信息的结构和语义来提高代码版本控制的可读性、可维护性和自动化程度。约定式提交规范通常要求提交信息包括一个描述性的"类型"、一个可选的"作用域"、一个用于简洁说明的"主题"，以及可选的"正文"和"尾部"等组成部分。
2024-09-09 11:11:10
2548
原创 谁将胜出？苹果与微信的竞争之路
给大家推荐一款好玩的脑筋急转弯的小程序吧，脑筋急转弯是一种有趣的智力游戏，能够有效锻炼思维能力和创造力。综上所述，苹果与微信的博弈并没有明确的赢家。随着市场的不断变化，苹果和微信都需要不断调整策略，以适应消费者的需求，才能在这场博弈中立于不败之地。然而，长远来看，微信的坚持和市场反应可能会促使行业规则的逐步调整，并推动更为公平的竞争环境。例如，随着全球范围内对数字平台规则的审查加强，苹果的政策可能面临更多的挑战和调整。微信与苹果的博弈，表面上看是两大平台之间的较量，实则背后隐藏着消费者的利益受损。
2024-09-06 17:45:30
633
原创 IntersectionObserver：详解无限滚动加载数据利器
是一种现代 Web API，它允许开发者异步观察一个目标元素与其祖先元素或视口（viewport）交叉状态的变化。这对于实现图片懒加载或无限滚动功能非常有用。传统的实现方法是，在监听到scroll事件后，调用目标元素（绿色方块）的方法，获取它相对于视口左上角的坐标，然后判断是否在视口内。然而，这种方法的缺点在于由于scroll事件频繁触发，计算量较大，容易导致性能问题。而现在就可以使用这个api实现。具体实现见下文。entries是传递给回调函数的一个参数，它是一个包含对象的数组。每个。
2024-09-05 10:28:36
1306
原创 你喜欢这些脑筋急转弯吗？
无论是在上下班的路上，还是在闲暇的午后，你都可以随时打开小程序，开始一场脑力的较量。你可以选择单人模式，独自挑战，也可以邀请朋友一起比拼，看看谁的脑筋更灵活，谁能在最短的时间内找到答案。脑筋急转弯小程序汇集了海量的脑筋急转弯题目，涵盖了各种类型和难度，既有经典题目，也有新颖创意，保证让你在每一次挑战中都能感受到思维的碰撞与乐趣。在这个小程序中，你不仅可以享受解题的乐趣，还可以与朋友分享你的解题心得。无论你是脑筋急转弯的老手，还是刚刚入门的新手，这里都有适合你的题目，让你在不断挑战中提升自我。
2024-09-03 14:20:47
1816
原创 推荐一款快速去除短视频水印的工具
在如今这个信息爆炸的时代，我们经常需要从网络上下载视频，但视频中的水印有时会显得非常碍眼。本文将为您推荐一款高效且免费的去水印工具，帮助您轻松去除抖音等短视频中的水印，让您的视频更加美观。DP去水印助手是一款简单易用的去水印小程序，支持快速去除视频中的水印。2、打开DP去使用助手【粘贴链接】，点击解析。3、去除水印速度快，不损害视频质量。1、操作简便，一键解析视频链接。2、支持多种视频格式，兼容性强。3、解析完成后保存视频即可。1、复制【视频链接】。最后祝大家创作愉快！
2024-09-02 11:34:33
693
原创 JavaScript 的模板字符串
在带标签的模板中，标签其实是一个函数，它可以处理模板字符串的内容。该函数的第一个参数是字符串数组，包括模板字符串的所有静态字符字面量，后面的不定参数，按照先后顺序分别对应 ${} 对应的变量。带标签模板的实际应用有哪些？如果你接触过谷歌的 zx 命令行工具，或者谷歌的 Lit 框架（谷歌真喜欢用它），就会见到它的实际用法。在使用字符串插值时，使用 ${} 包裹变量或表达式，它是变量的占位符。即在一个模板字符串的变量内，使用另一个模板字符串。除了普通变量，带标签模板的“标签”还可以是表达式，只要它的。
2024-08-30 15:59:02
866
原创 25 个JavaScript单行代码让你看起来像个专业人士
这 25 个 JavaScript 单行代码体现了该语言的优雅和强大。将它们纳入你的编程素材库中，并见证这些简洁的解决方案如何提高你的工作效率并展示你的专业知识。
2024-08-29 14:51:06
580
原创 深入解析之post为什么会发送两次请求？
首先，它们的目的不同。有时候，浏览器也是会先发出一个OPTIONS请求，这个请求就像是浏览器在问服务器：“嘿，我这儿有一个网页想发个请求到你的地盘，但是网页和你的话，咱俩不是同一个源的，你得先告诉我，你同不同意？那不同的源肯定不能互相瞎请求啊，比如说浏览器请求服务器A返回了一个网页，结果这个服务器A跑的A系统的网页里，有一个请求要去请求服务器B上部署的B系统，那这种就很奇怪了，对浏览器来说你们是两个服务器，也就是两个不同的系统，干什么要互相瞎访问，有没有可能A系统是一个涉灰系统在搞破坏，盗取数据，对不对？
2024-08-28 10:14:29
1629
原创 21个常用JavaScript 数组方法使用指南汇总
此方法与 find() 方法非常相似，但这次，它不返回元素，而是返回通过测试函数的数组中第一个元素的索引（位置）。但是，正如您在我们的示例中看到的，在将数组转换为字符串时，它确实接受其他符号和空格来分隔数组中的每个元素：。unshift() 方法的工作方式与 push() 方法类似，因为它用于将新元素添加到数组中，但添加到数组的开头。在这个国家数组中，我们使用切片方法将元素复制到新数组中：。即使在使用数组方法后，非破坏性数组方法也会返回一个新的或未修改的数组。
2024-08-23 10:49:59
2102
原创 VSCode深度配置，学会这些至上提升50的效率
看完本文，你将让你的 VSCode 打字流畅度提升 114 倍不同工程使用各自的项目配置、插件更加美观的自定义窗口更加智能代码提示、替换更加清晰的代码块结构，能一目了然删掉那些标题党推荐的无用插件，使用 VSCode 自带的功能自定义代码颜色，VSCode 主题。
2024-08-21 11:53:51
958
原创 如何理解优雅代码的底层逻辑
到底什么是编程，知乎上这样的一个问题，编程的本质是什么？其实，很多人对于事物本质的理解，似乎都有道理，但是我们希望这个答案可以指导我们编程的行为，知道如何写出好代码，如果我们从这个角度来看，那这个问题的答案就需要非常地具体，可执行。这么多解释里，陈皓老师的解释最为具体，当然他也是引用的国外大佬的研究结论，但分析得相当好。简单的两个公式表达得比较透彻。程序 = 算法 + 数据结构算法 = 逻辑 + 控制。
2024-08-21 10:11:37
1202
原创 前端构建系统浅析
开发者编写JavaScript代码，而浏览器运行JavaScript代码。从根本上说，前端开发不需要构建步骤。那么，为什么现代前端需要构建步骤呢？：由于JavaScript在浏览器中运行，而浏览器种类繁多、版本各异，每增加一种语言特性，能运行你JavaScript的客户端数量就会减少。此外，像JSX这样的语言扩展不是有效的JavaScript，任何浏览器都无法运行。：浏览器必须单独请求每个JavaScript文件。在一个大型代码库中，这可能导致成千上万次的HTTP请求来渲染一个页面。
2024-08-20 17:54:04
1174
转载 AppCan教程
主干可以认为是整个页面的整体框架布局上图是截取与ZAKER(原生开发)、正益无线(HTML5开发)、ZAKER微博界面(原生开发)和HTML5中国(HTML5开发)。参考上述界面我们看到大部分应用的页面都遵循标题+内容+底部栏的布局方式。AppCan UI2.0提供了简单的布局架构模板来适配这种布局。 模板代码中我们可以看到默认存在index.html和index_con
2016-09-29 10:36:34
4690
国庆抽奖大转盘，丝滑抽奖页面
2024-09-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人