Yel_Liu-CSDN博客

原创 Cesium——平面裁切

关于平面裁切的例子，官网有两个，3D Tiles裁切和地形裁切。1、ClippingPlaneCollection要实现平面裁切，首先需要创建裁切平面，根据官网的例子我们创建一个裁切平面。我们在api文档中找到ClippingPlaneCollection，创建Cesium.ClippingPlaneCollection的options如下：new Cesium.ClippingPlaneC...

2019-01-12 18:46:17 9014 7

原创 Vue开发中Parsing error:Cannot find module问题解决

今天遇到了一个很纠结的问题，请看下图：意思是找不到babel-eslint这个模块，但是我安装模块之后，问题并没有得到解决，查了很久，没有找到解决办法。但是我看到跟我相似的问题，只是找不到的模块不同，按照别人提供的方法试了一下，竟然解决了。解决方法就是全局安装缺少的模块比如我遇到的问题，执行npm install babel-loader -g即可解决。...

2019-08-21 17:26:39 16433 5

原创 HTTP首部字段总结

以下为《图解HTTP》一书中首部字段的总结及释意，手敲了一遍加深记忆。HTTP首部字段Header Fields根据实际用途被分为以下四种类型通用首部字段General Header Fields Cache-Control：控制缓存的行为 Connection：逐跳首部、连接的管理 Date：创建报文的日期时间 Pragma：报文指令 Trailer ：报文末端的首部一...

2019-06-12 17:09:22 285

转载浏览器静态资源的版本控制新思路.强制更新指定资源缓存.的探讨

转自：http://www.cnblogs.com/_franky/archive/2012/07/05/2577141.html　　此篇,探讨的是一种可以让脚本自己更新自己缓存副本的能力. 因为上一版本,绝大多是朋友,给我的反馈是看不懂,所以我争取在这个重写的版本中.详细把每个细节都介绍一二. &nbsp;如果大多数细节，都是您了解的,则跳跃性阅读即可. thx.　　另:本文讨论的方案,在...

2019-03-01 16:51:38 529

原创 TypeScript学习笔记

本文是在学习TypeScript的过程中所记录的需要注意的地方，如果想要学习的话，还是去看官方文档。原始数据类型使用构造函数 Boolean 创造的对象不是布尔值，直接调用 Boolean 也可以返回一个 boolean 类型(×) let createdByNewBoolean: boolean = new Boolean(1);(√) let createdByNewBoolean:...

2019-02-28 14:11:58 334 2

原创 cesium——2D模式下拖动黑影问题

最近项目中遇到了一个问题，切换到2D模式下的时候，球上的点、线、图片、模型等，拖动时偶尔会出现黑影，放个对比图感受一下，下图分别是正常显示和拖动黑影两种情况。操作了几次发现了问题所在，左右拖动会发现有多个世界，每次出现世界边界的时候就会出现拖影的问题。之后去查了api发现了mapMode2D属性，该属性有两个取值Cesium.MapMode2D.INFINITE_SCROLLThe ...

2018-12-18 16:59:47 2613 2

原创 Echarts教程(2)——配置项总览(直角坐标系)

打开echarts官网，选择‘文档–&gt;配置项手册’，我们会看到echarts所有的配置项，下面我们将直角坐标系涉及到的组件做一下介绍title：标题，包含主标题和副标题，可设置其内容、样式、文字样式等legend：图例，可设置图例内容、样式、显示位置、标记等grid：直角坐标系内绘图网格，可设置单个图表的宽度高度，相对于容器的位置等xAxis：直角坐标系grid中的x轴，可设置x轴......

2018-11-22 10:36:59 1071

原创 ECharts教程(1)——第一个图表

一、介绍ECharts是由百度团队开发的一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ，提供直观，交互丰富，可高度个性化定制的数据可视化图表。ECharts各版本间还是有些写法上的差别的，本教程为4.0版本。二、准备...

2018-11-22 10:36:01 571 1

原创 js实现计算器效果

公司有道面试题是实现计算器的效果，所有面试者都是进行了很复杂的判断来计算的，甚至使用了正则表达式进行验证，其实本题只是考察js基础知识，关于计算只要使用eval()方法就可以得到结果eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。 eval()方法工作中不常用（至少我很少用到），面试者应该是在这样的情况下没有想到该方法而已，下面给出代码，代码中只做了简单的...

2018-10-29 13:48:09 968

原创 cesium——根据航向俯仰角滚动角设置实体方向

在已知实体的航向俯仰角滚动角时设置实体的方向可使用方法Cesium.Transforms.headingPitchRollQuaternion(origin, headingPitchRoll, ellipsoid, fixedFrameTransform, result)其中,origin: 中心点headingPitchRoll: 航向，俯仰和滚转ellipsoid: ...

2018-10-19 17:16:18 8839

原创 cesium——鼠标拾取坐标并转换为经纬高

cesium拾取坐标的两种方法一、获取椭球体表面的经纬度var viewer = new Cesium.Viewer('container');var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);handler.setInputAction(function (event) { // 屏幕...

2018-09-30 14:31:21 2587

原创 egg学习——简单实例

最近在储备egg，因为网上的资源太少了，自己也是纠结了好几天，解决了无数的错误，才排除万难完成了这个小demo。安装就不再赘述了，下面直接介绍：将页面内容保存到数据库中该demo使用的模板引擎为nunjucks,又因为要讲文件保存到数据库中所以需要引入MySQL的插件，于是config/plugin.js文件内容如下//config/plugin.jsexports.nunjucks =

2017-03-15 16:54:35 13549

原创 jsTree学习(二)——简单demo

这两天一直在看jsTree，对它还没有一个整体的把握，所以就先用已掌握的做几个简单的demo,下面是完整代码并配以部分解释，可以贴出去直接打开看效果 demo1<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&a

2017-02-17 13:55:40 1499

原创 jsTree学习(一)——基础

生成jstree有两种方法，一种是直接在HTML中编写显示，另一种是用js传值方法一直接在HTML中编写<div id="demo1"> <ul> <li data-jstree='{"opened":true}'>根目录

2017-02-15 15:41:05 873

Yel_Liu的博客