前端

1. 首页
2. IT互联网
3. 前端

react中 useContext 和useReducer的使用

useContext和useReducer 可以用来减少层级使用, useContext，可以理解为供货商提供一个公共的共享值，然后下面的消费者去接受共享值，只有一个供货商，而有多个消费者，可以达到共享的状态改变的目的。 useReducer 可以和 useContext 配合使用，useReducer 可以理解为所有的公共组件共享状态。有多个组件，但是都要共享同一个状态和改变状态后的值，这时候

前端 2025年06月19日 122 点赞 0 评论 15356 浏览

uni-app app端web-view通信

本文简介 点赞 + 关注 + 收藏 = 学会了 在 uni-app 或者 微信小程序 中，都有 web-view 组件。 该组件是一个浏览器组件，可以承载网页的内容。而且该组件是全屏的，会覆盖该组件之外的其他内容。 本文要讲解在 uni-app 中使用 web-view 怎么实现大量数据通信。 我所使用的是 Vue 3 语法。 web-view 数据通信方法 web-view 文档 web-

前端 2025年06月19日 148 点赞 0 评论 16631 浏览

开源：各种前端设计和动效，这个项目里一应俱全

一、简述 经过了两个月的精心打磨，该项目也趋于稳定，我想是时候与大家见面了，今天就向大家隆重介绍这个开源项目：visualization-collectio，一个专注于前端视觉效果的集合应用，里面有大量的前端设计和丰富的动效案例，包括有Html视觉、Css动效、Canvas动效、Echarts交互、Three.js3D、人工智能应用和图片处理工具这七大模块。 该项目也是我在工作之余完

前端 2025年06月19日 179 点赞 0 评论 10591 浏览

qiankun 微应用vue接入到基座

前言： 我这里的父级应用使用的是react工程，umi。下面两个例子vue2，vue3，作为微应用接入到基座所需调整 vue2项目 1: 安装vue-cli 使用vue create XXX(xxx是你的项目名称) 命令创建项目，安装的时候选择vue2 2：改造main.js： 子应用需要在自己的入口文件导出 bootstrap、mount、unmount 三个生命周期钩子，以供主应用在适当的时

前端 2025年06月19日 34 点赞 0 评论 19794 浏览

el-form的el-input 输入框按回车页面刷新问题

1、问题：当页面只有一个输入框时，获取焦点时，点击回车整个页面被刷新了 <el-form :model="Form" label-width="100px"> <el-form-item label="名称"> <el-input v-model="Form.name"></el-input> </el-form

前端 2025年06月16日 131 点赞 0 评论 11056 浏览

WebGL的优点

WebGL 完美地解决了现有的 Web 交互式三维动画的两个问题： 1、通过 HTML 脚本本身实现 Web 交互式三维动画的制作，无需任何浏览器 插件支持 ; 2、利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、 跨平台的 OpenGL 接口实现的。 通俗说 WebGL 中 canvas 绘图中的 3D 版本。因为原生的 WebGL 很复杂，我们经常 会使用一些三方的库，如 th

前端 2025年06月16日 84 点赞 0 评论 18092 浏览

Vue3 使用 Event Bus

本文已整理到 Github，地址 👉 blog。 如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~ 我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时间内看到和感受到的东西。 在 Vue2 中，创建 Event Bus 如下： export const bus = new Vue() bus.$on(...) bus.$emit(...) 在 V

前端 2025年06月16日 149 点赞 0 评论 10506 浏览

手摸手，带你优雅的使用 icon

演进史 首先我们来说一下前端 icon 的发展史。 远古时代 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background-position 定位显示不同的 icon 图标。但这个也有一个很大的痛点，维护困难。每新增一个图

前端 2025年06月16日 90 点赞 0 评论 9728 浏览

OAuth 2.0 的一个简单解释，一看就懂

【转载】原文链接 OAuth 2.0 OAuth 2.0 是目前最流行的授权机制，用来授权第三方应用，获取用户数据。 这个标准比较抽象，使用了很多术语，初学者不容易理解。其实说起来并不复杂，下面我就通过一个简单的类比，帮助大家轻松理解，OAuth 2.0 到底是什么。 一、快递员问题 我住在一个大型的居民小区，小区有门禁系统，进入的时候需要输入密码。 我经常网购和外卖，每天都有快递员来送货。我必须

前端 2025年06月16日 102 点赞 0 评论 9053 浏览

js实现数据的双向绑定

js实现数据的双向绑定 数据的双向绑定 双向绑定指的是视图和数据两个之间双向绑定！ 在页面中绑定两个或者多个元素，比如一个input框和一个p标签，当在input框输入值时，p标签也会自动更新文本。只关注数据的操作，减少对DOM的操作。 一、直接赋值 也就是将input框的值赋值给p标签的文本 html代码块 <p id="txt"></p> &lt

前端 2025年06月16日 53 点赞 0 评论 2884 浏览