前端壹读

之前的一篇文章中我们介绍了一款高性能、开源的内网穿透工具FRP，但是对于很多小白用户来说，上手的成本比较高，既要配置服务端又需要客户端，还需要各种配置文件；因此本文给大家带来一款新的内网穿透组网工具。

在Vue3中，reactive和ref两个响应式API相信大家用的都比较熟练，但是在使用时还有众多的响应式API函数，本文就从源码角度，来看下不同API及其实现方式，相信看完本文之后会加深Vue3理解

我们在浏览一些3D网站时，经常能看到一些模型提供了切换外观的按钮，通过不同的颜色或者纹理的按钮切换，来让模型呈现出来更多的效果。本文我们先从简单的模型入手，看下给椅子模型切换纹理是如何来实现这样的效果

我们在浏览网站时，尤其是一些国外网站的时候，经常会出现这样的弹框，提醒你接受全部Cookie；如果不接受，有些弹框甚至会一直出现，不让你访问；那么这个弹框为什么要出现呢？对你后续浏览网站有什么影响呢？

最近公司的很多项目都用到相同功能的时间格式化函数，如果每次来一个项目都拷贝一份代码的话，就很麻烦，结合我们之前介绍的Verdaccio搭建npm私有服务器；本文我们通过Vite作为脚手架，封装工具库

有时候，我们回家了想要访问公司电脑上的一些资料，或者远程到公司的电脑，再或者访问公司内网的网页服务，但是我们并不知道公司的网络地址，也不知道如何访问局域网中的服务；这时候我们就需要用到叫内网穿透服务。

在知乎上有这么一个问题：中国几千万大学生，为什么出不了比尔盖茨，乔布斯，马斯克？很多回答都归咎于国内的科技创新、政策、制度、公平性等等因素；但是很少有人真正去关注他们成功背后的真正原因和动机。

在上一篇文章粒子云切换效果中我们介绍了如何将物体的模型转换成粒子云并且进行切换的效果，我们还看到了二维码的粒子效果，那么这样的效果是如何实现呢？本文从建模开始，带领大家一步一步实现这样的效果。

本文我们来探讨Three.js中两个重要的概念：粒子和精灵，使用精灵Sprite，我们可以创建很多细小的有趣的场景，模拟雨滴雪花的效果；最后的实现效果，我们会将一组粒子渲染成几何体的样子。

上一篇文章全景预览中，我们通过Threejs使用多种方式实现了全景预览的效果，以及俯瞰效果的场景动画，但是这都是在单个场景中实现的；也有读者评论说讲一下多场景下的场景过渡效果是如何实现的，本文就来看下

当我们在开发一些组件的时候，比如下拉框或者一些模态框等组件，我们希望在点击元素之外的时候就能够把相应的元素收起来或者隐藏；这看似十分简单的需求，其实隐藏着很多的判断逻辑和代码技巧在里面。

最近在浏览掘金网站的时候发现新上线的扣子平台，它是一款即刻开发新一代AI Chat Bot的应用编辑平台，可以通过这个平台快速创建各种类型的Chat Bot；不过让笔者更感兴趣的是它首页酷炫的效果。

Threejs中海天一色的效果是比较壮观好玩的，本文我们就学习一下如何一步步实现该效果，同时也能深入理解着色器中的Uniforms参数的作用和归一化的原理及效果。

这不最近我司的设计师又给笔者整活了，在数据大屏页面的中间位置，做了一个效果图，不过需要做一个箭头沿着路径实现拐弯的动画效果；这可咋整呢，本文就结合CSS3的特性和svg，看一下实现的思路。

在之前的文章中，我们在代码里都使用了setup的语法糖，写起来十分简洁方便，但是有些小伙伴对它的用法不是很了解，私信说希望能讲一讲；本文我们就结合typescript，详细讲透setup语法糖的一些用

Tailwind CSS作为一款原子化的CSS框架，提供了一组高度可定制化的CSS程序和组件；帮助前端开发人员快捷、方便地构建美观的用户界面；相比于传统的CSS框架，Tailwind CSS更注重简洁

在上一篇文章中，我们介绍了Chrome插件的页面如何写，以及各个组件之间是如何来通信的，得到了不少朋友的积极反馈，大家对Chrome插件的相关内容也都比较感兴趣，也存在着相当大的应用市场。

我们经常会在一些景区、展厅、酒店民宿的宣传页面上，或者卖房看房网站，都能频繁的看到各种3D全景预览的网页效果，这样就可以如临其境般的看到所在场景的360度范围内的各种事物；那么，这样的效果是如何来实现

在上一篇文章中，我们对GSAP的用法有了一个简单的了解，本文我们就结合GSAP的用法教程，仿照荣耀官网MagicOS的页面，实现一个酷炫的网页效果。 本文正在参加「金石计划」。

最近随着ChatGPT爆火出圈，网络上各种关于ChatGPT的争论声也不断；有些人把它当成一个更高级的聊天机器人，有人兴奋地看到了创业的风口，而另一些人对它取代人类的工作露出了不少担忧。