L863683305-CSDN博客

原创 react中设置页面警示效果

js文件:const [triggerStyle, setTriggerStyle] = useState(null)return( <div className={`wrapper_${triggerStyle}`}> <div className={`main_${triggerStyle}`}> <组件1/> ... </div> </div>)css文件：.wrapper_normal { disp

2022-04-25 16:39:57 242

原创 react中基于Antd Mobile封装Toast组件支持自定义背景色

react中基于antd Mobile封装Toast组件支持自定义背景色js文件：import {Toast} from "antd-mobile";import './index.css';/** * custom_toast_error: error * custom_toast_warn: warn * custom_toast_normal: normal * */export const customToast = ({className, text, duration =

2022-04-25 16:25:06 1112

原创 Vue中使用百度地图做路径分析并根据起终点坐标模拟道路里程桩

1.我们先要在vue中引入百度地图的API第一步：在vue中的index.html文件中加上一个script标签：<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你在百度地图申请的秘钥"></script>第二步：在你的build>webpack.base.con...

2020-03-28 22:51:18 3773

原创 Vue中使用echarts的折线图且X轴为动态时间轴

1.如何在Vue中引入echarts？我这里是通过安装命令：yarn add echarts --save注意：还有一种使用方法：yarn add echarts vue-echarts不过本人不太喜欢第二种，所以这里主要说第一种.2.开始使用第一步：我们在相应文件夹下建一个JS文件夹（我记得vue好像有一个就近维护原则）在JS文件下创建一个myCharts.js文件。im...

2020-02-17 20:04:30 4844

原创 ES5、ES6的四种继承方法

ES5、ES6的四种继承众所周知，在ES6之前，前端是不存在类的语法糖，所以不能像其他语言一样，使用extends关键字就搞定继承关系，需要一些额外的方法来实现继承。一. 原型链继承function Parent(){ this.name = 'mortal'}Parent.prototype.getName = function(){ console.log(this....

2020-01-27 13:09:47 1180

原创 React基础知识学习

React是由Facebook进行维护的。React是什么？React是一个声明式，高效且灵活的用于构建用户界面的JavaScript库，使用React可以将一些简短、独立的代码片段组合成复杂的UI界面，这些代码片段被称为”组件“。React语法jsx语法React框架主要使用jsx语法（js混合html一起书写的）。但是它又和html语法不太一样，和XML语法比较相似。①标签必须要...

2020-01-22 00:08:52 286

原创 Webpack基础知识学习

vue全家桶vue技术栈：vue + vue-router + vuex + vue-cli + Es6 + webpack + UI + nodeWebpack在vue-cli中已经配置的比较好。webpack是JS应用程序的打包器，把项目进行打包处理。webpack功能：代码转换 ts==》js scss，less==》css文件优化压缩合并代码校验检...

2020-01-19 23:13:08 577

原创在vue中如何使用定时器去执行一个数组里的几个函数

直接上代码<template> <div class="hello" style="position: relative"> <div class="box1" v-show="box1" style="width: 100px;height: 100px;background: red;position:absol...

2020-01-14 23:11:41 830

原创如何在vue中调取百度地图

前言最近公司有一个项目，需要用到百度地图，百度地图有一个比较好的地方，有一个定制个性地图的功能，自己可以根据需要，定制特定地物的颜色，以及地图的背景颜色，等等，在项目中使用还是比较方便的。注意：想要调取百度地图的服务，也要申请一个ak值。话不多说，开搞！1.如何在vue中调取百度地图百度开发者平台已经封装了基于vue的地图组件，详细的使用方法，我们可以参考官网。vue-baidu-ma...

2020-01-12 21:57:58 549

原创在vue中使用ArcGIS API调取天地图底图并与ArcGIS Server发布的矢量瓦片相叠加

1.如何在vue中使用ArcGIS API在vue中想要让Webpack认识ArcGIS API需要安装esri-loader。第一步：通过npm安装esri-loader安装命令：npm install esri-loader -S第二步：在需要使用ArcGIS API的页面进行引入HTML部分：（注意：地图是要挂载在dom元素上的）<template> <div...

2020-01-11 23:12:23 4152

原创在vue中用openlayers调取天地图服务并动态选择各个省份的中心，及行政边界

在vue中用openlayers调取天地图服务并动态选择各个省份的中心，及行政边界vue这块我就不说了，直接讲openlayers。1.openlayers是什么？Openlayers是一个专为Web GIS客户端开发提供的JavaScript类库包，用于实现标准格式发布的地图访问。Openlayers支持的地图来源包括Google Maps、Yahoo、Map、微软Virtual Ear...

2020-01-11 17:47:36 2596 3

原创 echart基础知识学习

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2020-01-10 23:03:34 513

L863683305的博客