相信你最近应该看到了不少介绍Vue Vine的文章，这篇文章我们另辟蹊径来讲讲Vue Vine是如何实现在一个文件里面写多个vue组件。 ...
这篇文章介绍了JavaScript模块化的发展历程及各种方案，包括IIFE、CommonJS、AMD、CMD、UMD及ESM。对比了各方案的特点和优缺点。同时，深入剖析了Node.js中CommonJS的模块加载机制。 ...
title: Nuxt框架中内置组件详解及使用指南（四） date: 2024/7/9 updated: 2024/7/9 author: cmdragon excerpt: 摘要：本文详细介绍了Nuxt 3框架中的两个内置组件：和的使用方法与示例。用于捕获并处理客户端错误，提供了错误处理和自定义错 ...
写在开头 点赞 + 收藏 学会 需求简介 轮播图是我们前端开发中的一个常见需求，在项目开发中，我们可以使用element、ant等UI库实现。某些场景，为了一个简单的功能安装一个库是没必要的，我们最好的选择就是手搓。 我们来看一个需求 上述需求核心就是实现一个无缝轮播的切换效 ...
好家伙, 0、一个例子 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Vue 父子组件通信示例</title> <script src="https://cdn.jsdelivr.net/npm/vu ...
在 JavaScript 中，对象是一种非常重要且灵活的数据结构，用于存储多个值（属性）和方法（函数）。对象的创建和拷贝是日常开发中经常涉及的操作，对于业务逻辑的准确实现有着重要的作用。本文将简要概括 JavaScript 中对象的创建和拷贝方式，都是一些非常基础的知识，大家看个乐就好~ ...
如何在现有 Vue 3.0 + Vite 项目中，引入 i18n 实现国际化多语言，可以手动切换，SEO友好，且完整可用的解决方案。 ...
写在开头 点赞 + 收藏 学会 理解 forEach JavaScript 的forEach方法是一种流行的数组迭代工具。它为每个数组元素执行一次提供的函数。但是，与传统的for 和 while循环不同，forEach它被设计为对每个元素执行该函数，没有内置机制来提前停止或中 ...
本文介绍了NodeJS中流（Stream）的概念、类型和应用。流通过将数据分成小块进行处理，优化了内存使用和数据处理效率。文章涵盖了四种基本流类型：可读流、可写流、双工流和转换流，并通过实例代码演示了如何使用流进行高效的数据传输和处理。 ...
title: Nuxt框架中内置组件详解及使用指南（三） date: 2024/7/8 updated: 2024/7/8 author: cmdragon excerpt: 摘要：“Nuxt 3框架中与组件的深度使用教程，包括如何使用这两个组件进行页面导航和加载指示的自定义配置与实战示例。” ca ...
NodeJS是一个基于V8引擎和libuv的JavaScript运行时，适用于轻量级和高效的数据密集型Web应用。其单线程、非阻塞IO模型依赖事件循环和线程池管理异步任务。使用NodeJS开发需避免阻塞主线程，正确处理事件和错误。 ...
zustand 和 jotai 是当下比较流行的react状态管理库。其都有着轻量、方便使用，和react hooks能够很好的搭配，并且性能方面，对比React自身提供的context要好得多，因此被很多开发小伙伴所喜爱。 更有意思的是，这两个库的作者是同一个人，同时他还开源了另外一个状态库 va ...
前言 vue2的时候想必大家有遇到需要在style模块中访问script模块中的响应式变量，为此我们不得不使用css变量去实现。现在vue3已经内置了这个功能啦，可以在style中使用v-bind指令绑定script模块中的响应式变量，这篇文章我们来讲讲vue是如何实现在style中使用script ...
title: Nuxt框架中内置组件详解及使用指南（二） date: 2024/7/7 updated: 2024/7/7 author: cmdragon excerpt: 摘要：“本文详细介绍了Nuxt 3中和组件的使用方法，包括组件的基本概念、属性、自定义属性、获取引用以及完整示例，展示了如何 ...
今天按照原计划应该已经将实战视频，学习完毕。总结需要总结，学习，复习的地方有，主页面的设计，前后端的连接，图标的引用，页面的布局，以及一些基础函数的认识和运用。通过视频还了解到一些点击栏，状态栏的设置。刚学完可能进度太快导致记忆不牢固，所以利用休闲时间可以过一遍学习的内容。把基础框架整理写下俩来，实 ...
title: Nuxt框架中内置组件详解及使用指南（一） date: 2024/7/6 updated: 2024/7/6 author: cmdragon excerpt: 本文详细介绍了Nuxt框架中的两个内置组件和的使用方法与功能。确保包裹的内容仅在客户端渲染，适用于处理浏览器特定功能或异步数 ...
本文探讨了JavaScript中Promise的基础用法和各种静态方法的应用场景。从解决异步编程中的回调地狱问题，到链式调用、并发请求控制，再到最新的Promise.allSettled和Promise.any的应用。每种方法均通过代码示例和详细的应用场景进行了展示。 ...
今天依旧是按照计划看视频！主要学习的内容是通过手机，微信，QQ等方式发送验证码，进行页面登陆，并且让其中的一些数据与后端连接。总体来说有点蒙圈，看不懂，希望通过之后的实战练习可以巩固一下。其中运用的很多程序语言有点难以理解，感觉如果上手的话！依旧仅限于复制粘贴。看不懂某些逻辑语言。后续自己上手操作一 ...
摘要：本文详细介绍了Nuxt3中几个关键的生命周期钩子和它们的使用方法，包括webpack:done用于Webpack编译完成后执行操作，webpack:progress监听编译进度，render:response和render:html分别在响应发送前后修改响应内容，以及render:island... ...
写在开头 点赞 + 收藏 学会 7 种方案解决移动端1px边框的问题 造成边框变粗的原因 css中的1px并不等于移动设备的1px，这是由不同手机由不同像素密度，在window对象中有一个devicePixelRatio属性，他可以反应css中像素与设备的像素比 device ...
