自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

William_leif的博客

学习笔记

  • 博客(18)
  • 资源 (2)
  • 收藏
  • 关注

原创 echarts全国省市县下钻

公司需要做一个自己产品的一个模块功能类,即全国省市县的下钻(离线使用),参考了echart官网的省市下钻,并且对项目的目录进行构思及设计,对各省市的json文件进行分类管理,在刚开始的时候是调用高德的api进行获取各省市的json信息,由于项目需要离线,我第一想到的就是将拿到的信息存入json,然后对国省市的json文件管理,使用$.get方法按需加载相应的文件展示。json资源是我自行下载管理的,当然你们可以去网上下载已经整理好的,可能格式就需要自己修整了。先看图:全国省市县下钻各省市县文件按需获

2020-08-28 09:53:55 1298

原创 常用的字符串的增删改查操作

字符串增加(concat、+、slice)删除(slice、substr、substring、trim)修改(replace、split、toLowerCase、toUpperCase)查询(match、indexOf、charAt、charCodeAt、includes)增加(concat、+、slice)concat字符串拼接,生成新的字符串,不改变原字符串let str = 'ABC';let ing = '123';str.concat(ing); // "ABC123"+加号拼接

2020-07-03 09:43:40 1058

原创 常用对数组的增删改查等操作

数组操作数组添加首部添加(unshift、splice)中间添加(splice)末尾添加(push、splice)数组删除首部删除(shift、splice)中间删除(splice)尾部删除(pop、splice)数组修改首部修改(splice)中部修改(splice)尾部修改(splice)数组查询findfindIndexfilterindexOfeveryincludessome数组拼接concates6 扩展运算符...push数组转字符串jointoString数组拼接新符号map数组排序sort

2020-06-30 10:23:36 1060

原创 Vue自定义指令--- 文本高亮,输入框聚焦,鼠标拖拽

文本高亮,字体放大,鼠标拖拽<template> <div id="main"> <p v-colors>文本颜色突出</p> //进入界面默认,文本框聚焦 <input type="text" v-focus> // 鼠标拖拽 <div class="drag" v-drag></div> ...

2020-04-22 15:25:47 727

原创 Cesium开发学习笔记(三)---添加点,线,椭圆,多边形,扇形,飞机,广告牌以及模型的删除、运动

颜色// 颜色自定义 var xColors = new Cesium.Color(0.09412, 0.09804, 0.18431, 0.5); //深蓝 var xColors2 = new Cesium.Color(1, 1, 1, 0.8); //白色var color = Cesium.Color.RED; //红色点//经纬度var longitude = 118...

2020-04-18 14:48:17 4342 4

原创 JQ原生实现分页

近期对公司网站进行修改,新增需求:知识库模块。其中涉及到一个小功能分页,为了提高自己的代码自编写力,决定原生编写。此次功能使用Jq操作dom的方式去完成编码,代码实现的有点小鸡肋,也基本到达了需求的效果。分页实现逻辑Html部分Javascript部分随机文章数组文章渲染按钮渲染绑定事件Html部分 <ul id="Article"> </ul><div class="page"> <span class="pre" style="display:

2020-07-29 16:33:04 518

原创 Cesium开发学习笔记(六)续---动态测距显示距离

测距实现总结开发过程中,有一个需求是测距实时让文本居中显示。参考cesium的API总结如下代码实现测距显示距离。文本API动态绘制API在编写的时候,需要理解的是CallbackProperty这个回调函数,建议去看看api文档或技术网站文章对它有个大概认识。在集成两个API代码遇到最大的问题就是销毁模型问题。大概率就是我这边个人原因,经常报错,经过多次调试,发现是自己通过常用的移除并不能移除模型所导致的。当一个模型被销毁时,该回调函数也跟着销毁。如果销毁模型失败,建议使用removeById去销

2020-07-17 09:31:12 1120 2

原创 Node爬取中关村手机参数入库

搭建Node服务文件Server.js// node后端服务器const http = require('http');const badyParser = require('body-parser');const express = require('express');//爬虫文件const Reptile= require('./Reptile');let app = ex...

2020-05-18 14:30:44 369

原创 JS实现的几种排序算法

var arr = [3,1,2,5,4,6]冒泡排序function bubbleSort(arr){ for(var i=0;i<arr.length-1;i++){ var flag = false; //冒泡提前退出的判断 for(var j=i;j<arr.length-1-i;j++){ if(arr[j]>arr[j+1]){ var temp = arr[j+1]; arr[j+1] = arr[j]; arr[j] = te

2020-05-16 11:09:48 369

原创 动画波纹扩散效果(jq+keyframes)

水纹扩散CSS:/*扩散效果*/.container { width:400px; height:400px; position: relative; margin: auto; transform:translate(-50%,-50%); transform: rotateX(75deg); z-index: 0;}//圆初始大小.container .cir ...

2020-05-07 10:50:23 713

原创 Cesium开发学习笔记(八)---geosever发布自定义地图

Html内引入文件

2020-04-21 11:16:29 1152 1

原创 Cesium开发学习笔记(七)---水波纹扩散

水波纹、雷达/**两个圆扩散纹理*/addCircleRipple({ stationLon: longitude, //经度 stationLat: latitude, //纬度 value: 360, //传感器的大小 deviationR: 800,//差值 差值也大 速度越快 eachInterval: 2000,//两个圈的时间间隔...

2020-04-20 11:26:24 1767

原创 Cesium开发学习笔记(六)---动态画线、画多边形(面积测量)、画圆、画矩形

参考这个大神:https://www.jianshu.com/p/416d432cd83b画线function Moveline() { var PolyLinePrimitive = (function () { function _(positions) { this.options = { polyline:...

2020-04-18 17:49:24 4384 1

原创 Cesium开发学习笔记(五)---鼠标监听

地图界面鼠标事件监听var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);handler.setInputAction(function (wheelment) { // 视觉高度,距离地面高度 var height = viewer.camera.positionCartographic.h...

2020-04-18 17:48:18 495

原创 Cesium开发学习笔记(四)---json、topojson、kml文件加载

json文件加载var xColors = new Cesium.Color(0.09412, 0.09804, 0.18431, 0.5) //陆地色var xColors2 = new Cesium.Color(1, 1, 1, 0.8) //白色// jsonviewer.dataSources.add(Cesium.GeoJsonDataSource.load('../Samp...

2020-04-18 17:47:13 966

原创 Cesium开发学习笔记(二)---初始化、时间轴

初始化// geoserver 引入 获取dom idvar cesiumContainer = document.getElementById("cesiumContainer");viewer = new Cesium.Viewer("cesiumContainer", { //加载在线谷歌地图 //imageryProvider: new Cesium.UrlTem...

2020-04-18 13:50:16 5523

原创 Cesium开发学习笔记(一)---安装、设置白名单、log4js打印日志

基于Cesium开发学习笔记(一)Cesium安装下载Cesium官网下载在Cesium文件目录下初始化npm i(或者使用淘宝镜像cnpm i)Cesium配置文件打开server.js 修改端口号,避免端口号冲突Cesium启动两种方式:1.本地启用node server.js2.供统一局域网使用node server.js --port 端口号 --public ...

2020-04-03 15:27:05 350

原创 MySQL安装以及使用详细教程

**MySQL 8.0.18 安装与使用教程 **MySQL 8.0.18 安装与使用教程1.安装环境:Win102.在MySQL官网上下载 Windows 版本的MySQL 安装包。如图所示MySQL 官网MySQL解压1.随便压缩到一个文件目录下,我放在D盘(不需要手动配置my.ini)2.解压完后配置path(环境变量)右键点击我的电脑—>属性—>高级系统设...

2020-01-01 19:36:51 227

geoserver-2.16.1.rar

geoserver-2.16.1.rar

2021-05-21

vuedevtools安装.rar

Vue.js devtools,是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试。

2020-09-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除