React中classnames库使用
最近在写React的项目中，看到之前的大佬引入的classnames组件库，特别的实用，在此跟大家分享一下。
从名字上可以看出，这个库是和类名有关的。官方的介绍就是一个简单的支持动态多类名的工具库。
classnames的引入
支持使用 npm, Bower, or Yarn
使用 npm安装
npm install classnames
使用 Bower安装
bower install clas
前端
react中 useContext 和useReducer的使用
useContext和useReducer 可以用来减少层级使用, useContext，可以理解为供货商提供一个公共的共享值，然后下面的消费者去接受共享值，只有一个供货商，而有多个消费者，可以达到共享的状态改变的目的。
useReducer 可以和 useContext 配合使用，useReducer 可以理解为所有的公共组件共享状态。有多个组件，但是都要共享同一个状态和改变状态后的值，这时候
uni-app app端web-view通信
本文简介
点赞 + 关注 + 收藏 = 学会了
在 uni-app 或者 微信小程序 中，都有 web-view 组件。
该组件是一个浏览器组件，可以承载网页的内容。而且该组件是全屏的，会覆盖该组件之外的其他内容。
本文要讲解在 uni-app 中使用 web-view 怎么实现大量数据通信。
我所使用的是 Vue 3 语法。
web-view 数据通信方法
web-view 文档
web-
开源：各种前端设计和动效，这个项目里一应俱全
一、简述
经过了两个月的精心打磨，该项目也趋于稳定，我想是时候与大家见面了，今天就向大家隆重介绍这个开源项目：visualization-collectio，一个专注于前端视觉效果的集合应用，里面有大量的前端设计和丰富的动效案例，包括有Html视觉、Css动效、Canvas动效、Echarts交互、Three.js3D、人工智能应用和图片处理工具这七大模块。
该项目也是我在工作之余完
qiankun 微应用vue接入到基座
前言：
我这里的父级应用使用的是react工程，umi。下面两个例子vue2，vue3，作为微应用接入到基座所需调整
vue2项目
1: 安装vue-cli
使用vue create XXX(xxx是你的项目名称) 命令创建项目，安装的时候选择vue2
2：改造main.js：
子应用需要在自己的入口文件导出 bootstrap、mount、unmount 三个生命周期钩子，以供主应用在适当的时
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
Vue3 使用 Event Bus
本文已整理到 Github，地址 👉 blog。
如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~
我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时间内看到和感受到的东西。
在 Vue2 中，创建 Event Bus 如下：
export const bus = new Vue()
bus.$on(...)
bus.$emit(...)
在 V
手摸手，带你优雅的使用 icon
演进史
首先我们来说一下前端 icon 的发展史。
远古时代 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background-position 定位显示不同的 icon 图标。但这个也有一个很大的痛点，维护困难。每新增一个图
OAuth 2.0 的一个简单解释，一看就懂
【转载】原文链接
OAuth 2.0
OAuth 2.0 是目前最流行的授权机制，用来授权第三方应用，获取用户数据。
这个标准比较抽象，使用了很多术语，初学者不容易理解。其实说起来并不复杂，下面我就通过一个简单的类比，帮助大家轻松理解，OAuth 2.0 到底是什么。
一、快递员问题
我住在一个大型的居民小区，小区有门禁系统，进入的时候需要输入密码。
我经常网购和外卖，每天都有快递员来送货。我必须
