- 博客(342)
- 收藏
- 关注
原创 Rn开发社区推荐组件
类型推荐组件构建工具expo导航@react-navigation/native安全区域react-native-safe-area-context图标@expo/vector-icons抽屉react-native-drawer-layoutTab选项react-native-tab-view手势react-native-gesture-handler动画react-native-reanimated页面滑动react-
2023-10-17 11:57:31 649
原创 Rn实现省市区三级联动
省市区三级联动选择是个很频繁的需求,但是查看了市面上很多插件不是太老不维护就是不满足需求,就试着实现一个。下面只贴了省市区选择的功能,全部代码可参考。功能略简单,但能实现需求。这个功能无任何依赖插件。核心代码也尽力控制在了。
2023-08-30 11:44:26 500
原创 Vue3封装函数组件(ElImageViewer)预览图片
/ api文档:https://element-plus.org/zh-CN/component/image.html#image-viewer-attributes。//自定义函数组件无法使用全局组件,需要单独引入。//传入createApp中移除节点的方法。// 监听显示的消失,需要移除dom。
2023-07-27 11:53:42 898
原创 Rn引入NativeBase组件库并自定义主题色
在查看expo文档的时候,发现它推荐了好几款组件库,我全部查看了一遍后,觉得NativeBase是比较好用的,且一直都在维护中,所以决定引入查看效果。
2023-05-11 13:41:05 693 1
原创 MySql安装配置(zip版)
变量名:MYSQL_HOME。在安装路径下执行cmd,输入。在任务管理器中,服务项中就有。需要cmd以管理员身份运行。选择当前系统进行下载。,删除配置的环境变量。
2022-10-21 11:35:48 390
原创 ffmpeg.wasm前端实现多张图片合成视频
该功能主要是借助了这个库实现该项目是由创建的首先进行安装使用这时候浏览器会报错这是因为谷歌浏览器的安全策略机制改变了解决在添加,用打开因为对上传进行单独的抽离这里只展示核心代码更多源代码可以下载我的......
2022-07-07 10:11:34 2006 2
原创 Vue3引入pinia状态管理
pinia中文文档pinia安装pinia在引入项目目录新建做个简单的数值递增可以自己任意命名类似id的意思,使用它来将连接到在中导入
2022-06-11 11:21:02 521 1
原创 React性能优化memo+useMemo+useCallback
定义子组件Son.jsxexport default () => { return ( <div>子组件{Math.random()}</div> )}定义父组件组件Father.jsximport { useState } from "react"import Son from "@/components/Son.jsx"export default () => { const [count, setCount] =
2022-05-25 17:03:16 348
原创 Go环境搭建与开发
Go下载安装Go下载地址选择不同系统进行下载下载完成后,直接点击下一步安装即可,没有其它注意事项(不建议修改默认安装地址)打开cmd输入,检验是否安装成功go versionGo开发(vscode)vscode安装Go插件新建一个go-demo文件夹,里面新建main.gopackage mainimport "fmt"func main() { fmt.Println("hello world")}保存vscode右下角会出现插件提示安装直接全部Install就
2022-05-17 16:00:13 219
原创 React引入jszip实现多个文件打包成zip下载
安装两个插件yarn add jszip file-saver可直接复制查看效果import JSZip from 'jszip'import { saveAs } from 'file-saver'export default () => { //通过请求获取文件blob格式 function getFileBlob(url) { return new Promise((resolve, reject) => { let r.
2022-04-20 10:25:50 1557
原创 React+vite引入antd并按需引入
安装antdyarn add antd完整引入App.jsx使用.less是为了方便设置主题色import 'antd/dist/antd.less'vite.config.js设置主题色import { defineConfig } from 'vite'import react from '@vitejs/plugin-react'export default defineConfig({ plugins: [react()], css: { preprocess
2022-04-15 15:48:06 5148 1
原创 React使用Mobx/zustand状态管理
文档地址安装mobx、mobx-react-litemobx-react-lite是mobx-react的轻量级版本yarn add mobx mobx-react-lite在src目录下新建store文件夹,新增count.js文件count为共享的数据addCount为共享的方法import { makeAutoObservable } from "mobx"export default makeAutoObservable({ count: 0, addCount.
2022-04-01 11:33:37 1482
原创 react-router6.x路由配置及导航
预览效果项目目录router/index.jsximport { lazy } from 'react'const Index = lazy(() => import('@/pages/Index.jsx'))const Home = lazy(() => import('@/pages/Home.jsx'))const HomeLeft = lazy(() => import('@/pages/Home/Home-left.jsx'))const HomeRight =
2022-03-22 14:18:50 1836
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人