前端

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

js、ts、vue2、vue2+ts、vue3、vue3+ts复制文本

js版本 解释navigator.clipboard 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后，才能使用异步剪切板读写方法。许可操作必须通过取得权限 P

前端 2025年06月19日 44 点赞 0 评论 12403 浏览

Vue-Cli脚手架使用

目录大纲 一、Cli说明 二、安装并创建Cli项目 三、Cli项目结构说明 一、Cli说明 CLI 是一个基于 Vue.js 进行项目搭建的脚手架系统，CLI(Command-Line Interface)是一个命令行界面工具, 俗称脚手架。 CLI是基于 webpack 进行项目构建，由@vue/cli 和@vue/cli-service 组成。 CLI的目标是将Vue 项目的创建开发

前端 2025年06月19日 187 点赞 0 评论 19321 浏览

React中classnames库使用

最近在写React的项目中，看到之前的大佬引入的classnames组件库，特别的实用，在此跟大家分享一下。 从名字上可以看出，这个库是和类名有关的。官方的介绍就是一个简单的支持动态多类名的工具库。 classnames的引入 支持使用 npm, Bower, or Yarn 使用 npm安装 npm install classnames 使用 Bower安装 bower install clas

前端 2025年06月19日 81 点赞 0 评论 3145 浏览

react中 useContext 和useReducer的使用

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

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

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 评论 16580 浏览

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

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

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

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 评论 19700 浏览

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 评论 11004 浏览

WebGL的优点

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

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

Vue3 使用 Event Bus

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

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