前端

js事件队列

什么是js事件队列? 队列:通俗讲就是排队 事件队列:就是多个事件在排队 那么js中事件队列就是在js执行过程中,有一个以上的事件需要执行 setTime(function () { console.log(1); },0); for (var i = 0; i < 100000; i++){ console.log(2) } 上述代码是前端开发中经常会遇到的 代码中有两个函数方法,也就j

Webpack to Vite踩坑指北

前言     最近一直在看vite的源码(传送),恰逢公司的项目使用的是webpack,正好借此机会做下迁移,并将该过程记录。当前项目使用webpack+vue2 对比     这里挑选了一个比较复杂的路由页面,分别使用vite和webpack启动,记录从npm run start到页面加载的耗时     vite     webpack 基础改造     packag

组件分享之后端组件——用于社交和实时游戏和应用程序的分布式服务器nakama

组件分享之后端组件——用于社交和实时游戏和应用程序的分布式服务器nakama 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。 组件基本信息 组件:nakama 开源协议:Apache-2.0 License 内容 本节继续分享游戏相关的开发组件nakama,它是

565. 【自动化测试】基于python的前后端分离的模拟实现

前端只处理前端本身的逻辑,比如图形展示、文字的格式化等,后端也只处理后端自己的业务代码,前端和后盾通过某种机制来耦合。 我们通过 M-V-C 的概念来说明前后端分离的概念。M 指的是 Model-数据模型,V 指的是 View-视图,C 指的是 Controller-控制器。视图可以理解为前端,主要用于对数据的呈现,模型可以理解为后端,主要负责对业务的处理,而控制器主要负责接收用户的输入并协调视图

Flutter for OpenHarmony:web_socket_channel 全平台 WebSocket 通信标准库,从原理到鸿蒙实战(3000字深度解析)

欢迎加入开源鸿蒙跨平台社区:# 前言在现代 App 开发中,实时通信(Real-time Communication)已成为标配。无论是社交聊天的由“推”变“拉”,还是股票行情的毫秒级跳动,亦或是智能家居的状态同步,传统的 HTTP 轮询(Polling)已无法满足低延迟、

H5跳转微信小程序

这问题,很多情况,分几类: 一、微信内嵌H5跳转内部微信小程序页 1. 小程序页内 <!--pages/webview/webview.wxml--> <web-view src="https://abc.com/#/home"></web-view> Tips: 微信页面 webview 组件 个人小程序不支持 abc.com 域名要加到小程序合法域名

前端学习日记 - 前端函数防抖详解

前端函数防抖详解 为什么使用防抖 函数防抖的应用场景 函数防抖原理与手写实现 原理 手写实现 使用 Lodash 的 \_.debounce 完整示例:防抖搜索组件 结语 在现代 Web 应用中,函数防抖(debounce)是一种常见且高效的性能优化手段,用于限制高频事件触发下的函数调用次数&#xf

使用 Trae IDE 一键将 Figma 转为前端代码

在现代前端开发中,从设计稿到可用页面的交付往往需要大量重复劳动:切图、手写样式、布局调整……而借助 MCP Server - Figma AI Bridge,我们可以将 Figma 设计稿自动转换成整洁的 HTML/CSS/JS 代码,并立即生成可预览的网页。一键化、傻瓜式操作,让设计交付效率跃升。本文测试使用的系统环境如下&#

前端本地存储进阶:IndexedDB 封装与离线应用开发

前端本地存储进阶:IndexedDB 封装与离线应用开发 文章目录 前端本地存储进阶:IndexedDB 封装与离线应用开发 前言 1. IndexedDB 基础概念 1.1 什么是 IndexedDB 1.2 基础 API 使用 2. 实战案例:智能 IndexedDB 封装库 2.1 高级封装库设计 2.2 实际应用示例

Vue WanAndroid项目

基于Vue 搭建的WanAndroid项目 供参考 项目中API均来源于:www.wanandroid.com 项目运行: 1.克隆项目至本地 2.npm install 3.npm run dev 项目架构: Vue版本: V2.5.2 UI:html5 + css3 + vant2 列表刷新:vuejs-loadmore 网络请求: axios 数据持久化:js-cookie 屏幕适配:f