‍ 写在开头 点赞 + 收藏 学会 本文用于记录在React课程中学习时，课程中留下的一个关于async/await原理的思考题（默认读者熟悉Promise） 思考题 这个思考题就是：请将以下async/await代码，换一种方式实现，保证异步等待功能和输出顺序： functio ...

‍ 写在开头 点赞 + 收藏 学会 可能有人觉得，这个组件很简单，没什么技术含量，其实确实也啥技术含量。但是，我是想借这个组件，来表达一种封装的思想在里面，希望可以帮助到一些朋友。 简单的描述下这个组件的功能： 用户可以点击下面颜色比较绚丽的上传按钮，选择本地图片进行上传，也可以 ...

前言 vue3的响应式API大家应该都特别熟悉，比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式API，今天欧阳给大家带来一些不一样的。脱离vue项目，在node.js项目中使用vue的响应式API。 关注公众号：【前端欧 ...

实验介绍： XAMPP也就是集apache （web服务器软件），mysql （数据库） php （开源通用脚本语言），PERL (计算机程序语言)的集成软件包 一：下载xampp 官网：https://www.apachefriends.org/index.html 在里面按系统选版本 简单看一下 ...

引言 嘿，大家好！今天我想聊聊我最近在前端开发中遇到的一个头疼的问题，以及我是如何一步步解决它的。如果你也在使用Websocket实现AI会话，或许你会遇到类似的问题。 项目背景 我最近在捣鼓一个开源项目，项目地址：GitHub - chatpire/chatgpt-web-share: ChatG ...

‍ 写在开头 点赞 + 收藏 学会 1.web-view覆盖层问题 问题由来 web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面。 所以这得多恶心。。。不仅铺满，还覆盖了普通的标签，调z-index都无解。 解决办法 web-view内部使用 ...

本文由leetcode的字符异位词分组题目引入，记录了javascript中对象的键的数据类型以及存在的数据类型转换现象。 ...

刚学react，拿项目练手，有个问题恶心死了，折腾了好久，百度上也没找到很合适的，觉得有必要分享一下，不为别的，以后自己遇到了，再复习一下，方案不是最优解，但能解决问题 业务描述 就是点击编辑，新增的时候，数据发生变化，我获取到了，第一次更新成功，后面就只会有第一次的值代码描述 我用的是initia ...

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

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

前言 在写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 实现，直观、移动友好，并且支持压缩配置。 ...