Hello，小伙伴大家好，我是小VIE，一名学习前端时长两月半的前端萌新 (ノ◡◝) 这次主要是分享我在前端两个月的学习过程心得和半个月的实践成果，希望无论是准备秋招的同学，还是日常中学习、工作、求职的小伙伴都能得到一些信心！ ...

‍ 写在开头 点赞 + 收藏 学会 引言 众所周知，进度条是程序员大大模拟的程序运行进度，一般会在某些数值卡住不动，引起99%悬案。但是背后的原理你真的清楚吗，其实进度条真的是匀速运动的！ 先来看看效果 接下来开始实现 创建一个矩形，然后折叠起来，完成！ 创建一个容器，用于宽度限 ...

title: 使用 useNuxtData 进行高效的数据获取与管理 date: 2024/7/22 updated: 2024/7/22 author: cmdragon excerpt: 深入讲解了Nuxt 3中useNuxtData组合函数的应用，演示了如何通过此函数访问缓存数据，实现组件间数 ...

前言 在写vue3编译原理揭秘电子书的时候，发现有不少粉丝还傻傻分不清楚什么是编译时？什么是运行时？这篇文章我们来让你彻底搞清楚编译时和运行时的区别。 关注公众号：【前端欧阳】，给自己一个进阶vue的机会 编译时 我将编译这个词语理解为翻译，这句话是什么意思呢？ 比如你要和一个老外沟通，你的英文超级 ...

title: Nuxt 使用指南：掌握 useNuxtApp 和运行时上下文 date: 2024/7/21 updated: 2024/7/21 author: cmdragon excerpt: 摘要：“Nuxt 使用指南：掌握 useNuxtApp 和运行时上下文”介绍了Nuxt 3中useN ...

TCP（传输控制协议）的三次握手是建立可靠连接的关键步骤，其设计目的是确保通信双方都准备好，并且避免重复的连接初始化。三次握手并不是随意设定的，而是有其重要的技术理由。 1. 防止重复的连接初始化 假设只使用两次握手，会存在以下问题： 旧的重复SYN包问题：如果网络中的一个旧的SYN包（因为网络延迟 ...

title: 使用 useLazyFetch 进行异步数据获取 date: 2024/7/20 updated: 2024/7/20 author: cmdragon excerpt: 摘要：“使用 useLazyFetch 进行异步数据获取”介绍了在Nuxt开发中利用useLazyFetch进行异 ...

‍ 写在开头 点赞 + 收藏 学会 前言 JavaScript 中的相等运算符无疑是新手开发者最容易混淆的知识点之一。 ==和 这两个运算符的细微差别往往会在代码中造成一些令人困惑的行为 在本文中,我们将深入探讨这两个相等运算符的工作原理,比较它们的特点和局限性 让我们开始吧! ...

我是一个很懒的人，很少写博客。为什么？因为技术发展太快了，刚学习记录下来过段时间来看看，发现全都过时了。太浪费感情了。 曾经我也是一个软粉，一个.Net开发者，同学都入坑Android、Java踩着时代的红利拿高薪的时候。我却始终爱着微软。一直到微软彻底抛弃Windows Phone10的时候我才死 ...

本文中效果主要采用ThreeJS 中的着色器(Shader)以及结合ShaderMaterial实现的。 主要用到的内置方法有： step：是一个阶跃函数，它将一个浮点数与一个阈值进行比较，并返回一个阶跃值； 比如step(edge, x), 如果 x 小于等于 edge，则返回 0.0, 如果 x ...

01. Dart 介绍 02. Dart 开发环境搭建和开发工具的配置 03. Dart 语言的基础语法 04. Dart 数据类型 05. Dart 运算符 06. Dart 条件表达式 07. Dart 类型转换 08. Dart 循环语句 09. Dart break 和 continue 语 ...

title: 使用 useLazyAsyncData 提升数据加载体验 date: 2024/7/19 updated: 2024/7/19 author: cmdragon excerpt: 摘要：本文介绍useLazyAsyncData函数在Nuxt 3中的使用，以提升数据加载体验。此函数支持异 ...

上图直观展示了 Vue 的 Diff 算法流程：3种方式 比较根节点： 图中左侧的 "Old VNode" 和右侧的 "New VNode" 表示旧的和新的虚拟 DOM 根节点。 箭头表示比较过程，如果根节点不同，直接替换整个节点。 比较子节点： 当根节点相同时，递归比较子节点。 左侧 "Old C ...

‍ 写在开头 点赞 + 收藏 学会 有这样一种场景：如果你在开发过程中，发现某个npm包有Bug，应该怎么办？ 第一选择当然是向原作者提issue，或者Fork该仓库代码，修改以后，提交合并请求。 但这种情况有个严重的问题，就是耗时，如果遇到严格的作者，或者不活跃的作者，时间线可 ...

title: Nuxt.js 中使用 useHydration 实现数据水合与同步 date: 2024/7/18 updated: 2024/7/18 author: cmdragon excerpt: 摘要：介绍Nuxt.js中useHydration函数，用于控制客户端与服务器数据同步，实现数 ...

1. 防抖，回城-执行完成区间计时的那一次 触发事件时开始计时，计时结束后执行事件处理。当计时未结束再次触发事件，则清除计时器并重新计时。 思路：利用闭包，保存回调函数的计时器。判断计时器是否存在，是-清除原计时器。在计时器内调用事件处理函数。 注意：这里要搞清楚返回的匿名函数才是绑定的点击事件，而 ...

Pic Smaller —— 一款超级好用的在线图片压缩工具，基于 Vite + React 实现，直观、移动友好，并且支持压缩配置。 ...

title: useHeadSafe：安全生成HTML头部元素 date: 2024/7/17 updated: 2024/7/17 author: cmdragon excerpt: 摘要：“useHeadSafe”是Vue.js组合函数，用于安全生成HTML头部元素，通过限制输入值格式避免XSS ...

‍ 写在开头 点赞 + 收藏 学会 1、支付宝不支持v-show 改为v-if。 2、v-html App端和H5端支持 v-html ，微信小程序会被转为 rich-text，其他端不支持 v-html。 解决方法：去插件市场找一个支持跨端的富文本组件。 3、导航栏处有背景色延 ...

其实很久以前，Nginx就设想推出JavaScript for Nginx了，可惜直到现在都不完善，甚至在国内关注的人都寥寥无几 虽然如此，但Nginx出品的高并发NJS还是很香啊，原生集成就是好 但是，你知道怎么交叉编译Nginx和Nginx的JS引擎njs吗？ 你想要尝试使用Nginx+NJS搭... ...