Google Map在React中的使用
为了应对海外业务原本的项目中的聚合标记需要使用全英文底图,最终选择Google云平台的中的Google Map服务。 注册Google Cloud账号地址:https://developers.google.cn/ ,这里网络不好需要科学工具。注册使用google邮箱,并且需要提供海外的信用卡如visa,完成验证 获取apikey在Google Map platform创建应用可以获取APIkey 安装 vis.gl/react-google-map123npm insstall vis.gl/react-google-map oryarn add vis.gl/react-google-map 引入Google Map123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657import React from 'react';import {createRoot} from...
react项目中如何进行组件的懒加载
有时候我们在项目中引入组件:import *** from ‘url’,一般都是这样引用的,但是有时候们的组件加载比较缓慢,就会出现整体白屏的情况,非常影响体验,还好react为我们提供了方法。 123456789//在组件外u调用lazyconst SomeComponent = lazy(()=>import('url'))export function App(){ return ( <Suspensse fallback={<Loading/>}> <SomeComponent/> </Suspensse> )} 把需要懒加载的组件都这样引入,页面加载的时候就会先展示Loading,而不影响其他的组件加载。
git常见命令
常见 git 命令 创建一个仓库git init,该命令可以创建一个 .git 存储库。只需在目标目录右键打开 Git Bash Here 并运行命令。 要将文件添加到存储库git add <file name> 克隆线上仓库git clone <url>,url 是仓库地址。 查看文件跟踪状态git status,这个命令会显示仓库目录下所有文件的状态,包括已修改、未跟踪、已提交、未提交等。 链接远程仓库git remote add origin <url>,url是项目地址。 提交文件git commit -m 'XXXXX',xxx是提交的信息。 推送git push -u origin master,第一次这样推送后,后面可以直接简写 git push 。 常见选项 -u / –set-upstream设置跟踪关系,即将本地分支与远程分支关联起来,这样后面的推送就可以省略远程仓库名称和分支名称git push -u origin master -force /...
深入解析 .gitignore 文件语法规则
在Git版本控制中,.gitignore文件用于指定git忽略哪些文件和目录。通过忽略不必要的文件可以减少代码库的混乱,提高代码管理效率。 基本语法 注释任何以#开头的行为都会被认为是注释,git会忽略这一行。# 这是一个注释 空行 空行会被git忽略,可以用于增加文件的可读性。 12345# 忽略所有的 .log 文件*.log# 忽略node_modules 目录node_modules/ 匹配文件名可以使用简单的文件名或路径匹配规则来制定忽略的文件和目录。 12345# 忽略特定文件temp.txt# 忽略特定目录build/ 通配符星号(*)星号匹配零个或多个任意字符。 12# 忽略所有以 temp 开头的文件 temp* 问号(?) 问号匹配任意一个字符。 12# 忽略以所有a开头、任意一个字符结尾的文件a? 方括号([]) 方括号匹配指定范围内的任意字符。 12#...
高德和百度地图在项目中的应用
最近的项目开发中发现高德地图和百度地图的底图都没有英文版本高德地图在之前的1.4.15版本api还可以设置语言setLang,但是升级到2.0之后反而去掉了这一API,并且在国外的地图显示不全,然后被百度地图放大后仍然显示正常,甚至可以具体到某个街道。 两者都支持react项目。如果我们的设备给出的定位信息是gps模块,那么使用的就是WSG84坐标系如果使用被百度地图,国内想要正常显示位置,就需要转换为BD09坐标系。 如果我们的地图没有正常显示,可能是没有高度
’**** & 0xf‘有什么作用?
例如: 0x1234 & 0xff0x1234二进制表示:00010010001101000xff 二进制表示:00000000111111110&0 = 0;0&1=0;1&1=1,两个二进制数据每位都进行 & 计算,其实就相当于 取0x1234 的低八位数据。
Ant Design Pro 踩坑记录
antdpro单个路由的布局问题 项目中现在需要对一个单独路由设置不同的布局,比如隐藏掉左侧的菜单栏side组件 官网给出的是这样的 但是并不会生效,应该是这样的 123456789101112131415export default [ { path: '/product', // 不展示菜单 menuRender: false, name: '产品管理', }, { path: '/list/:id', // 编辑的时候使用顶部菜单 layout: 'top', name: '列表详情', parentKeys: ['/product'], },]; 链接在这——[菜单的高级用法-根据路径更换布局](菜单的高级用法 - Ant Design Pro)
vue2和vue3中的watch的区别
Vue2中watch使用方法在有些情况下,我们需要在状态变化时执行一些“副作用”:例如更改 DOM,或是根据异步操作的结果去修改另一处的状态。下面是两种侦听属性的写法: 12345678910111213141516171819202122export default { data(){ return{ value:1, form:{ name:"zhangsan" } } }, watch:{ value:{ handler(newValue,oldValue){ console.log(newVaalue,oldValue); } }, ...