- 博客(345)
- 收藏
- 关注
原创 Leaflet+Leaflet-Geoman绘制天地图
安装所需依赖yarn add leaflet @geoman-io/leaflet-geoman-free<template> <div id="map"></div> <div class="handle"> <button @click="drawMap">绘制区块</button> <button @click="cancelDrawMap">取消绘制</button>
2024-08-19 11:21:10 1018
原创 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 715
原创 Rn实现省市区三级联动
省市区三级联动选择是个很频繁的需求,但是查看了市面上很多插件不是太老不维护就是不满足需求,就试着实现一个。下面只贴了省市区选择的功能,全部代码可参考。功能略简单,但能实现需求。这个功能无任何依赖插件。核心代码也尽力控制在了。
2023-08-30 11:44:26 561
原创 Vue3封装函数组件(ElImageViewer)预览图片
/ api文档:https://element-plus.org/zh-CN/component/image.html#image-viewer-attributes。//自定义函数组件无法使用全局组件,需要单独引入。//传入createApp中移除节点的方法。// 监听显示的消失,需要移除dom。
2023-07-27 11:53:42 1296
原创 Rn引入NativeBase组件库并自定义主题色
在查看expo文档的时候,发现它推荐了好几款组件库,我全部查看了一遍后,觉得NativeBase是比较好用的,且一直都在维护中,所以决定引入查看效果。
2023-05-11 13:41:05 797 1
原创 MySql安装配置(zip版)
变量名:MYSQL_HOME。在安装路径下执行cmd,输入。在任务管理器中,服务项中就有。需要cmd以管理员身份运行。选择当前系统进行下载。,删除配置的环境变量。
2022-10-21 11:35:48 435
原创 ffmpeg.wasm前端实现多张图片合成视频
该功能主要是借助了这个库实现该项目是由创建的首先进行安装使用这时候浏览器会报错这是因为谷歌浏览器的安全策略机制改变了解决在添加,用打开因为对上传进行单独的抽离这里只展示核心代码更多源代码可以下载我的......
2022-07-07 10:11:34 2201 2
原创 Vue3引入pinia状态管理
pinia中文文档pinia安装pinia在引入项目目录新建做个简单的数值递增可以自己任意命名类似id的意思,使用它来将连接到在中导入
2022-06-11 11:21:02 563 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 371
原创 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 236
原创 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 1708
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人