动画react fiber three
Vue H5 Swiper 动画
简介及使用教程 Vue H5 Swiper是一个H5移动滑块组件，适用于H5应用程序，轻量。 安装 Npm npm i vue-h5-swiper Yarn yarn add vue-h5-swiper 使用 引入 import { Swiper, SwiperItem } from 'vue-h5 ......
Vue Swing 左右动态滑动的动画
简介及使用教程 Vue Swing是滑动组件Swing的Vue.js包装器。 Swing是可滑动的卡界面，向左/向右滑动表示是/否输入，就如在Jelly和Tinder等应用程序中看到的那样。 安装 Npm npm i vue-swing Yarn yarn add vue-swing 使用 引入并注 ......
react腾讯地图
Older children: import React, { useEffect } from 'react'; // https://lbs.qq.com/faq/webFaq/jsApiGl export default function Index() { const handleMap = ......
如何写一个 React Tree 组件
Github：https://github.com/noxxxxxxxx/tree 一个简单的 React 树组件，可以按照以下步骤进行： 创建一个新的 React 组件： 使用类组件或函数组件创建一个新的 React 组件，用于表示树组件。 定义组件的状态： 在组件的构造函数或使用 useStat ......
Unity 游戏开发、02 基础篇 | 知识补充、简单使用动画、动画状态机
前置笔记（由浅入深） Unity 游戏开发、01 基础篇 2 场景操作 3D场景 Q 手型工具（鼠标中键）：上下左右移动场景 ALT + 鼠标左键：以视图为中心旋转 鼠标右键：以观察者为中心旋转 SHIFT + Gizmo方块：Y轴归位 物体节点 + F：观察者定位至物体 窗口布局 3D项目一般窗口 ......
three.js 使用
1、安装 "three": "^0.155.0", //主体 主要是这个 "three-obj-mtl-loader": "^1.0.3", // 加载外部模型 "dat-gui": "^0.5.0",//gui 设置 "@tweenjs/tween.js": "^21.0.0", //动画 2、官 ......
React框架下如何集成H.265网页开源流媒体EasyPlayer.js视频播放器？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流。在功能上，EasyPlaye ......
react native项目安装需求
1. 创建RN项目2. 安装路由依赖3. redux需求安装redux依赖4. 第三方组件库5. 打包及各种其他操作 安装指定依赖注意：**link** 链接库已在RN(react native)0.60版本开始支持自动链接，不需要再手动link！！！ ### 2.安装路由依赖##### 安装所需包 ......
react 地图
<script src="https://api.map.baidu.com/api?v=1.4&services=true&type=webg1&ak=NNr3GC89RHOHwpfZFz37YRQU0IC5ZLVw"></script> // https://lbsyun.baidu.com/s ......
在vue中使用引入3D建模（Three.js）
1.安装依赖 npm install --save three 2.引入依赖 import * as THREE from 'three' 3.编写控件的页面，可以从网站 sketchfab 下载和导入3D建模的模型（需注册，有些是免费的），在这里用到的模型地址是https://sketchfab. ......
Screen fragments should never be restored. Follow instructions from https://github.com/software-mansion/react-native-screens/issues/17#issuecomment-424704067 to properly configure your main activity.
Screen fragments should never be restored. Follow instructions from https://github.com/software-mansion/react-native-screens/issues/17#issuecomment-42... ......
react中常见hook的使用方式与区别
react中常见hook的使用方式与区别 1、什么是hook？react hook是react 16.8推出的方法，能够让函数式组件像类式组件一样拥有state、ref、生命周期等属性。 2、为什么要出现hook？函数式组件是全局当中一个普通函数，在非严格模式下this指向window，但是reac ......
为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint）
为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint） 因历史遗留原因，接手的项目没有代码提醒/格式化，包括 eslint、pretttier，也没有 commit 提交校验，如 husky、commitlint、sty ......
react18-webchat网页聊天实例|React Hooks+Arco Design仿微信桌面端
React18 Hooks+Arco-Design+Zustand仿微信客户端聊天ReactWebchat。 react18-webchat基于react18+vite4.x+arco-design+zustand等技术开发的一款仿制微信网页版聊天实战项目。实现发送带有emoj消息文本、图片/视频预 ......
超全面详细一条龙教程！从零搭建React项目全家桶（上篇）
超全面详细一条龙教程！从零搭建React项目全家桶（上篇） 兔子先生 关注他 101 人赞同了该文章 React是近几年来前端项目开发非常火的一个框架，其背景是Facebook团队的技术支持，市场占有率也很高。很多初学者纠结一开始是学react还是vue。个人觉得，有时间的话，最好两个都掌握一下。 ......
从0到1搭建一个react项目
从0到1搭建一个react项目 react分享 高级前端工程师 关注他 首先新建一个文件夹, 然后用编辑器vscode打开这个文件夹 打开文件夹后执行npm init命令, 会提示你生成package.json文件 然后下载npm包, 下面贴下package.json { "name": "dem ......
Vue vs React：你需要知道的一切
Vue 和 React 是创建 JavaScript 网络应用程序最常用的两种工具。但我们该如何在两者之间做出选择呢？在本篇 Vue 与 React 的对比中，我们将尝试找出答案。我们将回顾每种工具的优缺点，提供选择使用哪种工具的技巧，并帮助你开始使用。 总览 什么是Vue？ Vue趣事 什么是Re ......
Implementing Domain Driven Design (Part Three)
# Example Use Cases This section will demonstrate some example use cases and discuss alternative scenarios. ## Entity Creation Creating an object from ......
WPF 使用矩形实现加载Loading动画的方式
首先，创建一个用户控件实现动画Loading的功能： <UserControl x:Class="K.Controls.Controls.LoadingControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" ......
WPF 自己画图实现动画旋转Loading
实现效果图： 1、创建一个用户控件，实现动画旋转： <UserControl x:Class="K.Controls.Controls.LoadingWait" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xml ......
WPF 使用Image实现动画旋转Loading
首先需要有一个Loading的图片，（白色背景，白色小圆圈，所以显示看不到）： 创建一个用户控件，实现动画的功能： <UserControl x:Class="K.Controls.Controls.LoadingImage" xmlns="http://schemas.microsoft.com/ ......
React项目笔记
环境准备 node v16.15.0 npm 8.5.5 Ant Design of React:https://ant.design/docs/react/introduce-cn 一，创建项目 npm init vite √ Project name: ... vite-project-reac ......
react-parallax-tilt
### react-parallax-tilt ## api eact-parallax-tilt ## 描述 这个组件可以实现内容根据鼠标的移动而移动，可以进行旋转、倾斜、放大、缩小等效果。 ## 使用方式 ```bash # 安装依赖 npm i react-parallax-tilt -s ` ......
Three ways to conditionally remove variables in a dataset
# Method 1: ``` proc contents data=cars short out=outds00; run; data outds(keep=name); set outds00; vnam=substr(name, 1, 1); if vnam ne "M" then outpu ......
推荐一个react上拉加载更多插件：react-infinite-scroller
推荐一个react上拉加载更多插件：react-infinite-scroller 在开发网页和移动应用时，经常需要处理大量数据的展示和加载。如果数据量非常大，一次性全部加载可能会导致页面卡顿或崩溃。为了解决这个问题，我们可以使用无限滚动（Infinite Scroll）的技术。React 提供了一 ......
vue3 + TS + three初始化搭建
这段时间一直在学习three，vue3 和TS 一直有了解但做项目都没有使用，趁着有时间，想着自己做个小demo检测所学成果。 安装three，@types/three，我使用vue创建项目，TS版本和three 不兼容，然后又下载的最新版本。 然后封装一个类，初始化场景，相机，控制器，渲染器，后期 ......
react 添加 setupProxy.js 后打不开网页
加入setupProxy.js文件后，原本访问正常的页面，显示拒绝访问 源js代码 const proxy = require('http-proxy-middleware') module.exports = function(app) { app.use( proxy('/api1', { // ......
React使用useRef调用子组件方法
### **前情** 公司前端主技术栈是react系，最近在提取组件的时候想到vue可以通过ref获取子组件，再调用子组件的方法，于是想在react中实现同样效果。 ### 实现原理 父组件调用useRef获取ref对象，再通过属性把ref对象传入子组件，子组件通过useImperativeHand ......
transition动画和transition-group动画组
## 1. transition 和 transition-group 介绍 * transition 会在一个元素或组件进入和离开 DOM 时应用动画 * transition-group 会在一个 v-for 列表中的元素或组件被插入，移动，或移除时应用动画 * 区别 ![](https://i ......
推荐一个react上拉加载更多插件：react-infinite-scroller
在开发网页和移动应用时，经常需要处理大量数据的展示和加载。如果数据量非常大，一次性全部加载可能会导致页面卡顿或崩溃。为了解决这个问题，我们可以使用无限滚动（Infinite Scroll）的技术。React 提供了一个方便的组件库，即 react-infinite-scroller，它可以帮助我们实 ......