- 博客(41)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 CSS3 white-space 属性
CSS3 white-space 属性white-space 参数主要有pre、pre-line与pre-wrap。主要区别：pre：不会自动换行，单行走到底，直到遇到一个换行符才会换行。pre-line：会自动换行，但会把多个空格合并成一个。pre-wrap：会自动换行，会保留所有空格。...
2021-06-07 09:57:31
412
1
原创 VsCode+Node的前端环境搭建（以及中途遇到问题）
VsCode+Node的前端环境搭建安装VsCode1.首先下载vscode安装软件 https://code.visualstudio.com/downloadUser Installer：安装在当前计算机帐户目录,这意味着如果使用另一个帐号登陆计算机将无法使用别人安装的vscodeSystem Installer：可以安装在非用户目录，任何帐户都可以使用一般安装System Installer比较方便点2.VsCode设置语言包扩展中搜索Chinese，安装；重启生效；安装node
2021-05-21 08:53:18
885
1
转载 初次使用docsify
初次使用docsify如何使用1.全局安装docsifynpm i docsify-cli -g2.初始化项目docsify init ./docs3.运行docs/本地预览docsify serve docs最后访问地址：http://localhost:3000，会发现之前docs的分支下新增了三个文件。侧边栏（右侧导航）指路：https://blog.youkuaiyun.com/weixin_46096901/article/details/105813542...
2021-04-21 14:51:25
410
原创 Vue 实现弹框自由拖拽（不出可视范围、解决快速拖动问题）
Vue 实现弹框自由拖拽（不出可视范围、解决快速拖动问题）由于页面中弹框很多，往往会挡住想要查看的内容。从而，有了自由移动拖拽弹框的需求；但在使用的过程中发现，一开始编写的drag.js文件会移出可视范围，会影响项目的整体布局；并且在拖动过程中发现，快速拖动弹框时，可能会失效或者略微延后。1.在项目中新建drag.js文件，文件中代码如下（直接复制使用）（以下代码已解决移出可视范围和快速拖动延后问题，并为拖动时设置对应的鼠标样式）import Vue from 'vue';//使用Vue.direc
2021-02-22 17:21:08
6832
4
原创 如何快速去除桌面快捷方式小箭头（恢复小箭头）
如何快速去除桌面快捷方式小箭头（恢复小箭头）新建记事本，复制内容，另存为bat格式。并以管理员方式运行。reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons" /v 29 /d "%systemroot%\system32\imageres.dll,197" /t reg_sz /ftaskkill /f /im explorer.exeattrib -s -r -h "%
2021-02-21 09:49:42
356
原创 git 的使用
git的使用下拉代码第一步：将项目克隆到本地（我刚开始用的时候，真的是傻乎乎的每次下载zip包，然后解压????）克隆的地址是http的！在想拉下代码的地方，右键打开git，输入：git clone http:…(git项目的地址)...
2021-01-29 09:25:51
111
原创 vue 父子组件、兄弟组件之间的传值
vue 父子组件、兄弟组件之间的传值vue 父子组件的传值1.编写子组件2.引入写好的子组件<search-group v-if="isShowSearchGroup" :isShowOneResult="isShowOneResult"></search-group>import searchGroup from '../SearchGroup/SearchGroup.vue'; components: { searchGroup, //搜索组件},3
2021-01-10 11:06:27
272
原创 Vue+OpenLayers实践 —— 显示地图
Vue+OpenLayers实践 —— 显示地图首先自己创建一个vue项目，百度一下下，方法都有滴。安装OpenLayers依赖npm install ol全局引用ol，在main.js中引入import ‘ol/ol.css’<div id="map-div" style="width:800px;height:500px;"></div>//引入需要的东西import View from 'ol/View'import Map from 'ol/Map
2020-11-26 13:57:43
2753
原创 GeoSever的安装与部署
GeoSever的安装与部署一、安装Java进入java官网：https://www.java.com/zh_CN/点击下载直接双击，点击安装。（此处我没有修改路径）直接一步到位。安装过程中可能遇到问题在安装过程中，报了1603的错误。关闭杀毒软件，包括Win10系统自带的杀毒软件Windows Defender后，重新安装。二、环境配置安装完成后，打开cmd控制台，输入Java -version，出现版本。但是千万不要忘了配置环境。原因是安装成功了，但是环境变量没有配置。接下来要
2020-11-25 13:45:30
1069
原创 【vue】el-table格式化el-table-column内容（主要的三种方法）
el-table格式化el-table-column内容遇到一个需求，一个循环展示的table中的某项，或者某几项需要格式化。对于格式化的方法，主要有template scope、formatter；一、template scope 、v-if判断<el-table-column prop="cyxb" label="性别"> <template slot-scope="scope"> <span v-if="scope.row.cyxb == 0
2020-11-24 17:07:29
89017
9
原创 OpenLayers学习笔记（四）
OpenLayers学习笔记（四）高级篇绘制点线面var map = new ol.Map({ //底图 layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], target: 'map', view: new ol.View({ center: ol.proj.transform( [120.3
2020-11-24 15:29:40
1471
原创 【vue】scss的安装及基本用法
scss基本用法在vue项目中的引用方式，指定语言为scss<style lang='scss' scoped></style>1.变量的使用（1）以$开头声明变量（2）变量具有作用域的。（3）变量中连接符中划线和下划线是互通的。例：声明一个错误信息的颜色值<span class="error">错误文字</span><span class="error2">错误2</span><style lang="
2020-11-12 17:06:03
7755
原创 【vue】对el-table-column循环展示中的某列修改长度（利用三元表达式）
【vue】对el-table-column循环展示中的某列修改长度（利用三元表达式）循环显示表格中数据，基本长度固定。但对于某些行，换行太多，所以针对某一行，改变它的宽度。<el-table :data="djbList" border style="width: 100%; overflow: auto" max-height="150"> <el-table-column type="selection"> </el-
2020-11-11 10:05:21
3186
原创 OpenLayers学习笔记（三）
OpenLayers学习笔记（三）中级篇点击地图，弹框显示点击位置经纬度var map = new ol.Map({ layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], target: 'map', view: new ol.View({ //这儿要注意坐标系的转换 center: ol.proj.trans
2020-11-05 17:25:55
1195
原创 优快云-Markdown编辑器修改字体颜色、大小等
优快云-Markdown编辑器修改字体颜色、大小等< font face=“STCAIYUN”>我是华文彩云< /font>< font face=“楷体”>我是楷体< /font>< font color="#dd0000">红色文字< /font>< font color=“green”>绿色文字< /font>< font color=gray size=1>1的字体大小<
2020-11-05 14:08:47
193
原创 OpenLayers学习笔记（二）
OpenLayers学习笔记（二）中级篇地图的分辨率设置// 添加一个显示Open Street Map地图瓦片网格的图层new ol.layer.Tile({ source: new ol.source.TileDebug({ projection: 'EPSG:3857', tileGrid: osmSource.getTileGrid() })})OpenLayers 3提供了一个用于调试瓦片的source: ol.source.TileD
2020-11-05 11:02:05
1708
原创 OpenLayers学习笔记（一）
OpenLayers学习笔记初级篇创建一个简单的地图new ol.Map({ // 设置地图图层 layers: [ // 创建一个使用Open Street Map地图源的瓦片图层 new ol.layer.Tile({source: new ol.source.OSM()}) ], // 设置显示地图的视图 view: new ol.View({ center: [0, 0], // 定义地图显示中心于经度
2020-11-05 09:25:48
2024
原创 利税率正则表达式（利率表达式）
利率正则表达式带%的形式^(\d|[1-9]\d|100)(.\d{1,3})?%$不带%的形式^(\d|[1-9]\d|100)(.\d{1,3})?$测试链接地址https://tool.oschina.net/regex/#参考博文: https://blog.youkuaiyun.com/wujinsong2010/article/details/46119243
2020-10-29 13:54:21
1186
原创 【vue】下拉框回显问题（显示数字，实际应该显示中文）
【vue】下拉多选框回显问题前端选择显示为中文。保存后，刷新数据回显，为1。但，我想要显示的效果是文字，而且在别的需求页面中我也是这样写的。百度，访问多篇博客，了解到问题的解决方法。解决的重点：注意两边对应的数据类型。所以，我去检查了。申明变量的时候，我用的是this.jtjx = null;数据的返回结果也是数字类型。查看option时发现了问题，option的value类型是string类型。两边类型对不上，那自然就读取不到对应的label啦。问题解决。总结：value值
2020-10-23 09:40:43
7956
5
原创 el-table-column 结合template对某列后台数值，在前端显示对应文字，并不同数据显示对应不同样式
el-table-column 结合template对某列后台数值，在前端显示对应文字，并分不同的状态，显示醒目新需求：对table中的某列，后台数据为数字，在前端显示对应的中文，并根据数值，对数据分为三个状态，为空、进行中、完成。对vue刚入门没多久的我，自然首先百度。嗯，确实查到了方法。但是，不适用我的情况。<el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
2020-10-10 15:51:02
14024
原创 Echarts实现省级地图的两种方法（以浙江省为例）
Echarts实现省级地图的两种方法（以浙江省为例）在echarts调用地图时，我们往往会使用GeoJson格式的数据，根据网上的资料，会发现官网会提供世界、中国以及各省的数据。但是，访问下载最新的echarts组件时，会发现echarts暂不提供地图下载。所以，我们需要自己找GeoJson数据，仔细一点会发现，其实在安装echarts依赖时，已经将数据下载到项目中了。你想要的省级Js、Json文件，node_modules文件下全都有。echarts下载地址https://echarts.apache
2020-09-30 10:20:03
12561
5
原创 【vue】el-tree某一分支实现单选，其他分支可以多选
【vue】el-tree某一分支实现单选，其他分支可以多选这个我真的不想多说啥，心累了。花了好久的时间才倒腾出来。心塞塞。直接上代码，也算造福广大被el-tree折磨。欲哭无泪。我主要是针对这个方法。@check-change=“handleCheckChange”handleCheckChange(CChangeData, selfChecked, leafChecked) { this.basemapData = []; this.treeData[0].child
2020-09-21 09:48:38
1023
原创 【vue】el-tree 自定义图标 小三角在右边
【vue】el-tree 自定义图标 小三角在右边<el-tree class="filter-tree" :data="treeData" :props="defaultProps" :check-strictly="true" show-checkbox :filter-node-method="filterNode" :render-after-expand="false" node-key="id" @
2020-09-18 17:16:30
5037
1
原创 html背景渐变 and 边框渐变
html背景渐变 and 边框渐变一.html背景渐变background: linear-gradient( to right,//从左往右渐变 rgba(8, 202, 210, 0) 0%, rgba(8, 202, 210, 0.5) 30%, rgba(8, 202, 210, 0.8) 50%, rgba(8, 202, 210, 0.5) 80%, rgba(8, 202, 210, 0) 100% );//第四位是透明度，后面的百分比是
2020-09-16 09:57:11
1791
原创 Echarts引入省级地图（简便快捷，以浙江省为例）
Echarts地图引入省级数据（简便快捷，以浙江省为例）最近需求，利用echarts地图显示浙江省行政区。一开始找了很多资料，但是一直没法实现，也不知道为什么。网上的办法试了个遍，感觉要用GeoJson真的是很麻烦，直到我看到了一篇博文，哈哈哈，博主的吐槽深得我意。接下来，就是见证奇迹的时刻。哈哈哈哈initZheJiang () { let mychart = this.$echarts.init(document.getElementById('mychart')) window.addEve
2020-09-03 14:13:23
2911
1
原创 Uncaught TypeError: Cannot read property ‘length‘ of undefined( /property ‘0‘ of undefined)
Uncaught TypeError: Cannot read property ‘length’ of undefined问题描述在写echarts的时候遇到找不到length，然后我将this.cityList.length替换成了数字，于是又出现了Cannot read property '0' of undefined。我的代码如下mychart.on('click', function (params) { console.log(params); let selCity
2020-08-31 18:08:10
1381
原创 GUID在线生成小工具
GUID在线生成https://www.guidgenerator.com/online-guid-generator.aspxhttps://toolbaba.cn/d/dev_guidhttps://www.iamwawa.cn/guid.html
2020-08-25 11:01:56
2090
原创 Echarts 柱状图、饼状图等变换颜色、渐变色
Echarts 柱状图、饼状图等变换颜色、渐变色本文只总结了几种用到过的方法，当然，方法远不止这些。以下实测有效。之后，当然遇到测试成功的方法，也会对文章进行更新。方法一：itemStyle: { color:function(params) { var colorList = ['#c23531','#9BD4B9','#FFF384'];//这是一个颜色的数组 return colorList[params.dataIndex] },},方法二
2020-08-21 15:21:25
2589
原创 【vant】van-list下拉加载更多onload事件
【vant】van-list下拉加载更多onload事件问题描述van-list编写下拉加载更多，利用van-list自带的下拉加载事件@load="onLoad"，但是发现有次数限制，任有部分条件下无法下拉加载更多。后来发现原因，执行完，之后finished恢复false，同时将当前页恢复为1，不写的话，代码不会自己恢复，因为这些参数是全局变量，所以变化之后，就保持了。所以，在代码执行前要做一个恢复。细节很重要，因为这个细节，耽误了很久时间。this.currentPage = 1;//每次走完
2020-08-18 17:29:02
6926
5
原创 调用百度地图地址下拉搜索栏爬坑
百度地图调用BMap.Autocomplete地址下拉栏爬坑问题描述在项目编写的过程中，我将调用百度API的部分封装成了一个组件，以便后续的调用。在组件的各项显示中，都能顺利显示，并且调用。但，我将组件调用后，发现，搜索提示栏不见了，以至于无法触发后面的事件。关键代码var ac = new BMap.Autocomplete( //建立一个自动完成的对象 { "input" : "btnstart", "location" : this.map });
2020-08-18 09:41:08
1659
1
原创 【vant】简单粗暴添加iconfont图标
【vant】简单粗暴添加iconfont图标在实际的项目中，vant自带的图标不够用，这就需要我们从外部引进图标。但是一张一张的引进图标，并存在项目中并不可取，一旦数量过多，就会十分不方便，所以，以下，就以最简单粗暴的办法添加iconfont图标。1.登录官网登录https://www.iconfont.cn/，这是一个很好用的图标库。2.选择自己需要的图标，添加到购物车，下载代码。3.存放到你的项目下载下来是个压缩包，解压。主要是这些文件。为了方便管理，比如存放到assets/iconfon
2020-08-13 17:42:18
4154
1
原创 ‘BMAP_STATUS_SUCCESS‘ is not defined (no-undef) at src\components\Navigation.
BMAP_STATUS_SUCCESS’ is not defined (no-undef) at src\components\Navigation.问题描述自己写组件调用百度api，但是别的项目里同样这调用确是可行的。后来，查看了一下配置文件，发现配置文件中有eslint。所谓eslint，就是是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。简单来说，就是一个校验的工具。所以很多参数无法通过校验，导致了报错，所以后来，把涉及到eslint都卸载了。问题果然解
2020-08-13 11:25:14
1997
1
原创 XML的一些知识点
XML知识点1.XML知识点①概念Extensible Markup Language，可扩展标记语言可扩展：标签都是自定义的②功能存储数据（配置文件、在网络中传输）③xml与html的区别xml 标签都是自定义的，html 标签都是预定义的xml 语法严格，html 语法松散xml 是存储数据的，html 是展示数据2.语法基本语法后缀名 .xmlxml 第一行必须定义为说明文档<? xml version = '1.0' ?>xml 文档中有且仅有
2020-08-07 14:33:59
203
原创 JavaScript中的一些知识点
JavaScript中的一些小杂碎1.获取Element对象getElementById()：根据id属性值获取元素对象，id属性值一般是唯一的。getElementsByName()：根据name属性值获取元素对象。getElementsByTagName()：根据元素名称获取元素对象。getElementsByClassName()：根据class属性值获取元素对象。2.超链接a的功能可以被点击，有一些默认的样式，但是一旦去掉href就没了点击后跳转到href指定的url要想
2020-08-06 17:10:03
116
原创 【vant】爬坑引用本地图片
[vant]爬坑image最近因为项目需求要利用vant引用本地图片，但是我发现，我死活引用不上本地图片，老是找不到图片，试了n多方法，我真的是欲哭无泪啊。然后我又查了很多文档，发现还是木有用。简直了，一遇到调用图片的，我真的是瑟瑟发抖，害怕。话不多说了，进入正题。一开始我是这么写的，对于路径问题，嗯，遵循不报找不到的错就好，至于原理，我还真没深究过。<div class="boximg"> <img src="../assets/hahaha.png"></div
2020-08-06 16:48:36
3644
1
原创 【Vue】路由传参中的坑（query、params）
【Vue】路由传参中的坑（query、params）路由传参主要有query、params两种参数传递方法。this.$router.push(参数)1.query传参this.$router.push({path:'/路径',query:{userName:username,PassWord:password}})//path处填上路径，一般会在路由配置文件里配置好//query中存放的是一系列的需要传递的参数名和对应的值前端的调用显示let username= this.$rout
2020-07-30 10:06:47
3263
原创 【vue】地图显示缓慢问题
【vue】地图显示缓慢问题最近写代码，又掉进了css运用不熟练的坑里。我的需求是，针对tabs不同的标签页，点击某个tab页时才将隐藏的元素显示出来。一开始先去element-UI官网中查询了，tabs的事件用法。我把官网示例简单化一下<el-tabs @tab-click="handleClick"> <el-tab-pane label="用户基本信息" name="1">用户基本信息</el-tab-pane> <el-tab-pane la
2020-07-30 10:04:27
3199
原创 [Vue warn]: Invalid prop: type check failed for prop “disabled“
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “disabled” . Expected Boolean, got String with value “isdisabledFn()”问题描述vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “disabled” . Expect
2020-07-27 17:03:11
11757
原创 JavaScript_Function等对象的学习笔记
JavaScript对象学习笔记JavaScript的基本对象JavaScript对象学习笔记Function函数对象Array数组对象Date日期对象Math数学对象RegExp正则表达式对象Global全局函数对象Boolean、Number、String为基本数据类型的包装对象Function函数对象1.function对象是如何创建的？var fun = new Function(形式参数列表，方法体)//这种创建方式不合适，看完忘了它function 方法名称（形式参数列表）{
2020-07-24 17:20:58
111
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人