面试常客系列之跨域前言
跨域？什么是跨域呢？我们先来看看一个url的组成, ,这一个url我们可以分成四部分来看 是协议, 是域名, 是端口, 是路径.在浏览器中，我们从一个域名发送请求到另一个域名，如果两个域名的协议，域名，端口三部分只要存在一部分不同就会发生跨域，也就是说只有两个域名的协议，域名，端口都相同才会不会发生跨域，所以我们又如何解决跨域的问题呢？在下文中会给大家介绍几种方法去解决跨域问题. 那么要解决跨域就不得不谈及 ,同源策略是一种安全措施，用...
audio自动播放为什么会失败背景
某天客户报了一个问题，说是大屏的声音不能自动播放了,我们的大屏应用是有个报警的，当有报警的时候，自动会播放警报的声音 测试后发现如下结论 1. 当刷新页面后，audio不会自动播放 2. 当从另外的一个页面进入到当前页面，可以直接播放声音 如果你想测试，可以 你可以先点击上方链接的 尝试一下 ，下方为截图 这个时候你会听到一声马叫声 然后，你刷新下马叫声的页面，这个时候声音的自动播放将不会生效 报错问题排查 打开控制台，不出意外看到了一...
Golang面试题：new 和 make 有什么区别
今天我们来聊聊一个大家面试中经常遇到的问题：Golang 中的 new 和 make 到底有什么区别？这两货看起来名字差不多，但用法和场景可大不一样。为了方便大家理解，我来掰扯掰扯。 先说 new 这个函数名字虽然简单，但功能还挺关键。new 是 Go 语言的内置函数，它的作用就是分配内存，然后返回指向该内存地址的指针。 通俗点讲，new 干的事情就是帮你“造个房子”，不过它不负责装修，也就是只提供一个空的空间。这就意味着你通过 new...
NestJS + Prisma 增删改查实践
官网链接： ， 当前版本 node: 20.11.0 @nestjs/cli: 10.3.2 prisma: 5.18.0 初始化项目 安装NestJS 这里需要选择 package manager，本文是用 作为包管理器的 安装Prisma 执行完上面两条命令之后，会发现多了一个 的文件夹和 文件 : 指定数据库连接，以及数据库 \ .env MySQL .env prisma/prisma.schema prisma.schema...
从HTML活动页面到 Vue、React 大型项目都通用的 git hooks 配置
git提交时不加审核，团队内的git规范很容易被一次次的样式拉扯修改、小bug调整等git提交给冲得稀烂。这时候可以使用 git 原生的 hooks，在 commit 之前监听一下 commit 内容。但是原生 git hooks 的配置默认是不同步到仓库的，这样一来，配置好的 hooks 事件其实就是本地单机事件，无法很好的团队共享。而 + 刚好能处理这个场景。 Husky Husky 是一个 Git Hook 工具，它允许开发者在...
使用Expo开发App解决消息推送问题（iOS，Android）
在上篇文章中，我们基于expo搭建了App的基础框架。在现代移动应用中，消息推送功能是提升用户体验的重要组成部分。本文将指导你如何在Expo环境中实现消息推送的功能，包含iOS与Android，以帮助你的用户及时接收到重要信息。 什么是Expo？ Expo是一个开源平台，可帮助开发者轻松构建和部署React Native应用。它提供了许多工具和服务，简化了应用开发流程，尤其是在处理消息推送方面。 准备工作 在开始之前，确保你已经完成如下...
使用NestJS开发小程序后台
前言 前一篇写NestJS的特点，使用NestJS，开启我们的Hello World! 以及NestJS各种热更新方法，本篇会写NestJS在实际项目中的应用。（ORM、参数校验、全局错误处理等等） NestJS 中使用 TypeORM 一、安装依赖 这里假设使用 MySQL 数据库，你可以根据实际情况选择其他数据库驱动。 二、配置数据库连接 1. 在项目根目录下创建一个文件 ，内容如下： 将 、 和 替换为你的实际数据库连接信息。 2...
深入理解浏览器的事件循环机制
在现代Web开发中，JavaScript作为浏览器中最常用的编程语言，其执行机制深刻影响着Web应用的性能和用户体验。事件循环（Event Loop）作为JavaScript处理异步操作的核心机制，是理解JavaScript执行模型的关键。本篇文章从多个维度去分析事件循环的机制，希望可以帮大家更加深入的了解它。 在讨论事件循环之前，理解浏览器的执行环境是至关重要的。浏览器是一个多线程环境，包含以下主要线程： GUI 渲染线程（GUI R...
纯CSS实现海浪文字效果
如图所示，这是一个很炫酷的文字波动效果，文字呈现出一个海浪波动的效果，这样的动画效果可以显著加强文案本身的含义。本文将解析如何使用纯CSS实现这个特效，基于这个动图可以分析出实现这个效果的主要功能要点： 整体呈现出3D文案效果 文案呈现波动状态动画 文案有渐变颜色的变化 文案在变化过程中有倾斜分层的效果 1\. 基础样式 首先我们从布局和基础样式开始。 通过上面的图片可以看出动画中的内容是由多个层叠在一起的效果，所以这里我们创建多个标签...