永不满足的求知者-CSDN博客

申请百度账号登录百度地图开放平台，控制台–》应用管理–》我的应用–》创建应用选择浏览器端完成后即可获取AK开发文档文档很详细添加覆盖物用法point即为坐标： const point= new BMap.Point(longitude, latitude)name即为展示地区名称count即可展示数量id即为唯一标识直接使用后台返回的地区唯一标识即可zoom为地图放大比例// 创建区、镇覆盖物createCircle(point, name, count, id, zoo..

2022-04-05 15:41:27 1283

原创将获取城市数据按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..

2022-04-05 15:34:27 979

原创 react使用CSS Modules解决组件间样式覆盖问题

CSS Modules● CSS Modules通过对CSS类名重命名，保证每个类名的唯一性，从而避免样式冲突的问题● 所有类名都具有“局部作用域”，只在当前组件内部生效● CSS Modules● 命名： BEM(Block块、Element元素、Modifier三部分组成)命名规范，比如：list_item_active● 在React脚手架中演化为：文件名、类名、hash（随机）三部分，只需要指定类名即可[filename]_[classname]__[hash]// 类名.error

2022-04-05 15:29:36 1657

原创 H5中的地理位置API

● 在Web应用程序中获取地理位置● 通过navigator.geolocation对象提供，通过getCurrentPosition方法获取navigator.geolocation.getCurrentPosition(position => { // position 对象表示当前位置信息 // latitude 纬度 / longitude 经度 // accuracy 经纬度的精度 altitude 海拔高度 altitudeAccracy 海拔高度的精度 // he

2022-04-05 15:25:51 188

原创 flex布局，justify-content: right失效

兼容查询浏览器使用93及以上版本

2022-03-18 18:00:09 1124

原创隐藏滚动条

.wrapper::-webkit-scrollbar{ display: none;}

2022-02-05 11:27:07 377

原创快捷生成多行类似代码

h1{好好学习，天天向上}*30

2022-02-05 11:16:33 359

原创 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.

2022-01-10 21:51:38 228

原创 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>点击.

2022-01-10 10:11:39 944

原创 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=方正仿宋_..

2021-11-19 16:51:27 2345

原创 css实现鼠标悬浮显示禁用图标

以下两种方式都可以实现cursor:not-allowed;cursor:no-drop;

2021-11-02 16:30:23 3378

原创 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:.

2021-09-26 11:32:48 110

原创 cnpm : 无法加载文件 D:\SoftWare\NodeJS\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。

安装好cnpm后在vscode无法使用这里是因为没有权限，需要用管理员身份进行运行并授权找到管理员执行命令set-ExecutionPolicy RemoteSignedY再去试试 cnpm install ，已经没问题了

2021-09-14 15:25:47 2239

原创 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,.

2021-08-13 09:22:48 667 1

原创 Vue弹框中使用tinymce只有第一次可使用，后续就获取不到光标，只有刷新后才能再次使用

原因：在弹框出现之前tinymce就创建了解决在tinymce编辑器外层加v-if<div class="ruleDiv" v-if="editversion"> <editor v-model="myValue" :init="init" :disabled="false"></editor></div>在弹框version设置为true后，设置editversion为truethis.$nextTick(() => { th.

2021-08-04 11:16:29 2005

原创 js使用正则将金额格式化（逗号隔开）

12345678.88 格式化为 12,345,678.88\B：匹配非单词边界(?=)：正向零宽断言\d{3}：匹配三个数字字符+：与前面的\d{3}结合表示匹配3的整数倍个数字字符$：字符串结尾所以合起来的意思就是：匹配单词中的某个位置，这个位置之后的字符全部为数字，且出现次数是3的整数倍。function format(val){ var str = val.toFixed(2) + ''; var sum= str.substring(0,str.indexOf(".")).

2021-08-03 15:03:15 1152

原创 js使用正则匹配-下划线转驼峰，驼峰转下划线

下划线转驼峰function toHump(str) { return str.replace(/\_(\w)/g,function(match,letter) { return letter.toUpperCase() })}驼峰转下划线function humpTo(str) { return str.replace(/([A-Z])/g,function(match) { return '_' + match.toLowerCase

2021-08-03 11:24:11 1015

原创 tinymce富文本工具栏图标显示!not found！

tinymce富文本编辑器，页面没有显示编辑器的图标，而是显示！not found！，查看控制台显示Uncaught SyntaxError: Unexpected token '<'页面引入import 'tinymce/icons/default'

2021-08-03 10:41:28 518

原创 Vue导出word附表部分横向显示(承接上一篇Vue纯前端导出word)

Vue纯前端导出word直通车1. 引入jsimport htmlDocx from "@/utils/html-docx";2. page-break-before:always;mso-break-type:设置页面分页导出之前设置附表样式添加<br clear=all style='page-break-before:always;mso-break-type:section-break'>if (item.nodeName == "H1" && ite

2021-07-14 15:09:51 497

空空如也

空空如也