- 博客(29)
- 收藏
- 关注
RSS订阅转载 vue轮播，展示pdf
vue轮播，展示pdf根据左侧图片格式，右侧展示相应的pdf文件与图片。（vue中不支持pdf格式，pdf文件要放在static文件里）；代码如下： 1 <template> 2 <!-- 户图件展示 --> 3 <div id="houseImgBox"> 4 <!-- 左侧img图片 -->...
2019-09-25 19:20:00
608
转载 cesium左侧列表定位目标
cesium左侧列表定位目标功能：根据左侧列表经纬度等信息的值，进行搜索定位。列表:1 点击清除按钮可以清空所有input的值2 点击查找可以定位到位置，如果输入的值不在范围内，会有弹出框提示。3 每个值，输入错误都有个弹出框，提示你。记得在合适的位置调用这个locationClick()这个函数哦~~；页面就是普通的页面；自己写就行。如有...
2019-09-21 09:50:00
414
转载 cesium默认全屏按钮自定义
cesium默认全屏按钮自定义1 隐藏默认的svg2 修改它默认的按钮边框，背景3 修改它点击时的样式代码如下： 1 .cesium-viewer-fullscreenContainer { 2 position: absolute; 3 top: 100px; 4 right: 24px; 5 width: 4...
2019-09-18 10:41:00
1456
转载 vue事件修饰符(once:prev:stop)
vue事件修饰符(once:prev:stop)stop修饰符 效果如下：当你鼠标在这个div里的时候，x与y的值；会随着鼠标的变化而变化。但是当鼠标放在stopMoving的时候，x与y的值是不会变化的；因为采用了阻止冒泡事件；或者也可以采用我注释了的那个方法。代码如下： 1 <template> 2 <div id="app">...
2019-09-16 16:11:00
219
转载 vue实现轮播效果
vue实现轮播效果效果如下：（不好意思，图有点大；）功能：点击左侧图片，右侧出现相应的图片；同时左侧边框变颜色。代码如下：（也可以直接下载文件）<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>...
2019-09-15 19:04:00
199
转载 Web Worker 多线程（六）
Web Worker线程处理1 浏览器把所有事件都通过操作系统安排到事件队列中（例如：你去一个·窗口买菜，需要排队）；浏览器使用单线程处理队列中的事件和执行用户代码（也就是单线程；web workers除外）。 因此，浏览器每次只能处理这些任务中的一个，并且任意一个任务都能阻止其他任务的执行。2 怎样判断代码“足够快”？0.1秒的用户体验为:用户可以随意操作，无...
2019-09-11 12:27:00
196
转载 vue入门例子
vue入门例子1、声明示渲染 {{message}}2、绑定事件 v-bind3、控制切换一个程序是否显示 v-if4、渲染循环 v-for5、点击事件 v-on6、双...
2019-09-10 17:41:00
126
转载 Vue环境搭建及第一个helloWorld
Vue环境搭建及第一个helloWorld一、环境搭建 1、node.js环境安装配置https://www.cnblogs.com/liuqiyun/p/8133904.html或者https://www.jianshu.com/p/13f45e24b1de 2、安装vue（命令在命令行输入,快捷键win+r；输入cmd，之后输入下面的命令 ）cnpm ...
2019-09-09 20:44:00
322
转载 JavaScript类型和语法
JavaScript类型和语法一、类型 1、内置类型（null、undefined、boolean、number、string、object、symbol（es6中新增））（除对象之外，其它统称为基本类型）； 可以用typeof去判断值的类型。 typeof undefined === "undefined"; //true...
2019-09-08 19:32:00
111
转载 cesium清除选定事件
cesium清除选定事件此处的案例不一定适合你的项目，但可以给你一个思路。清除选定，就是还原你选中之前的状态。比如你点击一个面高亮，面的颜色发生改变；并且会弹出一个divPoint框。此时的清除选定，你只需要把选中面的颜色复原以及把divPoint框隐藏就可以了。代码如下： 1 //清除图层并且注销事件 2 function clearAll() {...
2019-09-08 18:30:00
1778
转载 cesium中divPoint展示数据
cesium中divPoint展示数据在用点击面获取位置信息的时候，会弹出一个divPoint框，用来展示这个面的属性信息；或者位置信息。代码如下： 1 var handlerClick = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); 2 var divPoint = null; 3 ...
2019-09-08 11:33:00
785
转载 cesium安装及第一个示例
cesium安装及第一个示例一、环境要求 二、浏览器要求 三、安装node.js四、下载cesium包（地址为https://cesiumjs.org） 包括了五、在你的项目里引入相关js与css 只需要在js中写下面这句话 六、在html页面写入这句话，然后nmp install ...
2019-09-08 11:02:00
132
转载 2、cesium页面小控件的隐藏
cesium页面小控件的隐藏一、 创建一个Viewer var viewer = new Cesium.Viewer('cesiumContainer');//cesiumContainer为div中的id。二、Viewer中会有下面这些内容1 Geocoder:一种定位搜索工具，他可以让摄像机飞到查询位置。默认使用应用地图数据。2...
2019-09-08 10:13:00
343
转载 4、cesium场景出图，打印图件
cesium场景出图，打印图件把3d渲染的页面进行截图，并可以下载到本地；代码如下： 1 function printscreenScene() { 2 var image = new Image();//创建img对象 3 viewer.render();//重新渲染界面 4 image = viewer.sce...
2019-09-08 10:07:00
953
转载 5、cesium点击面高亮事件
cesium点击面高亮事件主要功能：比如你加载了json、geojson或者topojson的数据。加载出来后，分为很多个面，现在要实现点击一个面，这个面变颜色；再点击另一个面，另一个面高亮，之前的面复原。（有不懂得，请加相关学习群：854184700）下面上代码： 1 function hightlightLine() { 2 var tem...
2019-09-08 10:05:00
2889
转载 3、cesium中json、geojson、stk,影像切片等数据的加载（离线的）；以及位置初始化...
cesium中json、topojson、geojson、stk,影像切片等数据的加载一、geojson、topojson，json数据的加载 不管是哪种json，都可以通过GeoJsonDataSource去加载；方式是一样的。 例：1 var viewer = new Cesium.Viewer('cesiumContainer');2 viewer.da...
2019-09-07 18:25:00
565
转载 整合异步脚本
异步脚本整合 常规方式加载脚本（<script src="url”></script>）,不仅会阻塞页面中其它内容的下载，还会阻塞脚本后面所有元素的渲染。异步加载脚本可以避免这种现象，提高加载速度。但是如果在使用外部脚本时，不关注外部脚本里定义的标识符行内脚本；不考虑行内代码的依赖；则可能会由于竞争状态，而出现未定义标识符错误。 当异步加载的外部脚本与...
2019-08-25 15:03:00
125
转载 作用域和闭包（一）
作用域和闭包（一）一、作用域是什么？ 1、概念：设计好一套规则来存储变量，并且之后可以方便找到这些变量。（并且之后对这个值可以进行访问和修改。） 2、传统编译语言流程：程序中的源代码在执行之前，会经历以下三个步骤，统称为“编译”； （1）分词/词法分析。(这个·过程会将由字符组成的字符串分解成（对编程语言来说）有意义的代码块，这些代码块被称为词法单元。) ...
2019-08-25 15:02:00
117
转载 布置行内脚本布置---性能优化（五）
行内脚本布置简述：行内脚本不会产生额外的HTTP请求，但会阻塞页面上资源的并行下载，还会阻塞逐步渲染。1 行内脚本阻塞并行下载 当行内脚本执行时，将阻塞其他所有资源的下载，直到行内脚本执行结束时。除了阻塞并行下载，行内脚本还阻塞渲染。 解决方案：（1）把行内脚本移至页面上所有资源的后面来实现并行下载和逐步渲染。 （2）适用异步回调启动javascript的...
2019-08-18 19:17:00
175
转载 ThreeJS模型展示为黑色，模型出不来
选取gltf格式时，出现模型为黑色，模型出不来原因：我们设计部可能是用maya或者3dmax去做；在模型导出时，没有gltf格式；如果maya或者3dmax导出obj然后导进blender，再导出gltf格式，就容易再格式转换的过程中出现数据丢失。（这时候你会发现你展示出来的模型为黑色，在你代码没有问题的情况下，你会发现后台也不报错，别的模型也可以展示出来）解决办...
2019-08-16 19:04:00
2672
转载 拆分初始化负载，提高性能（四）
拆分初始化负载，提高性能1 在初始化时加载必要的javaScript,其余的JavaScript稍后再加载；避免给用户带来响应停顿的印象。（在初始化页面时，很多函数下载了，但并未执行）；2 寻找拆分的函数Firebug的JavaScript性能分析器能显示出在触发onload事件之前执行的函数名。我们可以通过这个列表，把js代码拆分成一个页面初始化需要加载的文件；另一个...
2019-08-11 10:16:00
174
转载 ajax性能优化（三）
ajax性能优化例：模块： A B C D开销： 50% 3% 25% 22%如果我们优化B就如同那些那些只执行一次的代码，性能·提高不到哪里去；反之，我们去优化A，比如去优化它的循环，减少循环的嵌套，就能很好的提高网站性能（当然，这必须建立在程序符合要求的前提下）。使用ajax技术（ajax库http://developer.yahoo.com...
2019-08-08 12:29:00
258
转载 cesium相关学习网址
cesium相关学习网址： cesium资料大全网址：https://www.cnblogs.com/cesium1/p/10062942.html http://192.168.101.121:9421/（内部网） http://cesium.xin/ ...
2019-08-08 11:17:00
393
转载 谷歌与Airbnb的JS代码规范
谷歌JS代码规范规范代码原因：代码规范是为了保持源代码编写模式一致,便于维护代码，可读性高。1、使用空格代替tab规范随后指出应该使用2个，而不是4个空格带实现缩进。(除了每一行的终止符序列，ASCII水平空格符（0x20）是唯一一个可以出现在源文件中任意位置的空格字符)2、不能省略分号每个语句必须以分号结尾。不允许依赖于JS自动添加分号的功能。...
2019-08-08 10:26:00
395
转载 无阻塞加载脚本----性能优化（二）
无阻塞加载脚本1 脚本阻塞并行下载行内脚本通过script标签引入整段javascript:<script> function displayMessage(msg){ alert(msg);}</script> 外部脚本通过script的src属性把独立文件中的JavaScript引入：&l...
2019-08-03 11:55:00
148
转载 web开发者性能优化工具（一）
web开发者性能优化工具1 数据包嗅探器（在性能优化时，查看页面（包括页面中全部资源）的加载过程） HttpWatch (http://www.httpwatch.com/) 把网络流量用图形的方式绘制出来；图形化的展示更容易发现性能的延迟问题 FireBug网络控制板，可以显示HTTP瀑布流。缺点：它的事件信息会受到网页本身的影响。Firebug是用ja...
2019-07-31 18:55:00
216
转载 webgl图库选型
3D图库框架范围与示例一、 BabylonJS（适用于小场景,开源;JavaScript、TypeScript）（一）特点强大，美观，简单和开放的3D渲染体验。（二）适用范围Babylon.js是一款WebGL开发框架。 适合做中大型项目，尤其是多种媒体混杂的或者是游戏项目VR体验项目（三）支持格式glTF，OBJ，STL，.babylon (常用格式)。（四）优缺点1、 优点...
2019-07-30 16:42:00
1198
转载 threeJS创建mesh，创建平面，设置mesh的平移，旋转、缩放、自传、透明度、拉伸...
这个小案例是当初我在学习的时候，小的一个小案例，代码还需要进一步优化；还请谅解~~；主要用到了threeJS创建mesh，创建平面，设置mesh的平移，旋转、缩放、自传、透明度、拉伸等这些小功能；（点击每个mesh，mesh的颜色会变为红色）点击1 需要加载这些相关的js文件2 下面是实现的一些小功能3 下面是相关代码，代码还没有优化，请谅解~~（具...
2019-07-30 14:44:00
2966
转载 three出现状态200的报错
报错代码如下： {status: 200, data: {…}} "sa_SpringUserFindOneView_findPbUserByUserId"header.vue?1c65:163 {status: 200, data: {…}} "sa_SpringMsgUnreadNumView_unreadMsgNum"index.js?f446:60原因：图片没加载。...
2019-07-30 10:54:00
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人