2018年12月_acoolgiser

12月 11月 10月 08月 07月 06月 05月 04月 03月 02月 01月

原创 three.js中场景，相机，渲染器之间的关系

摘自：http://www.hewebgl.com/article/getarticle/50Three.js中的场景是一个物体的容器，开发者可以将需要的角色放入场景中，例如苹果，葡萄。同时，角色自身也管理着其在场景中的位置。相机的作用就是面对场景，在场景中取一个合适的景，把它拍下来。渲染器的作用就是将相机拍摄下来的图片，放到浏览器中去显示。他们三者的关系如下图所示：...

2018-12-30 16:13:46 949

转载 three.js 性能测试

转自webgl中文网：http://www.hewebgl.com/article/getarticle/584、物体运动后，怎么评估程序的性能关于性能：测试一个程序，性能上是否有瓶颈，在3D世界里，经常使用帧数的概念，首先我们来定义一下帧数的意义。帧数：图形处理器每秒钟能够刷新几次，通常用fps（Frames Per Second）来表示。如下是每秒钟59次刷新的应用：当物体...

2018-12-28 09:25:51 1589

原创 three.js 游戏循环渲染循环

物体运动还有一个关键点，就是要渲染物体运动的每一个过程，让它显示给观众。渲染的时候，我们调用的是渲染器的render() 函数。代码如下：renderer.render( scene, camera );如果我们改变了物体的位置或者颜色之类的属性，就必须重新调用render()函数，才能够将新的场景绘制到浏览器中去。不然浏览器是不会自动刷新场景的。如果不断的改变物体的颜色，那么就需要不...

2018-12-27 22:02:10 1045

转载 three.js 中的右手坐标系

Threejs使用的是右手坐标系，这源于opengl默认情况下，也是右手坐标系。下面是右手坐标系的图例，如果对这个概念不理解，可以百度一下，我保证你伸出手比划的那一瞬间你就明白了。图中右边那个手对应的坐标系，就是右手坐标系。在Threejs中，坐标和右边的坐标完全一样。x轴正方向向右，y轴正方向向上，z轴由屏幕从里向外。跟高中物理学的左手定则、右手定则类型。摘自：htt...

2018-12-27 21:50:27 2972

原创 vue.js 中 v-if与v-show的区别和选择

如何选择v-if与v-show ： v-show 的用法与v-if基本一致，只不过是改变元素的CSS属性display。当v-show表达式的值为false时候，元素会隐藏，查看DOM结构会看到元素上加载了内联样式display：none; v-if 和 v-show 具有类似的功能，不过v-if 才是真正的条件渲染，它会根据表达式适当地销毁或重建元素及绑定的事件...

2018-12-24 22:10:29 478

原创 vue.js中的v-if指令使用template同时判断多个元素

在vue.js中，v-if指令可以控制元素的显示与隐藏，用法：<div id="app" v-if="status"> 我是div</div><script> var app = new Vue({ el: '#app', data: { status: 1 }...

2018-12-24 21:35:20 16302 1

原创 JavaScript中的 innerHTML 字符与变量拼接赋值

如图，在html中有一个div，给其设置文本：字符串与变量的拼接代码：<body> <div id='divtest'></div></body><script> var dis = 34; document.getElementById('divtest').innerHTML = "test...

2018-12-22 19:11:04 8154

转载 vue.js 生命周期

摘自https://www.jb51.net/article/122069.htm生命周期如图：什么是生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发...

2018-12-22 10:48:08 236

原创 JavaScript shift() 方法

JavaScript 中数组Array的shift() 方法JavaScript Array 对象定义和用法shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。语法arrayObject.shift()返回值数组原来的第一个元素的值。说明如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该...

2018-12-21 21:36:53 306

原创 SQL AUTO INCREMENT 字段

SQL AUTO INCREMENT 字段 Auto-increment 会在新记录插入表中时生成一个唯一的数字。AUTO INCREMENT 字段我们通常希望在每次插入新记录时，自动地创建主键字段的值。我们可以在表中创建一个 auto-increment 字段。用于 MySQL 的语法下列 SQL 语句把 "Persons" 表中的 "P_Id" 列定义为 auto...

2018-12-12 20:57:43 267

转载 callback&&callback()的意思是什么？终于明白了

转自：https://blog.csdn.net/qq_31301099/article/details/53055126 如果存在回调函数就执行！这是利用了 JS &&符号的一个小技巧&& 符号在前面为假时就不会执行后面的语句了所以这个就相当于if(callback){callback();}...

2018-12-12 20:32:27 5419

原创 JavaScript 实现前端table页面，vue.js实现前端表格

效果图：代码：<template> <table class="table table-striped table-bordered"> <tr> <td class="column">工程部位</td> <td colspan="3" clas

2018-12-12 19:26:41 4093

转载 vue.js 中watch的高级用法

转自：https://blog.csdn.net/wandoumm/article/details/80259908假设有如下代码：<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"&a

2018-12-10 20:41:14 150

转载 JavaScript 鼠标拖拽div 改变其大小

转自： http://www.cnblogs.com/yushang/archive/2013/03/19/2968782.html想让div实现拖拽改变大小功能，类似于soso地图（即现在的腾讯地图）的看街景时地图可以拖拽等功能分析一下，实现这个功能需要：鼠标按下，鼠标移动和鼠标抬起几个功能方能实现，那么找到相应的js事件：mousedown、mousemove、mouseup找...

2018-12-06 22:41:33 4276 1

原创 JavaScript 在vue页面下实现鼠标拖拽div改变其大小，适用于鹰眼地图，街景地图等。

首先看效果，如图，鼠标悬浮在地图的右上角小框中时，提示“拖动调整大小”，可以给小框加个好看的图标。点击可以进行拖拽。基于上一篇博客：https://blog.csdn.net/acoolgiser/article/details/84866426 实现。代码：<template> <div id="eagleMapContainer" title="...

2018-12-06 22:41:11 7726

原创 leaflet 中 geojson的坐标xy与polyline,polygon,rectangle,circle等元素的坐标xy颠倒的情况总结

在leaflet绘制地图要素时，在CRS.Simple坐标系中，存在(x,y)坐标顺序颠倒为（y,x）的情况：geojson 数据格式：{ "type": "FeatureCollection", "name": "pm1-1", "crs": { "type": "name", "proper

2018-12-05 20:35:59 4468 1

转载什么是SQL注入

直接举个例子说明一下这个sql注入的全过程吧~初步注入--绕过验证，直接登录公司网站登陆框如下：可以看到除了账号密码之外，还有一个公司名的输入框，根据输入框的形式不难推出SQL的写法如下：SELECT * From Table WHERE Name='XX' andPassword='YY' and Corp='ZZ'我发现前两者都做一些检查，而第三个输入框却疏忽了，漏洞就在...

2018-12-04 22:24:28 121

原创 QGIS编辑平移要素，移动多边形坐标位置

打开QGIS矢量工具，如图：拉一个矩形框，选中整个多边形：必须选中要移动多边形的全部范围，如图：然后，点击一个顶点，移动鼠标到目标位置，再点击鼠标即可。如图：成功平移到该位置。 ...

2018-12-03 21:36:42 8981

原创 leaflet 在地图popup弹框中添加按钮并点击响应（vue2leaflet），设置popup的content属性，添加button

效果如图，点击【进入】按钮，弹出alert提示框。当然这里可以把alert换成其他响应需求。首先给popup的content添加button：<l-popup :content="profile1-1+ '<br><button id="btnCon">进入</button>'"></l-popup>然后在p

2018-12-01 22:20:20 8221 4

原创 vue-leaflet如何设置地图的Leaflet Controls样式，更改地图的缩放控件、右下角状态控件的显示隐藏

首先效果如图：隐藏掉放大缩小控件和右下角的logo等参数信息。只需要在map的options属性里设置如下两个参数为false：zoomControl: false,attributionControl: false,要注意并不是所有属性都可以在options里面设置。详细参考leaflet官网：https://leafletjs.com/reference-1.3.4....

2018-12-01 10:54:11 7291