React App项目打包成app后白屏 在package.json中设置homepage值为‘.’{ "name": "react-demo", "version": "0.1.0", "homepage": "."}react-router必须使用HashRouter
React开发App中使用百度地图 申请百度账号登录百度地图开放平台,控制台–》应用管理–》我的应用–》创建应用选择浏览器端完成后即可获取AK开发文档 文档很详细添加覆盖物用法point即为坐标: const point= new BMap.Point(longitude, latitude)name即为展示地区名称count即可展示数量id即为唯一标识直接使用后台返回的地区唯一标识即可zoom为地图放大比例// 创建区、镇覆盖物createCircle(point, name, count, id, zoo..
将获取城市数据按ABCD顺序排列 后台返回的数据 (数组返回所有 城市数据)[{"label":"北京","value":"AREA|88cff55c-aaa4-e2e0","pinyin":"beijing","short":"bj"},{"label":"安庆","value":"AREA|b4e8be1a-2de2-e039","pinyin":"anqing","short":"aq"},{"label":"南宁","value":"AREA|2bc437ca-b3d2-5c3c","pinyin":"nanning","sho..
react使用CSS Modules解决组件间样式覆盖问题 CSS Modules● CSS Modules通过对CSS类名重命名,保证每个类名的唯一性,从而避免样式冲突的问题● 所有类名都具有“局部作用域”,只在当前组件内部生效● CSS Modules● 命名: BEM(Block块、Element元素、Modifier三部分组成)命名规范,比如:list_item_active● 在React脚手架中演化为:文件名、类名、hash(随机)三部分,只需要指定类名即可[filename]_[classname]__[hash]// 类名.error
H5中的地理位置API ● 在Web应用程序中获取地理位置● 通过navigator.geolocation对象提供,通过getCurrentPosition方法获取navigator.geolocation.getCurrentPosition(position => { // position 对象表示当前位置信息 // latitude 纬度 / longitude 经度 // accuracy 经纬度的精度 altitude 海拔高度 altitudeAccracy 海拔高度的精度 // he
JS数组去重 1. 对数组本身去重循环去重(复杂)function unique(array){ for(let i = 0; i< array.length; i++){ for(let j=i+1;j<array.length;j++){ if(array[i] === array[j]){ array.splice(j,1); j--; } } }}const array = [1,2,3,5,4,3,2,5]unique(array)console.
js点击实现一键复制到剪切板 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>点击.
Vue使用Tinymce富文本编辑器自定义toolbar按钮 这里我增加了收缩的按钮 init: { language: "zh_CN", skin_url: "/tinymce/skins/ui/oxide", height: "100%", fontsize_formats: "8pt 10pt 12pt 14pt 16pt 18pt 24pt 36pt", font_formats: "微软雅黑=Microsoft YaHei;方正仿宋_GBK=方正仿宋_..
ECharts渐变柱状图折线图备用 option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#283b56' } } }, color: ['#269eff'], legend: {}, xAxis: [ { data: [1,2,3,4,5,6,7,8,9], axisTick:.
cnpm : 无法加载文件 D:\SoftWare\NodeJSode_global\cnpm.ps1,因为在此系统上禁止运行脚本。 安装好cnpm后在vscode无法使用这里是因为没有权限,需要用管理员身份进行运行并授权找到管理员执行命令set-ExecutionPolicy RemoteSignedY再去试试 cnpm install ,已经没问题了
ECharts双层环形图备用 var datas = { value: 78, company: "%", ringColor: [ { offset: 1, color: "#FFF4DF" // 0% 处的颜色 }, { offset: 0, color: "#FFF4DF" // 100% 处的颜色 } ]};option = { grid: { left: 0, bottom: 0, top: 0,.