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

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

‍ 写在开头 点赞 + 收藏 学会 前言 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 语 ...

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

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

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

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

‍ 写在开头 点赞 + 收藏 学会 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搭... ...

1.路由配置 1.1路由组件的雏形 src\views\home\index.vue（以home组件为例） 1.2路由配置 1.2.1路由index文件 src\router\index.ts //通过vue-router插件实现模板路由配置 import { createRouter, creat ...

如何通过 Promise 实现百条接口请求？ 实际项目中遇到需要发起上百条Promise接口请求怎么办？ 前言 不知你项目中有没有遇到过这样的情况，反正我的实际工作项目中真的遇到了这种玩意，一个接口获取一份列表，列表中的每一项都有一个属性需要通过另一个请求来逐一赋值，然后就有了这份封装 真的是很多功 ...

浅拷贝和深拷贝的区别 浅拷贝：浅拷贝指的是复制一个对象的时候，对于对象的一个属性， 如果是基本数据类型，则复制其值； 如果是引用数据类型，则复制其引用。 深拷贝：深拷贝指的是复制一个对象的时候，对于对象的一个属性， 如果是基本数据类型，则复制其值； 如果是引用数据类型，则递归地深拷贝该对象。 从内存 ...

使用 CSS 选择器实现对不含 title 属性元素的选择 在 CSS 中，选择器用于指定样式规则应用于哪些元素。虽然 CSS 没有直接排除某些属性的功能，但是可以通过使用伪类选择器和属性选择器来实现排除含有特定属性的元素的效果。 要排除含有 title 属性的元素，可以使用 :not 伪类选择器。 ...

短剧播放器是微信官方为微短剧类目小程序提供的播放器插件。 开发者可引入短剧播放器插件后，基于自身需求快速进行开发上线。 小程序中使用短剧播放器需要以下几个条件 小程序已有短剧类目（文娱->微短剧），并且将该类目设为主类目 小程序引入短剧播放器插件 微信官方短剧插件文档 小程序后台接入微信媒资管理，  ...

使用 CSS 实现透明效果 在 CSS 中，实现透明效果有几种方法，具体使用哪种方法取决于具体需求。以下是一些常见的方法： 使用 opacity 属性： opacity 属性可以设置整个元素的透明度，包括其所有的子元素。 .transparent { opacity: 0.5; /* 0 表示完全透 ...

首先导入CDN <!--导入vue与axios--> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.j ...

1. Vue3简介 2020年9月18日，Vue.js发布版3.0版本，代号：One Piece（n 经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者 官方发版地址：Release v3.0.0 One Piece · vuejs/core 截止2023年10月，最新的公开版 ...