Three.js和React中的滚动,折射和着色器效果 探索如何使用react-three-fiber-fiber,并结合一些常用技术来创建具有Shader效果的Three.js驱动的布局。 保罗·亨舍尔(Paul Henschel)。 安装 yarn yarn start 学分 图片来源: 和 基于钻石折射
2022-09-01 13:57:19 2.49MB JavaScript
1
ReactjsPlayer 基于 react hooks 的 video 播放组件,结构简单,代码简洁,扩展方便。 特点 ReactjsPlayer 遵循 少即是多(Less is more) 的设计原则,具有以下特点: 结构简单:使用 react hooks 做状态管理,将不同的状态拆分到不同的 react custom hooks 中,ReactjsPlayer 中进行组合 扩展方便:扩展时实现对应的 react custom hooks 并在 ReactjsPlayer 中根据条件进行加载 代码简洁:只做播放器内部的状态管理和控制栏显示与控制 理解容易: ReactjsPlayer 事件基于 vidoe 进行扩展,减小理解成本 接口统一:ReactjsPlayer 与 GrindPlayer 封装了统一的状态和方法,并通过 ReactPlayerContext 导出 使用相对复杂:
2022-08-30 14:22:31 2.36MB hooks reactjs hlsjs flvjs
1
设置 Kafka 集群并创建主题: 启动 Zookeeper 和 Kafka 服务器 创建主题“演示主题” 运行示例生成器: 如果需要,更新 SampleProducer.java 中的 BOOTSTRAP_SERVERS 和 TOPIC 编译并运行 reactor.kafka.samples.SampleProducer(例如,从 IDE 作为 Java 应用程序)) 运行示例消费者: 如果需要,更新 SampleConsumer.java 中的 BOOTSTRAP_SERVERS 和 TOPIC 更多详情、使用方法,请下载后细读README.md文件
2022-08-29 13:03:35 944KB React 驱动
1
Search UI:开箱即用的React搜索界面库
2022-08-25 14:11:45 1.32MB React开发-UI框架
1
该项目是通过引导的。 您将在下面找到一些有关如何执行常见任务的信息。 您可以在找到本指南的最新版本。 目录 自动格式化代码 更改页面<title> 安装依赖项 导入组件 代码分割 添加样式表 后处理CSS 添加CSS预处理器(Sass,Less等) 添加图像,字体和文件 使用public文件夹 更改HTML 在模块系统之外添加资产 何时使用public文件夹 使用全局变量 添加引导程序使用自定义主题 增加流量 添加路由器 添加自定义环境变量 在HTML中引用环境变量 在Shell中添加临时环境变量 在.env添加开发环境变量 我可以使用装饰器吗? 使用AJAX请求获取数据 与API后端集成 节点 Ruby on Rails 在开发中代理API请求 配置代理后出现“无效的主机头”错误 手动配置代理 配置WebSocket代理 在开发中使用HTTPS 在服务器上生成动态<met
2022-08-24 06:59:47 215KB JavaScript
1
很棒的JSON查看器JSON Viewer专业版 Chrome浏览器扩展程序,可通过出色的用户体验和选项在令人敬畏的“树和图表”视图中可视化JSON响应。 欢迎使用JSON Viewer Pro。 它是完全免费的,没有烦人的广告。 :warning_selector: 重要!!! JSON Viewer Awesome不再由我或从此存储库拥有,维护和开发。 此JSON Viewer Awesome的所有权已更改,并且在Chrome Webstore中不再可用。 产品特点 :white_heavy_check_mark: 美化来自API的JSON响应 :white_heavy_check_mark: JSON的可视化表示 :white_heavy_check_mark: 使用面包屑深度遍历JSON属性 :white_heavy_check_mark: 在输入区域中编写自定义JSON :white_heavy_check_mark: 导入本地JSON文件 :white_heavy_check_mark: 使用上下文菜单下载JSON文件 :white_heavy_check_
2022-08-20 20:33:22 774KB react chrome-extension json json-viewer
1
图表 React冰柱图
2022-08-20 20:20:18 2KB
1
待办事项React 一个使用 express、react 和 bootstrap 构建的简单待办事项应用程序。 安装 npm install 环境文件设置 我正在为我的环境文件使用 。 您需要做的就是创建一个名为 .env 的文件并在文件中设置端口。 这是一个例子 PORT=80 Express 正在 process.env.PORT 下寻找这个配置,我很快就会为此添加一个 gulp 任务 跑步 npm start 这将启动监视任务和节点服务器。 如果您好奇,您会在终端中看到更多信息 用户界面路由 /默认路由是您可以创建新列表的地方/list/:id这个路由是你可以更新列表的地方 Api 路线 /api/todolist - POST,创建一个新列表/api/todolist/:id - GET,获取你的列表/api/todolist/:id - PUT,更新你的列表
2022-08-20 16:47:36 39KB JavaScript
1
不能再让埋点继续侵入我们的逻辑了,我们需要做点什么 trackpoint-tools 埋点逻辑往往是侵入性的,我们需要将这块代码拆分出去。 幸运的是es6,es7 给我们提供了可能。 npm i trackpoint-tools --save 使用trackpoint-tools你可能会用下面的方式写埋点信息, 完全不侵入原有逻辑 class SomeComponent { @track(composeWith(ms => (element) => ajax.post(url, {ms, name: element.name}), time)) onClick (element) { return element.someMethod() } } 示例(React 全): 示例(Vue 演示): API 列表 createCounter 所有的API都满足currya
2022-08-19 15:52:17 11KB react javascript vue track
1
React本机aes gcm密码 适用于React Native的AES-GCM加密/解密 要求 iOS> = 13.0 Android> = 26 安装 npm install react-native-aes-gcm-crypto 用法 import AesGcmCrypto from 'react-native-aes-gcm-crypto' ; const key = 'Yzg1MDhmNDYzZjRlMWExOGJkNTk5MmVmNzFkOGQyNzk=' ;\nAesGcmCrypto . decrypt (\n 'LzpSalRKfL47H5rUhqvA' , key , '131348c0987c7eece60fc0bc' , '5baa85ff3e7eda3204744ec74b71d523' , false ) . then ( ( decrypted
2022-08-14 23:19:24 1.65MB cryptography react-native Java
1