
JavaScript
zhu_zhu_xia
人生如逆旅,我亦是行人。
展开
-
前端获取图片宽高的几种方法
图片属性原创 2022-08-18 10:19:58 · 3449 阅读 · 0 评论 -
cesium结构图
webgis cesium原创 2022-08-09 11:43:08 · 432 阅读 · 0 评论 -
地图双屏鼠标跟随效果
双屏,gis原创 2022-07-27 17:55:44 · 167 阅读 · 0 评论 -
Cesium中的Heading/Pitch/Roll详解
cesium原创 2022-07-20 17:37:17 · 4325 阅读 · 0 评论 -
屏幕坐标转世界坐标的方法对比
cesium webgis转载 2022-06-22 09:36:21 · 801 阅读 · 0 评论 -
npm run dev报Use // eslint-disable-next-line to ignore the next line.
解决在build/webpack.base.conf.js文件中,注释或者删除掉:module->rules中有关eslint的规则原创 2022-04-24 15:51:36 · 1057 阅读 · 0 评论 -
img中src引入的svg修改颜色
<div class="image"> <img src="1.svg" /></div>style.image{ display: inline-block; overflow: hidden; }img{ position: relative; left: -80px; margin-bottom: .1rem; filter: drop-sha.原创 2022-04-13 11:47:55 · 1298 阅读 · 0 评论 -
浅谈前端组件化
什么是前端工程化、模块化、组件化?前端工程化工程化是一种思想而不是某种技术(当然为了实现工程化我们会用一些技术)再用一句通俗的话来概括前端工程化:前端工程化就是用做工程的思维看待和开发自己的项目,而不再是直接撸起袖子一个页面一个页面开写前端模块化前端工程化是一个高层次的思想,而模块化和组件化是为工程化思想下相对较具体的开发方式,因此可以简单的认为模块化和组件化是工程化的表现形式。模块化开发,一个模块就是一个实现特定功能的文件,有了模块我们就可以更方便的使用别人的代码,要用什么功能就加载转载 2022-03-02 15:43:35 · 474 阅读 · 0 评论 -
js 计算两经纬度之间距离
/**** @param {*} lat1 纬度1* @param {*} lng1 经度1* @param {*} lat2 纬度2* @param {*} lng2 经度2* @returns*/function getDisance(lat1, lng1, lat2, lng2) { var dis = 0; var radLat1 = toRad(lat1); var radLat2 = toRad(lat2); ...原创 2022-01-05 15:53:18 · 1261 阅读 · 0 评论 -
js动态引入外部js脚本并获取里面的变量值
引入jQuery,具体如下:$.getScript('new.js', function() { alert(poiObj); });poiObj为new.js文件里的变量原创 2021-12-01 19:49:34 · 1650 阅读 · 0 评论 -
nginx一个端口映射访问服务器多个站点
今天有个需求,服务器只开放一个端口8080;但是服务器上有三个站点分别对应三个端口8081,8082,8083;客户端通过8080能访问三个不同的站点,决定通过ngnix代理映射来完成,具体配置块如下:server { listen 8080; server_name 127.0.0.1; location /test1 { proxy_pass http://127.0.0.1:8081; ...原创 2021-11-04 18:00:43 · 4218 阅读 · 1 评论 -
cesium动态创建圆和矩形
cesium鼠标动态绘制线、面、圆、矩形;其他entity类型依此原理var activeShapePoints = []; var activeShape; var floatingPoint; var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas); //双击鼠标左键清除默认事件 viewer.cesiumWidget.screenSpa...转载 2021-10-21 14:46:03 · 2196 阅读 · 0 评论 -
vue离线状态创建项目
通过vue-cli工具命令vue init webpack vuedemo创建vue项目的时候报错,提示连接超时,应该是下载某个package的时候,需要翻墙,导致出现连接超时。超时错误截图如下: 按照网络上的提示,解决办法是改为离线创建,我们需要下载github仓库中的vue-templates/webpack,然后解压到本地。下载地址为:https://github.com/vuejs-templates/webpack,下载之后,解压到本地用户目录下...转载 2021-10-17 09:33:27 · 1552 阅读 · 0 评论 -
JS计算两个经纬度坐标与正北方向夹角
/***获取两个经纬度坐标正北方向夹角*@param{Array}o_latlngs原点经纬度坐标[经度,纬度]*@param{Array}latlngs经纬度坐标*@return{Number}返回角度*/functiongetTwoPointAngle(o_latlngs,latlngs){letA=newMyLatLng(o_latlngs[0],o_latlngs[1]);letB=newM...转载 2021-07-15 14:44:51 · 1798 阅读 · 0 评论 -
使用Git Bash从Git上下载代码到本地以及上传代码到码云Git
前提是在码云上已经新建一个空的项目,可参考:https://www.cnblogs.com/babysbreath/p/9170455.html1、新建一个目录,存放下载下来的项目,我在D盘新建了一个“gitspace”文件夹,用来存放下载下来的项目2、进入刚刚新建的文件夹,即进入“gitspace”,点击鼠标右键,选择"Git Bash Here",如下图:点击“Git Bash Here”之后,可以看到下面界面,否则,可能是你的Git Bash安装有问题3、进行基础配置.转载 2021-04-29 17:33:32 · 763 阅读 · 0 评论 -
Cesium加载各类数据总结
接触到的加载数据类型:源地图、shp、Geojson、png、wms、地形底图一.Cesium加载各类底图#此类加载的本质在于 new Cesium.ImageryProvider()Api defination:“Provides imagery to be displayed on the surface of an ellipsoid. This type describes an interface and is not intended to be instantiated direc原创 2021-03-13 10:41:20 · 3098 阅读 · 0 评论 -
vscode使用Eslint + prettier + beautify 格式化vue 代码不换行
设置--首选项-vetur--settings.json{//是否允许自定义的snippet片段提示"editor.snippetSuggestions":"top","editor.fontSize":22,"editor.fontWeight":"400",//配置文件关联,以便启用对应的提示"files.associations":{"*.vue":"vue","*.wxss":"css"},...原创 2021-01-08 14:30:52 · 3170 阅读 · 1 评论 -
vue中引入Bootstrap
一、引入jquery步骤:1. 安装jquery$ npm install jquery --save-dev2.在webpack.config.js 添加内容 const webpack = require("webpack");module.exports = { entry: './index.js', output: { path: path.join(__dirname, './dist'), publicPath.转载 2020-09-22 11:35:55 · 524 阅读 · 0 评论