![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
Alice爱俪丝
人生不是一场物质的盛宴,而是一次灵魂的修炼,让她在谢幕之时比开幕之初要高尚一点。
展开
-
Cesium控制相机,实现绕点旋转飞行
通过时钟和相机控制,实现绕点旋转点击链接查看效果控制时钟的停止旋转参考点击链接查看效果cesium demovar viewer = new Cesium.Viewer('cesiumContainer'); var options = { lng: 117.1423291616, lat: 39...原创 2019-08-20 11:26:14 · 7319 阅读 · 4 评论 -
Vue循环生成DOM,并实现双向绑定
HTML模板 <div id="vm" class="grd_portfolio_grid filterlist row"> <!-- <div v-for="t in todos.lawn_care"> --> <div class="portfolio-i原创 2018-12-05 16:51:39 · 3411 阅读 · 0 评论 -
js添加天气控件
&lt;div class="foot_weather"&gt; &lt;iframe width="285" scrolling="no" height="25" frameborder="0" allowtransparency="true&am原创 2018-10-30 16:39:34 · 1363 阅读 · 1 评论 -
js动态显示系统时间
定时1S刷新系统时间,当日、时、分、秒,不足2位时补0//时间更新function timeUpdate() { var date=new Date(); var year=date.getFullYear(); var month=date.getMonth()+1; var day=date.getDate(); var hour="00"+date...原创 2018-10-30 16:35:05 · 2201 阅读 · 0 评论 -
Vue实现HTML模板与Json数据的渲染
2、html模板文件<div id="numberOfAlarms" class="leftSide-block"> <ul id="numberOfAlarms-list" class="leftSide-ul"> <li class="first"> <s原创 2018-10-31 13:04:45 · 5071 阅读 · 0 评论 -
Echarts饼状图默认显示lable
Echarts饼状图默认显示指定lable// 基于准备好的dom,初始化echarts实例var myChart = echarts.init(document.getElementById('graph-donut'));// 指定图表的配置项和数据option = { series: [ { name:'访问来源', ...原创 2018-10-26 13:53:22 · 12527 阅读 · 1 评论 -
【nodeJS】连接【MySql】数据库
准备数据库:redmine工程结构:config .jsvar config = { database: 'redmine', // 使用哪个数据库 username: 'redmine', // 用户名 password: '123456', // 口令 host: 'localhost', // 主机名 port: 3306 // 端口号,My...原创 2018-10-10 16:05:48 · 10173 阅读 · 0 评论 -
Cesium热力图之【CesiumHeatmap】
相关资料官网介绍npm上的介绍GitHub源码用法总结方法1、 HTML中直接用【script】标签包含let bounds = { west: 147.13833844, east: 147.13856899, south: -41.43606916, north: -41.43582929}; // init heatmaplet heat...原创 2018-09-29 10:55:23 · 8548 阅读 · 5 评论 -
ajax加载HTML模板,动态渲染json数据
【obj】参数是读取的json文件,采用【singulation.html】模板进行渲染 function singulationInfoHtml(obj) { var objE = document.createElement(&quot;div&quot;); objE.id = obj.id; objE.setAttribute('class', 'sin...原创 2018-09-21 17:19:31 · 8189 阅读 · 0 评论 -
前端代码模块化之requireJS
第一步:下载require.js,创建HTML文件添加引用,确保自己的路径设置正确。 <script src="../ThirdParty/requirejs-2.1.20/require.js"></script> 第二步:创建功能模块.js文件,最好一个.js文件定义一个模块。(function () { define('Singulati...原创 2018-09-14 09:54:09 · 198 阅读 · 0 评论 -
Cesium之单体化--classificationType
略做修改的官网demo Cesium中提供的【classificationType : Cesium.ClassificationType.CESIUM_3D_TILE】参数,可以轻松实现单体化,下面的四棵树可以明显区分。center = new Cesium.Cartesian3(1216409.0189737265, -4736252.144235287, 4081393.60270...原创 2018-09-07 16:43:29 · 11769 阅读 · 4 评论 -
利用cookie实现HTML间简单的信息传递,中文字符乱码
通常cookie和session,是web开发中用于存储信息的对象,session存在于服务器的内存中,而cookie则是存在客户端,所以js可以直接操作cookie进行信息的存储和读取。利用cookie存储简单信息,解决不同页面之间无法传递参数的问题(全局变量也无法在不同页面之间进行共享)。用于用户是否登录的判断,从而实现不同用户权限的划分。 //保存cookie function add...原创 2018-12-06 10:08:58 · 839 阅读 · 0 评论 -
node【UTF-8】解码出错,悬而未决
file_name=======================&lt;Buffer 41 e4 bd a0 e4 bd a0&gt;gbkBytes=======================&lt;Buffer 41 c4 e3 c4 e3&gt;A浣犱綘A浣犱綘buf=======================原创 2019-01-04 14:10:32 · 881 阅读 · 0 评论 -
openstreetmap获取城市接到OSM数据,并转换成GeoJson
步骤一:进入openstreetmap(osm)官网:https://www.openstreetmap.org/在搜索框内搜索你想要查询的城市,如:天津市得到一下信息:步骤二:进入osm overpass api :http://www.overpass-api.de/点击上图中框选按钮进入以下页面输入如下代码:<query type=""relation>...原创 2019-08-03 17:31:14 · 4419 阅读 · 0 评论 -
cesium entity实体删除,漏删问题
问题删除实体的时候,会实时修改 viewer.entities的下标,例如 entitys.length = 20,找到第一个 entitys[i]._name === “lablebill” (设其为第10个实体)的实体删除后, entitys.length 变成 19,而原来的第11个实体变成了第10个实体,所以循环的时候会漏掉,解决方法: i--; //循环删除多...原创 2019-05-30 14:39:57 · 11469 阅读 · 0 评论 -
点击子元素触发父元素点击事件,如何直接获取父元素ID
深入理解e.target与e.currentTarget:https://juejin.im/post/59f16ffaf265da43085d4108原创 2019-05-10 09:34:47 · 6190 阅读 · 0 评论 -
VUE双向绑定通过修改数据,同步修改DOM显示
VUE双向绑定VUE双向绑定通过修改数据,同步修改DOM显示,数据修改需要遵循vue深入响应式原理深度拷贝可出发DOM更新this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })...原创 2019-04-11 13:16:18 · 1712 阅读 · 0 评论 -
videoJS关闭播放窗口报错的解决
错误1:关闭播放divdocument.getElementById("operator").style.display = "none"; 会一直弹出如下错误,是因为关闭窗口没有注销video,所以引发如下错误this.el_.vjs_getProperty is not a function错误2:dispose()注销video解决了上面的报错this.GLOBAL.g_...原创 2019-04-02 09:34:59 · 12117 阅读 · 2 评论 -
vue前端采用videojs模块,实现rtmp视频流播放
node安装videojs和videojs-flash模块npm install video.js videojs-flashvue引入模块和样式<template><video id="my-player" class="video-js" controls preload="auto" poster="//vjs.zencd...原创 2019-03-26 16:43:29 · 8578 阅读 · 2 评论 -
vue组件引用video JS 播放RTMP视频流,并动态修改视频地址
videoJS的引用GitHub地址:https://github.com/videojs注意设置flash插件允许运行import "video.js/dist/video-js.min.css";import videojs from "video.js";import "videojs-flash";vue动态绑定视频地址地址修改,但是播放的视频流依然是初始化的视频 <...原创 2019-03-30 13:08:33 · 6708 阅读 · 1 评论 -
js中数组push对象,前面的值总是被最后一次的值覆盖的问题
错误代码 var droneObj = { uavSn: "XF00001", status: "0", offonlineTime: myDate.toLocaleString(), observer: "无" }; this.list2 = []; for (let i = 0; ...原创 2019-03-15 09:56:21 · 2086 阅读 · 0 评论 -
引用iview组件之 [did you register the component correctly] 错误
错误原因没有引用iview模块就进行了iview组件的使用,导致如下错误Unknown custom element: <Row> - did you register the component correctly? For recursive components, make sure to provide the "name" option.解决方法main.js 中...原创 2019-01-21 15:40:53 · 13418 阅读 · 0 评论 -
webpack打包node项目[ Module parse failed:]
./node_modules/sockjs-client/dist/sockjs.js.map Module parse failed: Unexpected token (1:10).js.map后缀文件没有正确加载解决方法:webpack配置文件添加{ test: /\.js\.map$/, use: { loader: 'fil...原创 2019-01-21 15:34:23 · 2496 阅读 · 0 评论 -
如何阻止点击a标签刷新当前页面
href="#" 修改为 href=“javascript:void(0)” href=“javascript:void(0)” <ul> <li class="buy_aui_current"><a href="javascript:void(0)">1个月</a></原创 2019-01-02 14:39:16 · 6299 阅读 · 1 评论 -
DOM节点排序实现
原创 2018-09-12 17:12:41 · 1310 阅读 · 0 评论 -
ES6标准之generator(生成器)
一个generator看上去像一个函数,但可以返回多次。https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450083887673122b45a4414333ac366c3c935125e7000 ...原创 2018-09-12 15:14:35 · 243 阅读 · 0 评论 -
你可能还不懂【parseInt】
详细原理参考:https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001435119854495d29b9b3d7028477a96ed74db95032675000// parseInt(string, radix) -> map(parseInt(value, i...原创 2018-09-12 13:32:12 · 2120 阅读 · 0 评论 -
Cesium 如何区分单击【LEFT_CLICK】和双击事件【LEFT_DOUBLE_CLICK】
var timeoutID = null;handler.setInputAction(function(movement){ clearTimeout(timeoutID); timeoutID= window.setTimeout(function(){ var cartographic = Cesium.Cartographic.fromCartesian(pos...原创 2018-08-29 09:37:04 · 3534 阅读 · 2 评论 -
JS解析shapefile(.shp)
<!DOCTYPE html><script src="https://unpkg.com/shapefile@0.6"></script><script>shapefile.open("../../data/天津.shp") .then(source => source.read() .then(function原创 2018-08-23 15:48:56 · 12046 阅读 · 5 评论 -
Cesium加载.shp三维城市建筑模型,并根据3DTiles建筑物高度修改颜色
1、Cesium官网例子(纽约)https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/?src=3D%20Tiles%20Feature%20Styling.html2、加载.shp格式建筑模型首先将.shp文件转换成Cesium可以加载的文件格式方法1:参考我的博客转换为3dtiles 推荐一款专为Cesium开源数字...原创 2018-08-23 14:11:17 · 16974 阅读 · 11 评论 -
Cesium切换entity【隐藏】与【显示】的技巧 ----parent 属性的使用
var near_water_entity = viewer.entities.add(new Cesium.Entity());function Add_near_water(Id, lng, lat) { var entity = viewer_g.entities.add({ parent:near_water_entity, id: Id, ...原创 2018-08-23 09:03:32 · 13066 阅读 · 7 评论 -
Cesium之【三角】量测
//****************************三角测量 ************************************************//var measureTriangle = function (viewer, handler){ handler_g = handler = new Cesium.ScreenSpaceEventHandler(view...原创 2018-08-27 15:12:53 · 3265 阅读 · 7 评论 -
Cesium之【空间面积】测量
空间面积测量对象是平面,考虑到了取点的高度;地表面积测量的是球体(地球)曲面 //****************************测量空间面积************************************************//var measureAreaSpace = function (viewer, handler){ handler = new Cesi...原创 2018-08-22 17:23:05 · 7970 阅读 · 16 评论 -
Cesium通过AJAX加载并渲染Json文件保存数据
var buding_info_entity = viewer.entities.add(new Cesium.Entity());//*******************************添加pin标注***************************************//function add_pin_fun(p_position,text){ var pin...原创 2018-08-22 09:59:01 · 2594 阅读 · 0 评论 -
Cesium【空间距离】量算
网上提供了地表测距方法,这里供上【空间】测距的方法:两者区别是前者只是两点间的水平距离,仅考虑到【经纬度】,后者还考虑到了【高度】。/******************************************* *///测量空间直线距离 /******************************************* */var measureLineSpace...原创 2018-08-22 09:48:21 · 12332 阅读 · 22 评论 -
AJAX加载XML文档,文档中文内容出现乱码
$.ajax( { url: "location1.xml", dataType: 'xml', type: 'get', timeout: 2000, contentType: "application/x-www-form-urlencoded; chars...原创 2018-07-09 16:54:46 · 437 阅读 · 0 评论 -
jquery.template.js 模板使用
1、.HTML模板可单独保存为html文件<tr class="searchResult"> <td data-content="id" data-link="id" data-format="productLink" data-format-target="link"></td> <td data-原创 2018-06-12 16:14:26 · 2452 阅读 · 0 评论 -
JavaScript前端学习知识体系以及资料推荐
1、如果有人让你推荐前端技术书,请让他看这个列表伯乐在线已经在 GitHub 上同步了这个列表:https://github.com/jobbole/awesome-web-dev-books ,欢迎扩散。好的技术书籍可以帮助我们快速地成长,大部分人或多或少地受益于经典的技术书籍。在「前端大全」微信公号后台,我们经常能收到让帮忙推荐书籍的消息。这类的问题在@前端大全 微博 和 伯乐在线...原创 2018-06-19 10:34:47 · 161 阅读 · 0 评论 -
Cesium之【高度】量算
//****************************高度测量 第一个点的经纬度,第二个点的高度,两点水平距离为半径************************************************// var measureHeight = function (viewer, handler){ handler_g = handler = new Cesium.S...原创 2018-08-25 16:50:34 · 8530 阅读 · 9 评论 -
不会写爬虫代码,有时候也能窥探到WEB数据--以Cesium为例
看到这真实的3Dtiles是不是手痒,控制不住你自己?那还等什么? URL挂上下面的token(不要忘记?先生),不就是你期待已久的数据大人吗?https://assets.cesium.com/3836/tileset.json?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI1MjY4NjViOC1hMGM4L...原创 2018-09-04 14:37:58 · 576 阅读 · 0 评论