- 博客(42)
- 收藏
- 关注
RSS订阅
原创 改变数据后，下载成为json格式
获取数据后，下载成为json格式// console.log(this.A) setTimeout(() => { this.saveShareContent(this.A,'qy.json') }, 1000); saveShareContent (data, filename) { if(!data) {...
2020-03-21 22:19:02
353
1
原创 基于vue,js的简单pc 音乐播放器
一.简介github地址：https://github.com/YXYCZXY/music根据github上的http://www.daiwei.org/components/d-audio/来制作的他的是使用纯ES6来写的，我是通过改写他的，使用VUE来做出来。目前在自学VUE 做的比较粗糙 代码写的烂写这个说明 是为了防止自己忘记些逻辑 总结一下知识点 希望他人看到我这个说明也能做出...
2019-09-02 13:24:25
1766
原创 vue3安装使用less
安装cnpm i less less-loader --save-dev使用报错解决问题版本问题？“less”: “^3.13.1”,“less-loader”: “^5.0.0”,跟换版本行了
2021-04-08 17:06:50
1250
原创 openlayers自定义投影瓦片
环境后端输出 阿伯斯投影下的瓦片地图路径：http://localhost:5000/tiles/file/z/x/y.png前端：需要重定义投影方法 //定义投影 proj4.defs( 'EPSG:102028', '+proj=aea +lat_1=27 +lat_2=45 +lat_0=35 +lon_0=105 +x_0=0 +y_0=0 +ellps=WGS84 +datum=WGS84 +units=mm +no_defs'
2021-03-16 09:44:35
584
原创 使用openlayers投影阿伯斯（Albers）
ps:实习第一周因业务需求需要使用阿伯斯投影你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示
2021-03-09 12:03:20
806
原创 VUE中使用mapbox插件 Compare 出现的问题
VUE中使用mapbox插件# mapbox-gl-compare实现在两个地图之间滑动和同步。安装npm i mapbox-gl-compare -Dnpm i mapbox-gl-sync-move -D导入import mapboxgl from ‘mapbox-gl’import Compare from ‘mapbox-gl-compare’出现问题var map = new mapboxgl.Compare(beforeMap, afterMap, container, {
2021-03-04 14:05:56
1044
6
原创 node使用post出现 req.body为空
出现这种问题的三种可能1 npm install --save body-parserpost插件没安装2 Postman输入的格式要为json格式才行 否则需要设置特定参数3 前端post请求头格式需要对应几种content-type格式1application/x-www-form-urlencoded常用的默认原生Form表单2multipart/form-dataForm 表单的 enctype 设置为multipart/form-data，它会将表单的数据处理为一条消息
2020-11-15 16:58:35
763
原创 Vue 使用Leaflet实现地图画矩形查询
直接上代码 const latlngs = []; map.on('mousedown', onClick); //点击地图 map.on('mouseup', onDoubleClick); function onClick(e) { console.log(e,'??cc') if (ty
2020-10-20 11:39:59
1709
4
原创 geoserver安装部署
1 需要材料jdk 安装包 官网：oracle.com/java/technologies/javase/javase-jdk8-downloads.htmlgeoserver 安装包 官网：http://geoserver.org/2 我使用的3 安装3.1 jdk环境配置自行百度3.2 geoserver环境配置建议包都放在c盘 不然可能会出错3.3 安装管理员权限运行此文件就行3.4 本次遇到个问题报错 Unsupported major.minor version 52
2020-09-22 16:10:30
308
原创 使用百度地图api 查询地名得到经纬坐标
说明：解析json文件中的地名，通过百度地图api获取到经纬坐标并下载代码简单写的利用到的东西百度地图apivueaxiosjson开始json数据页面：代码：<template> <div class="hello"> <button @click="host">cccccccccccccccccc</button> <button @click="add">+1</button>
2020-09-08 20:04:43
967
原创 Vuex学习
vuex是什么是为vue提供的状态管理模式在我看来也就是：全局变量 方法使用存储状态组成state（仓库）存放状态mutations 成员操作actions 异步操作modules 模块化状态管理解释state用于定义数据mutations对state数据进行操作携带2个参数**([state] [,payload])**state是当前VueX对象中的statepayload是该方法在被调用时传递参数使用的外界调用：this.$store.commi
2020-08-29 17:02:51
115
原创 session和cookie node中使用
session和cookie无状态的HTTP协议协议，是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则，超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器。HTTP协议是无状态的协议。一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接。这就意味着服务器无法从连接上跟踪会话。会话（Session）跟踪会话，指用户登录网站后的一系列动作，比如浏览商品添加到购物车并购买。会话（Session）
2020-08-19 16:36:56
99
原创 项目构建 node学习笔记（五）
项目构建视频推荐：https://www.bilibili.com/video/BV1Ns411N7HU路由设计请求方法请求路径get参数post参数备注GET/studens渲染首页GET/students/new渲染添加学生页面POST/studensname\age…处理添加学生请求GET/students/editid渲染编辑页面POST/studens/editid…处理编辑页面GET/stud
2020-08-19 16:28:42
145
原创 中间件 node学习笔记（四）
中间件中间件主要是指封装所有Http请求细节处理的方法。各种请求方法封装在单独的文件中类似模块化吧[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-asJXAhGw-1597825657647)(C:\Users\yxy\AppData\Roaming\Typora\typora-user-images\image-20200818212656702.png)]express的中间件不关心请求路径和请求方法的中间件也就是说任何请求都会进入这个中间件中间件本身
2020-08-19 16:28:04
87
原创 Mongo DB node学习笔记（三）
Mongo DB参考：https://www.runoob.com/mongodb/mongodb-tutorial.htmlMongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。关系型数据库和非关系型数据库表就是关系或者说表与表之间存在关系所有的关系型数据库都需要通过 sql 来操作所有的关系型数据库在操作之
2020-08-19 16:27:16
130
原创 回调函数 promise async/await全分析
回调函数获取异步操作的结果[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Npm0qfLK-1597825523779)(C:\Users\yxy\AppData\Roaming\Typora\typora-user-images\image-20200616001045674.png)]不成立情况 function add(x,y) { console.log(1) setTimeout(() => { console.log(2) var
2020-08-19 16:26:04
623
原创 ES6 find和findIndex和filter
ES6 find和findIndex和filterfindfind接收一个方法作为参数 方法内部返回一个条件find会遍历所有元素 执行给定的带有条件返回值的函数符合该条件的元素会作为 find方法的返回值不符合条件 返回undefined使用 //es6 方法 find //当某个遍历项符合 item.id === student.id find就和停止遍历 同时返回 var stu = students.find(function (item) {
2020-08-19 16:25:04
117
原创 Node中实现重定向学习笔记（二）
Node中实现重定向推荐视频：https://www.bilibili.com/video/BV1Ns411N7HUheader(‘location’) res.statusCode = 302 res.setHeader('Location','/')301 永久重定向 浏览器记住a.com b.coma浏览器不会请求a了直接跳转b302 临时重定向 浏览器不记忆a.com b.coma浏览器还会会请求a了a告诉浏览器请求b...
2020-08-19 16:24:26
147
原创 Node.js初步学习笔记（一）
Node.js推荐视频：https://www.bilibili.com/video/BV1Ns411N7HUeach 和 forEacheach <ul class="list-group"> {{each comments}} <li class="list-group-item">{{$value.name}}.Say:{{$value.message}} <span class="pull-right">{{$value.d
2020-08-19 16:23:28
119
原创 VUE+Element 表格点击变色
:row-class-name="tableRowClassName" :row-style="selectedstyle" 行下标代码 selectedstyle ({row, rowIndex}) { if ((this.getIndex) === rowIndex ) { return { "background-color": "#85ce61" };...
2020-07-31 18:04:33
1574
原创 vue+arcgis 使用geojson生成地图
1安装npm install esri-loader -S2代码<template> <div class="pagesearch4" style="width:100%;height: 100%;"> <d2-container better-scroll> <div id="myChart" style="width:100.1%;height: 100.1%;"> </div&
2020-07-29 15:49:35
1005
原创 百度地图信息窗口设置 监测信息窗口的打开和关闭
设置信息窗口样式设置好的信息窗口代码 直接粘贴就行.BMap_cpyCtrl { display: none;}.anchorBL { display: none;}.BMap_bubble_title { color:white; font-size:13px; font-weight:bold; text-align:left; padding-left:5px; padding-top:5px; border-bottom:1px solid gray; ba
2020-07-21 11:17:58
3221
原创 超易懂云服务器发布vue+node
说明我这个只是最简单的借鉴了各种博客、视频等等开始首先要有个云服务器我的是阿里云 系统：centos 7步骤1、远程连接服务器 进入终端页面2、将node代码传入服务器先安装git使用git 将github上代码拷贝下来注意：要先在服务器上生成ssh密钥 存储到github上3、安装并使用pm2安装npm install -g pm2启动pm2 start app.js -i max启动后台curl http://127.0.0.1:3000PM2常用命令
2020-05-26 01:14:46
105
原创 arcgis api 展示地图标注 点图层
效果方法 //创建地图 _createMapView: function () { const _self = this; //定义一个_self防止后续操作中this丢失 const option = { //定义一个包含有JS API中js开发包和css样式文件的对象 url: 'http://js.arcgis.com/4.15/dojo/dojo.js', css: 'https://
2020-05-26 00:35:37
968
1
原创 百度地图结合inmap结合大数据生成 栅格网 进行计算
效果功能1百度api 搜索代码： searchmap(inmap){ var map = inmap.getMap() let that = this function G(id) { return document.getElementById(id); }
2020-05-26 00:15:11
590
原创 Vue + element 实现表单提交 分页实现 搜索实现 （纯前端）
Vue + element 实现表单提交 分页实现 搜索实现一、项目介绍二、用到的技术1、 vue+element2、 vuex存储数据3、 分页功能 搜索功能4、 过滤器 生命周期理解三、技术详解1、vue+element1.1 基础布局使用了1.2 使用element自带表单1.3 页面使用element自带的栅格布局 利用card来写框2、vuex2.1 v...
2020-04-21 18:25:54
3766
1
原创 输入2点经纬度，安装1公里计算出线路上经纬度
1.根据2点经纬度计算2点距离（单位公里） //经度1 let j1 = 114.3052500 let startLon = (Math.PI / 180) * j1 ; // 纬度1 let w1 = 30.592760 let startLan = (Math.PI / 180) * w1; for(let ...
2020-03-21 22:24:01
221
原创 命名规范
命名规范BEM命名规范BEM 的意思就是块（block）、元素（element）、修饰符（modifier）.site-search {} /* 块 */.site-search__field {} /* 元素 */.site-search--full {} /* 修饰符 */eg：<nav class="nav"> <a href="#" class="na...
2019-10-29 13:29:52
139
原创 JS深入之数组去重
本篇文章打算写一下关于数组去重的常用的七种方法。参考文章：冴羽的博客一.Set()ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, ...
2019-10-29 10:37:26
96
原创 JS深入之节流（throttle ）
参考文章：github上冴羽的博客什么是节流（throttle ）所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数。节流会稀释函数的执行频率。节流的实现有2种主流方法实现节流：一种是使用时间戳，一种是设置定时器时间戳<body> <div id="container"></div> <script> ...
2019-10-28 11:12:54
520
原创 JS深入之防抖（debounce）
什么是防抖在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖） 和 throttle（节流） 的方式来减少调用频率，同时又不影响实际效果。防抖原理你尽管触发事件，但是我一定在事件停止触发 n 秒后才执行。这意味着如果你在一个事件触发的 n 秒内又触发了这个事件，那...
2019-10-28 10:43:51
216
原创 实现数组随机抓取数据 实现比赛抽签功能
目的是想要实现点击按钮 随机实现比赛的抽签效果：实现小组赛抽签：抽取8个不重复的 进行随机放置半决赛抽签这个由于是根据小组赛2进1进行的 所以说半决赛队伍是从上一个小组赛中产生的因为我8个小组是通过[]获取的所以我半决赛队伍获取 通过取0·1 2·3.。。。间的随机数就能随机选择一个队伍决赛也是和半决赛同样操作svg这里面我使用的svg来实现动态面状 points对应的...
2019-09-11 13:45:53
815
1
原创 基于D2Admin 简化模板自己做的前端系统 （三）
简介点击各院简介 跳转到各院详情页页面详情表单轮播图echarts图表翻转动画一.功能介绍1.1表单展示通过el-table展示数据1.2轮播图轮播图是我自己写的一个组件组件布局图片地址 记得加requirenext 下一张方法通过imgNum来获取图片的prev 上一张方法play 自动播放图片使用了这个方法this.sendTimer =...
2019-09-06 16:32:01
917
原创 基于D2Admin 简化模板自己做的前端系统 （二）
各院简介部分功能实现布局选择这个布局 可以进行拖拽 大小控制我通过参数控制 使大小位置固定了各卡片展示的内容功能实现**一.**通过循环展示出8张卡片**二.**通过下标展示不同信息**三.**实现点击卡片跳转到目标页面这里写的很简洁 后续更新 应该可以使用动态路由来跳转...
2019-09-06 16:19:12
1074
原创 基于D2Admin 简化模板自己做的前端系统 （一）
一.起因学习了一段时间vue 想自己做个项目来检测自己学习的程度下面就开始介绍了二.首页2.1系统介绍这个是基于D2Admin来做的这个系统感觉很不错建议去看看D2Admin封装了各种好用的东西2.2首页制作使用了其中的这个布局方式滚动优化指滚动条优化2.3长短内容展示点击有两种不同展示 使用到了marked 内容是md文件展示的各种布局 组件的使用D2Admi...
2019-09-06 16:11:28
1344
原创 axios遇到 post 500 错误 和delete patch 404错误
问题描述使用post报错 500不知道原因 经过我的各种尝试 发现了我的问题我的json中没有id这个属性，我加了id就可以用了使用delete patch 报404错误不知道什么情况虽然报404 但我点击链接能看到我json数据解决方法通过获取到值对应的id值 来获取地址这样就不报错404了关于axios的增删查改详细写在我另一篇博客上了https://blog....
2019-09-06 15:04:36
1379
原创 基于D2Admin 简化模板自己做的前端系统 （四）
实现各队人员 的增删查改一.功能简介点击这个进行选择 选择不同展示不同展示的样子 实现增删查改二代码分析2.1学院选择通过element的el-select实现选择下拉框操作 设置value对应学院watch通过vue的watch实现动态检测vaule的值来展示数据 value==1 调用函数axios的get 查找数据这里需要注意一下 因为我数据展示需要排序 队...
2019-09-06 14:58:50
1524
原创 axios 的简单增删查改 使用json-server启动的josn
使用axios 获取json-server启动的json数据 进行增删查改一.启动json-server1.1启动json-server是用来模仿后台接口而使用的。安装：npm install -g json-server安装完成后cd 到json的文件目录下 启动我为了方便启动在package.json中设置了命令 "dx": "json-server --watch src/...
2019-09-06 14:17:41
1587
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人