自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 vue项目启动报Error: Cannot find module ‘webpack‘ Require stack以及Error: Rule can only have one resource so

问题一.vue项目启动时npm run serve报错:Error: Cannot find module ‘webpack’ Require stack项目拉下来以后,正常安装完依赖,启动项目时报Error: Cannot find module ‘webpack’ Require stack,发现是缺少webpack模块,Error: Cannot find module 'webpack'Require stack: at Function.Module._load (internal/mo

2021-12-14 11:23:07 7029

原创 抓取图片拼接成全景图

一.工具准备这里用的到工具和插件,自行下载:1.谷歌插件 ----save all resource2.Pano2VR pro 4.5.33.ImageBatchKing 2.2.14.krpano-1.19-pr4-win二.下载图片这里我们使用的是720yun平台的全景图片。打开一个全景图,右键-检查,找到我们插件的位置。如下:这里,我们需要完全浏览全景图,获取每个方向上的全景图,方便插件爬取。接着点击Save All Resource按钮获取本页面的所有缓存信息,其中就会包

2021-07-28 17:26:31 1895

原创 cesium通过entity方式添加垂直于地表的直线效果

效果图代码如下this.entities = new Cesium.EntityCollection() //高度倍数 varheightScale = 150000 var surfacePosition = Cesium.Cartesian3.fromDegrees( longitude,//经度 latitude,//纬度 0

2021-03-28 15:56:04 2212

原创 vue 切换路由时发生Loading chunk xx failed.错误

由于在使用前进行了打包,在vue.config.js里面配置了publicPath:'./',这里在路由跳转的时候就出现了错误。当然每个项目可以有所不同,我们在这里进行了一个判断:publicPath:process.env.NODE_ENV==='production'?'./':'/',这样问题就解决了,当然有一些系统则是和这个配置相反,具体情况具体分析。...

2021-02-01 22:56:07 1770

原创 使用cesium + earthSDK获取相机位置以及绕点飞行(围绕一个点旋转)

使用cesium + earthSDK获取相机位置以及绕点飞行(围绕一个点旋转)文章目录使用cesium + earthSDK获取相机位置以及绕点飞行(围绕一个点旋转)一.首先利用ellipsoid来找相机的高度二.其次使用viewer.camera来获取相机的一些信息:三.实现绕点飞行(绕点旋转)今天在开发的过程中,需要使用cesium 和earthSDK 的API实现绕点飞行,最开始的思路是,不断获取相机的位置,然后改变相机位置,当然这是弯路,这里还是说一下获取相机位置及参数的一些方法。一.首先利

2021-01-15 00:06:05 2253

原创 cesium中清除实体和图形的方式

根据ID获取实体并清除//id为添加实体时的id名称let entID = viewer.entities.getById('id')viewer.entities.remove(entID);根据变量获取实体并清除let box = viewer.entities.add({ id:'box', position:Cesium.Cartesian3.fromDegrees(108, 34,0)})view.entities.remove(box)删除所有实体viewer.enti

2021-01-11 23:34:02 10504 4

原创 使用cat命令在linux系统合并文件

cat :(concatenate)用于连接文件并打印到到标准输出设备上。**1.**显示文件内容cat [文件名]cat test.txt结果2.显示内容并显示行号cat -n [文件名]cat -n test.txt结果3.在非空格行显示内容并显示行号,和-n类似,区别在于只在非空行前显示行号cat -b [文件名]cat -b test.txt结果**4.显示换行符,用$表示换行 **cat -e [文件名]cat -e test.txt结果**5

2021-01-11 23:08:09 6625 1

转载 Cesium获取鼠标点击位置(PickPosition)解决viewer.scene.pickPosition(e.position)不准的问题

一、Cesium4种获取鼠标点击位置原文地址:Cesium获取鼠标点击位置1.获取鼠标点的对应椭球面位置:世界坐标(Cartesian3)通过 viewer.scene.camera.pickEllipsoid(movement.position, ellipsoid)获取,可以获取当前点击视线与椭球面相交处的坐标,其中ellipsoid是当前地球使用的椭球对象:viewer.scene.globe.ellipsoid。var viewer = new Cesium.Viewer('cesiumCo

2021-01-06 23:21:21 9572 1

原创 vue mixin(混入)的简单使用和实例

文章目录

2020-11-16 21:58:59 1428

原创 vue指令、自定义指令

文章目录一.什么是指令?1.vue中内置的指令2.vue自定义指令二.自定义指令的用法一.什么是指令?1.vue中内置的指令在vue中提供了一些基础的指令,方便我们直接操作操作DOM节点,主要的内置指令有:v-cloak:用于在数据还没插入到标签时,不显示原始文本,需要添加样式 . <style> [v-cloak]{ display: none; }</style> <span v-cloak>{

2020-11-10 22:35:48 341

原创 Vuex使用总结(非模块化)

文章目录一.Vuex是什么?二.Vuex使用StateGettersMutationActions三.总结一.Vuex是什么?Vuex是为应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。通俗的说就是将多个组件或者多个模块共用的状态(state)放在一个store(仓库)里面,并且这些状态是响应式的,其中一个组件将其修改(mutations)以后,其他组件能够在第一时间知道,此处指的修改不是直接修改仓库的状态,而是需要通过提交(com

2020-11-08 18:05:48 335

原创 Mac使用sourcetree 同步项目报错remote: mark: Incorrect username or password (access token) fatal: Au

使用Mac sourcetree时,拉取没问题,在推送时,报错remote: mark: Incorrect username or password (access token) fatal: Authentication failed for网上找了很多方法:git push -u origin master -fgit pull --rebase origin master这些都没用!重新新建文件也是报同样的错误.最后在一篇博客中找到了答案:添加本地库时用户名密码输

2020-11-01 14:25:04 2557 2

原创 跨域是什么?细说跨域解决办法

文章目录一.何为跨域?一.何为跨域?跨域是指一个域下的脚本请求另一个域下的资源.这是由浏览器的同源策略(Same origin policy)造成的,是浏览器保护用户的一种安全限制.同源:指协议、域名、端口号均相同.如果其中一个不同,则属于跨域.同源策略限制三种行为:1.Cookie、LocalStorage 和IndexDB无法读取.2.DOM和js对象无法获取.3.AJAX请求不能发送.常见跨域的情况...

2020-09-26 22:32:15 946 1

原创 JSON和JS对象的一些区别

记一下JSON和js对象的区别:说到JSON首先想到的是JSON.parse()、JSON.stringify()方法,其实JSON(javascrip Object Notation)是JavaScript对象表示法,它是js的简单数据格式,或者数据结构.来看一个例子:let person={ name:'zhangsan', age:18, ismarry:true, say:function(){ console.log('我是张三');

2020-09-18 23:08:40 377 1

原创 这四种JS异步编程方法你知道吗?

文章目录前言一.回调函数(callback)二.promise三.生成器(Generators/ yield)四.async/await五.总结前言首先,异步(async)编程是相对于同步(sync)编程而言,所谓同步编程就是按照代码的执行顺序,一个进程执行完成以后再调用下一个进程的过程,由于JavaScript是单线程的语言,在JS中大部分代码都是同步执行的,但是这会导致一个问问题:如果在调用的过程中,执行了I/O操作或者一些耗时的进程,进程就会阻塞,后面的进程也只能等待前面的进程执行完成以后再执行.

2020-09-18 00:05:54 835 1

原创 更改this指向用call、apply、bind就对了

文章目录一.什么时候需要更改this指向二.call、apply异同三.apply、call常见的一些用法1.通过apply拼接两个数组2.通过apply、call获取数组的最大/最小值(这个挺骚的)3.代理console.log方法四.bind五.总结一.什么时候需要更改this指向首先举个例子:let apple = {`在这里插入代码片` name: 'apple', say: function () { conso

2020-09-12 00:38:34 266

原创 Object.keys()、Object.values()的用法

文章目录一.Object.keys()的用法1.Object.keys()介绍2.Object.keys()语法3.Object.keys()举例二.Object.values()的用法1.Object.values()介绍2.Object.values()语法3.Object.values()举例三.总结一.Object.keys()的用法1.Object.keys()介绍Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组(返回字符串数组),数组中属性名的排列顺序和正常

2020-09-05 17:46:02 7896 2

原创 Canvas实现鼠标拖拽效果

这里写自定义目录标题一.简介一.简介Canvas对象是HTML5新增的.标签用于绘制图像(通过脚本,通常是JavaScript).首先在网页中新建一个标签,查看当前浏览器是否支持Canvas.????这是不支持canvas的. <canvas id="canvas" width="400px" height="400px"> 您的浏览器不支持canvas! </canvas>每个canvas节点对应一个context对象,...

2020-09-05 10:36:52 1317

原创 CSS3实现旋转正方体、旋转木马

文章目录一.CSS3实现旋转正方体二.旋转木马一.CSS3实现旋转正方体效果图<!DOCTYPE html><!-- 正方体旋转 --><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>正方体

2020-08-29 15:12:56 304

原创 关于闭包详解,附带闭包相关的题

文章目录前言一、闭包的定义二、特点三、闭包举个????四、例子五、闭包的应用场景总结前言      学到javascript的时候,不可避免的遇到了闭包,那么闭包到底是什么?也有童鞋提到闭包在面试过程中几乎是必问的问题,那么今天我们就来说说闭包.一、闭包的定义javascript权威指南:函数对象可以通过作用域链互相关联起来,函数体内部的变量都可以保存在函数作用域内.从技术的角度讲:所有的JavaScript函数都是闭包:它们都是对象

2020-08-28 23:27:43 353

转载 帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)

帮你彻底搞懂JS中的prototype、__proto__与constructor(图解) 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

2020-08-28 20:46:30 190

原创 我的学习笔记——原生JS实现点击出现爱国富强等

我的学习笔记——原生JS实现点击出现爱国富强等效果图直接上代码<script> let container = document.getElementById("container"); container.onclick = function (event) { add(event); } function add(event) { let arr= ["富强","民主",

2020-08-21 21:18:04 481

原创 我的学习笔记——CSS背景渐变(Gradients)详解

我的学习笔记——CSS背景渐变(Gradients)详解一.线性渐变(Linear Gradients)1.语法background-image: linear-gradient(direction, color-stop1, color-stop2, ...);2.方向direction :向下/向上/向左/向右/对角方向,默认方向为从上至下①向下线性渐变(默认)background:linear-gradient(pink,DeepSkyBlue);②向上线性渐变 backgro

2020-08-15 01:07:28 1607 1

空空如也

空空如也

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

TA关注的人

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