android_zier-CSDN博客

原创【Turf】vue中高德地图中两个Polygon取交集Polygon展示并计算面积

第一步：添加依赖 npm install -s @turf/turf第二步：在main.js中导入依赖 import * as turf from "@turf/turf"; 或在项目中单独导入第三步：官方案例：Example:var poly1 = turf.polygon([[ [-122.801742, 45.48565], [-122.801742, 45.60491], [-122.584762, 45.60491], [-122.584762,

2022-04-21 10:01:09 1954 9

原创【Vue】el-table 取消鼠标悬浮时行高亮效果

el-table组件,鼠标悬停时会有默认事件：高亮当前行；可以把颜色设置成背景色，或者任何自己想要的颜色：div /deep/ .el-table tbody tr:hover>td { background: #ccc!important }但如果设置了stripe属性，表格会呈斑马纹两种颜色交替，设置颜色这个方法就失效了，这时候就可以禁用事件：//el-table 取消鼠标悬浮时行高亮效果div /deep/ .el-table tbody tr { po

2021-10-11 10:20:11 5659 2

原创【Vue】elementUI el-dialog embed标签无法实时更新预览PDF文件问题

<el-dialog :title="previewTitle" :visible.sync="previewDialog" width="50%" center class="dialog-preview" @opened="opened" append-to-body> <div class="dialog-body" :style="{height: previewHeight +.

2021-09-17 13:42:55 493

原创【Vue】el-cascader级联选择，点击文本选中，并且关闭下拉框

el-cascader级联选择默认选择radio时才可以选中，选择文本是选择不中的，将radio的宽高填满，这样点击文字也就能点到radio了，然后将.el-radio__input样式设置为不可见：<el-cascader :options="deptOptions" :props="{ label: 'deptName', value: 'deptId',emitPath: false, checkStrictly: true }" v-mo

2021-09-06 16:56:03 3067 1

原创【Vue】element-ui el-table 选择框禁止选中

使用场景，新建或添加的时候可以选中或取消，查看详情的时候不可选中或取消。设置el-table-columntype="selection" 为选择框；设置 selectable 属性来决定该行数据是否选中；<el-table-column type="selection" width="55" align="center":reserve-selection="true" :selectable="checkSelectable"/>设置是否可以选中的条件：check.

2021-09-06 09:27:59 3346

原创【MySql】You are using safe update mode and you tried to update a table without a WHERE that uses

1.报错执行：-- 修改数据update student -- 学生表set chinese=92.8,math=95.6where id=1;0 25 10:00:04 update student -- 学生表 set chinese = 92.8,math = 95.6 where id = 1 Error Code: 1175. You are using safe update mode and you tried to upda...

2021-08-25 13:35:36 423

原创 [Vue] 百度地图根据地名定位

1.在html页面中引入百度地图js文件<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>2.页面展示3.demo展示<div class="position-relative"> <div id="grid_map" style="width: 100%;" :style="{ height...

2021-08-25 13:28:04 543

原创【Vue】导出文件

1. 定义接口导出文件的请求类型为：responseType: "blob"export function download (url, params) { if (!params) { params = {} } return new Promise((resolve, reject) => { axios.get(url, { params: params, headers: { 'Access-Control-Allow-Creden

2021-06-16 09:06:17 946

原创【MySql】MySql的安装与配置

mysql官网里（Mysql的官网-->https://www.mysql.com/）

2021-06-10 16:20:31 122

原创【Vue】vue-video-player直播m3u8格式

1.安装npm install -svue-video-playernpm install -svideojs-contrib-hls2.main.js引入import VideoPlayer from 'vue-video-player' // videorequire('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')require('videojs-contrib-hls..

2021-04-22 09:44:24 607

原创【Leaflet】地图加载海量覆盖点

地图需要加载大量点位的时候，使用L.marker 方法来 addTo(map) ,会导致地图特别卡。leaflet-canvas-marker 可以加载海量覆盖点。1.加载方式npm ileaflet-canvas-marker -s 或者直接下载Leaflet.Canvas-Markers 在项目里面直接引入https://github.com/eJuke/Leaflet.Canvas-Markers2.使用第一种加载方式：在项目里面直接使用import 引入i...

2021-04-10 13:41:32 2381 4

原创【Leaflet】地图绘制多边形点击后颜色变化

<div id="l_map"></div>初始化地图initMap() { let that = this if (this.map) { this.map.remove() } this.map = initLeafletMap('l_map', 10) // 双击事件 this.map.addE..

2021-04-09 11:19:56 2299

原创【Leaflet】地图绘制/编辑多边形

<div id="grid_map" style="width: 100%; height: 100%;"></div>初始化地图：initLeaflet (level) { if (this.map) { this.map.remove() } this.map = this.initLeafletMap('grid_map') //添加左侧绘制控件 this.map.pm.addContro..

2021-04-08 20:34:13 3372 5

原创【Vue】可暂停计时器

实现计时器，暂停，在开始后继续之前的计时。<template> <div class="task"> <div class="task-header"> <img src="../../../../assets/task/ic_task_tracking_bg_deep.png" alt="header" class="task-header-bg"> <div class="

2020-12-08 16:02:29 2064

原创【Vue】百度地图切换路由时，地图加载不全，只显示上部地图

问题描述：在vue中加载百度地图，当初始化时，第一次加载地图时，可以正常显示地图，当切换路由再次进入地图时，地图只显示上部一部分地图。问题原因：that.map = new BMap.Map("b_map", { enableMapClick: false, mapType: BMAP_NORMAL_MAP });地图创建只需要初始化一次，或重新加载一次，map多次初始化后，地图就会出现...

2020-11-06 10:57:17 1829

原创【HTML】按住div块水平滑动

bindEventListener () { let _this = this this.menuId = document.querySelector('#navigation-menu-id') this.startX = 0 // 上一次的位置 scrollLeft this.lastLeft = 0 this.menuId.onmousedown = function (e) { _this.menuId.on.

2020-09-18 13:49:20 586

原创【Vue】错误：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever ...

错误：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "introductionList"问题分析：父组件通过props传值给子组.

2020-09-07 14:48:14 3015

原创【HTML】解决当scroll滚动fixed定位元素抖动问题

问题分析：// 滚动条滚动高度let scrollTop = document.documentElement.scrollTop || document.body.scrollTop || 0let toolbar = nullif (!toolbar) { toolbar = document.querySelector('.l-editor-toolbar')}if (toolbar) { if (scrollTop > 158) { let timer

2020-09-05 17:47:41 3330

原创【HTML】自定义富文本设置行高

问题：由于设置行高没有类似设置字体或字体大小那样，比如设置字体样式document.execCommand('styleWithCSS', false, true)document.execCommand('fontname', false, '微软雅黑')这就需要我们自己去实现行高的效果：// 设置行距export const lineHeight = (value) => { // 获取当前的选区 let selection = window.getSelection(

2020-08-01 15:23:38 1647

原创【Vue】VueCropper裁剪图片后上传至OSS

第一步：选择图片时，现先获取上传图片// 获取文件 getFile (event) { let imgTarget = event.target.files[0] if (!imgTarget) { return } let type = imgTarget.type // 文件的类型，判断是否是图片 let size = imgTarget.size // 文件的大小，判断图片的大小 if (this.

2020-07-25 11:41:15 976

原创【Android】MVVM架构 RecyclerView加载数据滑动到后面，数据错乱，点击事件失效问题

问题分析：adapter中：@Override public void onBindViewHolder(@NonNull RecyclerViewHolder holder, final int position) { viewDataBinding.setVariable(variableId, data.get(position)); viewDataBinding.executePendingBindings(); holder.it

2020-07-23 11:53:46 702

原创【Vue】多图上传时，选择的图片顺序和展示的图片顺序不一致

问题分析：上传多图时，由于上传后台的时间不同，导致上传时选择的图片和返回显示的图片顺序不一致。栗子在现：选择顺序依次为：花-1、花-2、花-3、花-4返回顺序依次为：花-2、花-4、花-3、花-1解决方法：上传开始时：记录下上传时的图片信息顺序uploadFiles (files) { let postFiles = Array.prototype.slice.call(files) if (!this.multiple) postFiles =

2020-07-21 09:23:44 4021 1

原创【Vue】 scrollTop赋值一直为0

Vue项目中，给scrollTop赋值一直0，解决方案总结如下：mounted中：window设置scroll滚动事件window.addEventListener('scroll', () => { this.scrollGroupSetting()}, false)destroyed中：移除scroll滚动事件window.removeEventListener('scroll', this.scrollGroupSetting(true), false)获取scro

2020-07-08 09:03:20 5376 1

原创【Vue】Waring:not all changes may be shown due to an error:.git/index:index file open failed:Permissio

解决方法：File > Settings > Invalidate Caches/Restart... > Invalidate and Restart .分析原因：关闭WebStorm时，非正常关闭导致。

2020-06-27 14:40:33 825

原创【Android】轻松搞定android混淆

前言混淆是上线前挺重要的一个环节。android使用的ProGuard，可以起到压缩，混淆，预检，优化的作用。但是很多童鞋还没有掌握正确的写混淆文件的姿势。我希望搞个模板化的东西，让大家轻松搞定混淆。那么，开始写一个项目的混淆吧。。。我是不是很直接。。。。五步搞定1打开项目中的proguard-rules.pro，将下面的代码复制进去。我的思路是将混淆分为2个主要部分...

2020-01-17 13:41:32 186

原创【PHP】- PHP安装与问题

1.获取安装包判断安装是否成功：2.将PHP作为一个模块提供给apache加载加载模块的语法：LoadModule 模块名模块路径(配置文件的指令不区分大小写，但是模块名区分大小写)LoadModule php7_module “D:/wapm/php/php7apache2.dll”.dll文件动态链接库文件问题：PHP环境搭建时缺少php7apache2_4.dll时无法关联到apache当...

2018-02-19 16:44:08 378

原创【PHP】- 安装apache以及安装过程中遇到的问题

1.下载地址http://httpd.apache.org/download.cgi默认情况下，Apache在80端口运行。安装之前查看此端口是否被占用，如果被占用，处理方法有二：第一：结束占用80端口的软件第二：先安装，安装后，修改端口号2.开始下载第一步：点击左边的Download第二步：点击链接 a number of third party vendors第三步：是说apache本身不提...

2018-02-19 15:51:17 366

原创【HTML】- js获取元素的所有兄弟节点

1.js获取兄弟节点的方法：function siblings (context) { var siblings = []; /*获得父节点*/ var parent = context.parentNode; /*获得父节点的所有孩子节点*/ var childs = parent.children; for(var i = 0; i ch

2018-02-06 15:02:59 4985

原创【HTML】- this.initialize.apply(this,arguments)的理解

1.创建一个构造方法function Slider() { this.initialize.apply(this,arguments);}2.原型对象Slider.prototype = { /*初始化*/ initialize:function (id) { var _this = this; }, /*绑定事件*

2018-01-09 11:19:48 1570

原创【HTML】- wampserver安装时出现的问题解决

wampserver安装时出现的问题解决问题1：无法启动程序,因为计算机中丢失VCRUNTIME140.dll。尝试重新安装该程序以解决此问题。问题2：地址栏中输入http://localhost:8080/时，系统弹框提示“http://localhost 正在请求您的用户名和密码。该网站称:“VisualSVN Server””，上网查了资料后才发现原来是因为tomcat的8080端口被另一个web服务占用的原因，具体产生原因是：我之前用到VisualSVN Server，VisualSVN Ser

2017-10-14 20:19:05 2238

原创【HTML】- 省市选择

jquery实现省市选择，动态添加标签，模拟网络请求数据。

2017-09-29 17:24:01 2709

原创【Android】- Error：The<activity>element must be a direct child of the <application> element[WrongMani]

Error：The<activity>element must be a direct child of the <application> element[WrongMani]

2017-09-01 17:04:41 4848 1

原创【Android】Android Studio 解决打包生成的apk安装到手机上出现闪退

Android Studio在打包生成apk时，安装到手机上时，出现闪退。

2017-08-22 15:59:16 7929 11

原创【android】Android Studio2.3打包提示Please select at least one of the signature versions to use

Android Studio2.3在打包过程中提示Please select at least one of the signature versions to use。

2017-08-22 15:44:46 4247

原创【HTML】- 实现展开与收起效果

javascript和jQuery分别实现实现展开与收起动画效果

2017-07-27 14:25:07 54496

原创【HTML】- 微信扫描打开app下载提示用户打开浏览器进行下载

将打包好的apk文件部署到服务器，把下载页面的URL通过草料二维码或根据url代码生成一个二维码，由于微信对apk文件经行了屏蔽，所以需要提示用户微信内无法下载，请点击左上角按钮，选择在浏览器中打开进行下载等提示。那么该如何判断用户是否是用微信浏览器呢？

2017-07-26 16:11:08 11895 7

原创【HTML】- js宽高的理解

和window相关的宽高、和document相关的宽高、和event相关的宽高。

2017-07-18 15:15:42 377 1

原创【HTML】- 固定边框滚动

固定边栏滚动效果，主页面的长度大于侧轴页面长度时，在滑动过程中，侧轴的到达底部时，使其固定不再跟随主页面继续滑动。

2017-07-18 13:41:08 2178

原创【Android】- bindService 之 leaked ServiceConnection错误

bindService 之 leaked ServiceConnection错误主要原因在于绑定服务时，没有在activity退出时，解绑服务unbindService()导致。

2017-07-12 09:56:10 752

原创【Android】- MediaPlayer错误之MediaPlayer start called in state 0

MediaPlayer start called in state 0 主要原因在于start()出现问题，在start()播放开始之前没有调用prepare(),在初始化MediaPlayer时，通过create()方法设置数据源，则不能写mediaPlayer.prepare()方法，只要成功返回播放器就不需要prepare，但是：如果反复多次调用了start()和stop()方法，就会出现MediaPlayer start called in state 0 错误,因此需要在start()之前必须重

2017-07-11 17:49:40 13883

空空如也

空空如也