全部文章
共 1306 篇文章
使用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\. 基础样式 首先我们从布局和基础样式开始。 通过上面的图片可以看出动画中的内容是由多个层叠在一起的效果，所以这里我们创建多个标签...
Fabric.js 有手就行，面试官硬要问我会不会
背景 最近在投递简历的时候发现，很多HR在哪儿问，你会不会fabric.js啊；我说我暂时没看过，但是应该不难，看哈文档就能上手了。HR跟我说：“那你可能不太适合我们，祝你早日找到工作。” 咦，我这暴脾气... 写了一个简单的教程，大家可以根据到学习学习。 技术栈 我是用vite + vue3 搭建的项目。切记这是vue3，因为这儿在后续会出现一个问题。 绘制一个矩形 绘制一个简单的矩形。 注意注意注意... 如果你用的是vue3搭建的...
JavaScript Set有新功能啦，子、交、并、补轻松搞定
背景 本文是一篇翻译文章，看到原文 感觉内容非常不错，而且前端也会用到集合的计算，就决定翻译并整理一下。内容顺序跟原文有所出入，按印象中数学集合的定义进行整理的。 JavaScript Set 添加新功能了，子、交、并、补轻松搞定，一起来看看！ 引言 JavaScript Set 是在 ES2015 规范中被引入的集合结构，但是它的功能并不完整： 1. 创建 2. 增 3. 删 4. 查 除此之外想要实现集合的其他功能，如计算子集、交集...
JS事件循环Event Loop
面试率 90% 的JS事件循环Event Loop，看这篇就够了！! ! 事件循环（Event Loop）大家应该并不陌生，它是前端极其重要的基础知识。在平时的讨论或者面试中也是一个非常高频的话题。 理解 JavaScript 的事件循环往往伴随着宏任务和微任务、JavaScript 单线程执行过程及浏览器异步机制等相关问题，而浏览器和 NodeJS 中的事件循环实现也是有很大差别。熟悉事件循环，了解浏览器运行机制将对我们理解 Java...
Vue3 用了这么久还没体验过 JSX或TSX？来封装个业务弹窗玩玩
平时开发 项目时，用的最多的就是 模板组件 ，一些模板组件实现起来稍微麻烦的需求，也会用到 渲染函数 ，对于 JSX/TSX 的应用相比之下就少了很多，不知大家是否也是如此呢？不过没关系，今天我们来详细的梳理下如何在 项目中使用 。建议跟着文章敲起来，为自己的技术道路添砖加瓦😄。 阅读本文您将收获： 1. 了解 如何使用 。 2. 封装个业务弹窗，体验下 在实际开发中的应用。 3. 等等... 是一种类似 的 扩展，本身没有特定的语义...
一起学习 Webpack 模块热替换
何为 HMR? 模块热替换(HMR Hot Module Replacement)功能会在应用程序运行过程中替换、添加或删除模块，而无需重新加载整个页面 当我们对代码进行修改并保存后，webpack 将对代码重新打包，并将改动的模块发送到浏览器，浏览器通过新的模块替换老的模块，从而实现局部更新且不需要刷新页面 为何需要 HMR? 在 HMR 出现之后，程序的加载都是页面级别的，即使是单个文件的发生改变，都需要刷新整个页面才能够获得最新的...