- 博客(123)
- 收藏
- 关注
RSS订阅原创 Cesium 添加无人机和路径
一、创建服务器（看第一篇笔记）二、加载影像和地形数据（看视角篇）三、添加区域块 （区域块篇）四、加载KML五、添加路径和无人机路径的格式是czml格式，本质上也是json格式，通过格式化可以看到其中有两个对象，第一个对象中指定时间，第二个对象指定位置无人机的格式为gltf// 添加无人机路径和无人机// Load a drone flight path from a CZML f...
2019-05-12 15:03:31
4575
3
原创 Cesium 加载KML数据，显示标签信息
一、创建服务器（看第一篇笔记）二、加载影像和地形数据（看视角篇）三、添加区域块 （区域块篇）四、加载KML数据格式是kml格式自定义KML数据和其显示的样式，我们要求在description属性中添加想要表示的信息 // 加载kml数据，更改description信息，多了黄色的标签里面包含的 var kmlOptions = { camera : viewer.scene.ca...
2019-05-12 15:02:26
9018
3
原创 Cesium 加载区域块
一、创建服务器（看第一篇笔记）二、加载影像和地形数据（看视角篇）三、添加区域块区域块的数据格式是geojson格式区域块中的信息点击的默认样式会直接显示这个地方的经纬度，我们通过下一篇中的kml数据可以将信息自定义，也更加地完善。同时，这个添加的方式是异步的，我们还应该设置其中心点的海拔，以及文字内容，通过遍历实现//加载代码区块var geojsonOptions = {//贴地...
2019-05-12 15:01:39
4117
1
原创 Cesium加载3dTiles
一、创建服务器（看第一篇笔记）二、加载建筑物在Cesium中建筑物信息的加载需要自己添加数据到Cesium ion中然后使用的，为了测试Cesime封装了几个数据，我们已纽约的一个岛为例。1、将视角定位在纽约上空// 坐标设置在纽约，这样会有默认的3dTiles数据var initialPosition = Cesium.Cartesian3.fromDegrees(-74.018813...
2019-05-12 15:00:47
11396
4
原创 Cesium设置位置和视角
一、创建服务器（看第一篇笔记）二、设置视角在Cesium中是可以打开默认定标和视角的，跟谷歌地球一样，同时注意Cesium使用的坐标系是从地心坐标系，可以通过fromDegrees（）将经纬度和高程转化Cesium坐标系。 viewer.camera.setView({ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 // fr...
2019-05-12 14:59:12
33048
4
原创 Cesium加载地形
一、创建服务器（看第一篇笔记）二、加载地形图数据在Cesium中，地球影像数据跟地形数据是分开的，为了加载更快，Cesium默认加载的地形数据是非常模糊的，需要修改 //加载在线地形图数据 var worldTerrain = Cesium.createWorldTerrain({ // required for water effects requestWaterMask : tru...
2019-05-12 14:58:20
8636
2
原创 Cesium加载自定义影像数据
一、创建服务器1、上面的方法用的是Express框架自己写的服务器，现在发现安装http-server可以直接通过简单指令创建服务器，我们可以先全局安装npm install http-server -g2、然后通过以下指令创建监听4400端口的服务器，http-server可以简写成hshttp-server -p 端口号（4400）二、加载数据1、因为有些数据不能直接访问，会被...
2019-05-12 14:56:59
8158
3
原创 Cesium创建一个纯净的地球，并了解基本界面组件
一、建立依赖基于Cesium创建的网页，都依赖于源码中Build中两个基本的库，JS库和CSS库，所以需要在开头就要引入本地的两个文件。<script src="Build/Cesium/Cesium.js"></script><link href="Build/Cesium/Widgets/widgets.css" rel="stylesheet">...
2019-05-12 14:55:34
3258
1
原创 解决网易云上传歌曲版本替换问题
写于2019-04-18，今天准备找到一个特别好听的版本的《日落大道》，上传之后发现版本替换成网易云默认的版本了
2019-04-18 21:07:52
10096
3
原创 H5C3动画实例，通过基于jQuery的fullpage插件完成
要点：1、素材是黑马程序员的，自己重写了下代码，主要是为了体会下h5c3。2、环境 : 3、主要是加入了pullpage的插件特有的功能帮助开发，其中基于jQuery开发的插件，其定义的方法一般都是通过$.fn.插件名.方法来调用的。在pullpage中可以使用jQuery所有的方法，同时能跟pullpageAPI联合使用。其进入页面，离开页面，和页面渲染事件发生之后，提供了...
2018-12-20 17:04:59
666
1
原创 开发工具总结
· sublime 3使用技巧（window系统下的） 一、注册方式点击这个地址sublime 3注册，不然用了几天就会天天弹出来广告 二、插件的安装卸载和更新： 安装： 1.先要安装Install Package，我的sublime自带的有，如果没有点击后面链接下载安装 链接 2.ctrt + alt...
2018-12-19 08:28:38
534
原创 jQuery使用ajax实例
要点： 1、在最新封装的jQuery中，如果ajax请求的页面有相同的部分直接省去了，只加载不一样部分。 2、jQuery封装有两种，前一种是直接封装顶层的使用，是这个实例中的，还有底层的封装，跟原生比差不太多。三个html代码：<!DOCTYPE html><html lang="en"><head> <...
2018-12-15 09:30:22
506
10
原创 Ajax的封装
要点：1、因为Ajax是异步请求，想要返回请求结果，必须要在异步操作完成之后，readyState = 4才能有结果，导致在内部返回值，不能返回到封装函数的外部只是返回出请求步骤内部而已，所以通过事件的委托完成，即获取到数据后，并执行传入的处理函数。2、因为主要的请求方式两种post和get他们的方式会有不同，所以对头文件是否声明和是否有query都要通过判断做出不同的操作。3、这个例...
2018-12-13 22:27:46
170
原创 在Ajax操作中使用模板字符串
要点：1、不管什么方式请求数据时，首先要确保服务端响应的数据格式要跟模板字符串使用的格式统一，一般都为JSON格式，在使用模板引擎的代码段中，不要写注释，因为可能会破坏模板引擎的解析规则。2、模板引擎在js中直接使用，需要引入官网的template-web.js文件，之后分三步： 一、将获取到的服务端的JSON格式的数据（如不是就转换格式），替换{{ $value.属性 }}...
2018-12-13 20:23:57
1046
1
原创 Ajax发送POST请求
要点： 1.基本步骤跟上一个的get方式请求，不过post请求，请求头是包含了有用的信息的，所以需要在请求头上指定Content-Type解析请求体格式，get方式请求体信息是放在query中的，不太安全。 2.在请求体中不要有空格，实际文字和模板字符串之间，不能因为js代码习惯，破坏了请求体规定的格式，造成错误。php代码：<?php ...
2018-12-12 15:01:02
1746
原创 Ajax发送GET请求
要点： 1.ajax主要体会异步思想，跟多线程的概念有些近似。原来的js执行是单线程的，也就是从上到下执行，不会等待，而ajax遇到是多线程的，不是按照代码从上到下顺序执行，是简单的代码先执行完，复杂的或者耗时长的最后执行完。所有在这个例子中，我们为list的多个li标签分别绑定事件需要在异步操作中执行，并且注意顺序。 2.ajax状态码信息共有5个，我们只关心...
2018-12-12 11:17:05
1171
原创 通过node操作mongodb数据库，通过mongoose第三方模块简化操作。
要点：1.mongodb数据库是区别于myserver等使用sql语句操作的关系型数据库，它是非关系型的数据库，他更加灵活但是越灵活就越不能处理大型项目，就像js和java。2.基本的操作步骤如下： 一、通过cmd输入mongo回车启动数据库，默认操作的文件夹是执行启动语句所在磁盘的根目录下的 data/db文件夹，如果根目录下没有这个对应的文件夹，则会启动失败。 ...
2018-12-08 16:00:27
628
原创 node实现基于文件管理的增删改实例
要点： 1、初步体会node基于模块化的编程思想，在node中，模块之间的互不影响，模块与模块之间只有通过module.exports（node为了减少开发人员代码，默认添加一句 var exports = module.export）才能实现数据的共享。 2、自定义模块时，尽量做到一个模块处理一个功能，同时写的鲁棒性越强，越好。 3、最重要的：在函数进...
2018-12-07 20:56:32
765
原创 用Express重写前面的记事本
要点：1.express在这个案例之中，将路径的监听方法封装好了，通过平行的代码，简洁，逻辑直观。注意四种主要的方法 .use()监听公开的动态资源，前一个参数监听url，后一个参数指定对应路由的文件夹。 .engine()是在express中使用模板引擎，前一个参数通过某一后缀名，指定可以使用模板引擎的文件类型 .get() .post()分别监听get和post两种方式的...
2018-12-05 21:31:27
204
原创 node实现记事留言本服务器案例
要点：1. 直接使用url判断路径时，判断的部分一定是最后一位，如127.0.0.1：3000浏览器默认在3000后添加一个'/'，下面判断的就是这个127.0.0.1：3000/yous就是判断的/yous，也就是url的路径，当后面有查询（?后面的），不可以直接判断url，需要使用url核心模块了。2.注意node中地址是网页的地址，通过服务端的处理将一些静态资源集中到public文件...
2018-12-02 16:51:25
269
原创 node中通过模板引擎模拟Apache访问目录结构的功能
要点：1.页面的渲染方式分为客户端渲染和服务器渲染两种方式，这个实例中实现的就是服务端的渲染。2.在fs核心模块中，fs.readFile()方法使用相对路径，是从启动服务器的目录下出发使用"./"是为了区别核心模块。3.通过node引入npm中添加的包，可以直接通过require（'包名'），来引入这个例子中的包名 template.rander(数据，{键值对})来完成模板...
2018-12-01 15:48:12
431
2
原创 浏览器端的模板引擎使用—art-template
要点：1.模板引擎不光能在浏览器客户端中使用， 也能在node等服务器中使用。2.在替换模板引擎中占位符写完语句后，反而不能添加分号，会报错。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document&am
2018-12-01 10:11:41
594
原创 node.js创建服务器，并解析不同数据
要点：1.通过引入核心模块，来进行文件的读取和服务器的创建，并调用相应模块的API，进行想要的操作。2.不同的文件类型进行不同的解析，主要通过Content-Type（多用途互联网邮件拓展）进行不同的定义，如html对应text/html，注意编码方式的声明，服务器默认是utf-8，但是浏览器编码方式是跟当前操作系统是一致的，win10中文操作系统是gbk编码方式，所以会造成乱码。3....
2018-11-29 22:18:56
148
原创 Apache24+PHP7 win10 64位 vs2014环境配置
Apache和PHP各种版本弄的头疼，先将运行成功的文件分享一下，同时记录一下环境的搭建1.两个免安装版本的下载，前面写了Apache的配置，这里写PHP配置，节省时间 。https://pan.baidu.com/s/1MMq1iazhlee4IC0CXf4TEg 提取码：p8v7 2.想要执行php文件，首先打开的网站的默认文档需要有php类型的文件，并且命名注意=，这里in...
2018-11-24 19:41:24
223
原创 Apache多个虚拟主机的配置
1.以后操作用到很多虚拟主机的操作，将独立的配置文件打开，并设置虚拟主机的配置 2.将host文件中的域名修改为回环地址127.0.0.1，注意将修改工具如sublime先用管理员权限进行打开，再修改文件不然无法保存。 3.完成一个虚拟主机配置4.配置第二个虚拟主机，同样将host的域名解析改为回环地址，打开域名后出现禁止访问，因为文件读取权限没有打开，而上面的...
2018-11-24 09:50:34
1154
原创 Apache环境配置
1.官网下载免安装版本，对应自己的vs版本 官网：点击链接 2.下载完成之后，将压缩文件下的目录安装到c盘下新建名为wamp文件夹下3.用管理员打开cmd窗口，输入这句话，将文件名字修改成功了，但是提示文件位置不对4.将Apache24下面的conf的这个文件的这个两个位置改为自己Apache24文件夹的位置5.再次输入，能打开但是有个提示，创建一个服务...
2018-11-23 15:38:43
3037
原创 jQuery实现排他性和mouseenter（）方法—京剧小人聚光灯
要点：1.通过jQuery中筛选选择器中的.siblings()选择器，可以轻松获取到非焦点同级标签，注意筛选选择器都是方法，有些可以传递参数，一般是指定获取标签元素的类型。2..mouseenter()和mouseleave()方法和onmouseover()和onmouseout()的区别，前一种需要鼠标经过（或离开）对应的元素才能触发事件处理函数，而后面一种只要进过本身或父级元素就能...
2018-11-21 16:59:35
640
原创 jQuery对象与DOM对象的区别和联系
要点：1.DOM对象是js和jQuery需要操作的对象，是通过原生js获取对象的方式获取到的， jQuery对象是通过调用jQuery中获取元素方式获取到的DOM对象的集合，储存在伪数组中。2.jQuery是一个储存DOM对象的伪数组对象，所以需要通过伪数组获取特定对象的方法获取到准确的DOM对象再来操作 获取方式有两种，一直接通过伪数组的索引操作，二通过.get()方法获取...
2018-11-21 15:23:43
322
原创 递归案例，遍历DOM树
要点;1.这个例子的递归不是一个函数的递归而是两个函数组成一个整体完成递归，上面一个后函数获取子节点的伪数组，下面一个函数遍历打印节点。2.这个递归的中止条件是所有的子节点再没有别的节点了，要看懂递归先找到中止条件。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...
2018-11-20 09:31:25
1595
原创 js闭包例子—对不同对象实现点赞累加
要点：1.js中的闭包有两种，一种是函数模式闭包，此实例就是这个模式，并且一般这种模式会有返回处理函数，需要缓存的值，在返回处理函数才能实现缓存数据，而延长作用域链的作用一半定义的是匿名函数。2.大部分情况下函数模式闭包有返回值，如有返回值不能直接调用，需要接收函数。3.这里的点赞对象有四个，他们的内存空间不同，所以他们缓存的value值是对应的对象的value。代码：<...
2018-11-19 20:29:02
839
原创 将电影文件排序—函数作为参数和返回值，理解js提供的sort冒泡排序
要点：1.理解函数作为参数和作为返回值，就是将函数的处理结果直接使用了，而没有进行用第三个变量进行接收而已。2.js提供的sort冒泡排序算法是不稳定的，需要加一步比较两个对象的操作，同时想要进行降序排序只要将返回的值改变一下，即可改变升降排序，不需要重写。代码：<!DOCTYPE html><html lang="en"><head> ...
2018-11-19 16:49:22
300
原创 bind()方法复制函数或者方法，理解this不同作用域下的指代问题
要点：1.用法：函数名(方法名).call(对象，参数1，参数2)，来复制函数或者方法的名字。2.这个例子中，参数随机数，只在构造函数实例化的时候，创建rm实例对象时调用一次，定时器中调用的是函数的显示方法。3.理解bind方法前后this指代不同的原因，看注释。代码:<!DOCTYPE html><html lang="en"><head&...
2018-11-19 15:33:13
355
原创 js的拷贝继承的两种方式
要点：1.通过改变新实例对象的指针指向被继承的实例对象的地址，达到继承的效果2.通过遍历复制前一个对象的属性和方法达到拷贝的效果代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</t
2018-11-18 14:51:07
463
原创 js中组合方式实现继承实例
要点：1.js非高级语言，而是一本轻量级的脚本语言，本身没有继承的特性。但是，开发实践中，利用继承可以节省大量重复的对象的属性和方法的定义，所以基于原型，达到曲线继承。2. 若直接修改原型的指向，如果构造函数需要接收值他们的参数是一致的，那么初始化得到的对象属性值都相同，想要修改只能通过实例对象的原型来修改，比较麻烦。 若使用借用构造函数的方式来完成初始化，那么初始化的实例对象无...
2018-11-18 14:45:31
674
原创 JS实现贪吃蛇—重点理解原型和自调用函数的沙箱
要点：1.通过为构造函数的原型对象添加属性或者方法，可以实现数据共享，节省内存空间，不需要每次重新定义。如果构造函数中的属性或者方法跟原型对象中冲突，以构造函数为准，因为原型对象就是建立在构造函数的基础之上的。注意浏览器中使用的实例对象中的原型__proto__(两个英文状态下的下划线)和构造函数中的原型prototype结构是一样的，但是前一种是通过构造函数的原型创建的，指向后一种，并且...
2018-11-17 21:30:25
380
原创 css布局—直接自定义栅格系统，自己添加小型bootstrap样式
要点：1.这个实例中的布局，通过自定义的栅格系统，模仿bootstrap库，从而做到自己能有自己的库样式思路。2.像background这个属性，有许多的子属性，要是想要连写的话，如背景图片和平铺，只需写image即可，不需要也不能写成background-image。效果：代码：<!DOCTYPE html><html lang="en">&...
2018-11-16 17:03:40
1196
原创 网页高清放大镜—理解大小图片的比例
要点：1.小图的遮挡层的位置确定，注意抵消margin的值，并且注意盒子模型的位置都是左上角点为原点，注意减去本身宽高的一半，才能将其居中对齐。2.注意遮挡层的取值范围，不能超过小图的图片范围。3.大图移动的距离 = 遮挡层移动的距离 * 大图和小图的最大移动距离的比例 ，方向跟遮挡层移动方向相反，所以添加一个 “-”号代码：<!DOCTYPE html>&...
2018-11-15 20:05:05
963
原创 拖拽登陆框案例—client区域和offset系列
要点：1.鼠标点击拖动时，获取点击时候的位置，距离登陆框的上边框和左边框的距离（X和Y）2.鼠标移动的时候，将登陆框的位置设置为可视距离（clientLeft）- 减去上面获取的X或Y = 登陆框的位置3.鼠标弹起时，移除鼠标移动事件<!DOCTYPE html><html lang="en"><head> <meta charse...
2018-11-14 20:33:03
289
原创 旋转木马案例—数组和动画的联合应用
要点：1.这个例子中的数组操作的四个方法，都是在进行运算之后，都有返回值，而这些返回值有所不同。执行删除相关的操作时，返回的是被删除的值，而追加到数组对象中，返回的是被操作后的整个数组。2.关键点是，在点击切换按钮后，原来图片数组对应的图片发生了改变，但是通过js获取到的多个li标签组成的伪数组的每个li的样式并没有改变，需要重新将样式改变一下。代码：<!DOCTYPE h...
2018-11-13 19:31:48
335
原创 图片跟着鼠标移动—理解page系列、client系列、scroll系列和window.event和window.e的兼容问题
要点：1.这个例子中，如果可以直接pageX或者pageY就可以直接写一步操作即可，因为IE8不支持，通过 pageX (页面的具体横坐标位置)= scrollLeft（卷曲的横坐标距离） + clientX（可视区域横轴距离）这样曲线兼容 。2.在JS高级里面，有window.event来获取函数对象，而在谷歌火狐直接可以通过传参返回，以后再详细说明。3.这个例子中，是通过对象内部调...
2018-11-13 19:16:54
268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人