前端
qq_37820215
这个作者很懒,什么都没留下…
展开
-
性能优化总结
1、减少HTTP请求1、合并和压缩css,js(将css文件和并为一个。将js合并为一个)webpack、gulp2、雪碧图(用将页面上的背景图合并成一张,然后通过css的(background-position:百分比,数值)属性定义值来取他的背景)3、尽量所使用的字体图标或者SVG图标来代替传统png图(因为字体图标或者SVG是矢量图,代码编写出来的,放大不会变形,而且渲染速度快)4、图片的懒加载( 1、页面开始加载时不去发送http请求,而是放置一张占位图 2、当页面加载完时,并且原创 2020-06-29 09:28:16 · 120 阅读 · 0 评论 -
潮位标识物笔记
该项目在三维地理仿真环境上实现了潮位标识物可视化及监控,包括状态信息、设备管理、设备管理修改、警戒标识物、维护记录五个模块。1、BootStraphttps://blog.csdn.net/zxy9602/article/details/79642378①Bootstrap的栅格系统实现响应式布局它就是通过一系列的行(row)与列(column)的组合创建页面布局,然后你的内容就可以放入到你创建好的布局当中。工作原理:通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最原创 2020-05-30 22:03:35 · 172 阅读 · 0 评论 -
风场可视化
风场步骤:1. 在屏幕上生成一系列随机粒子位置并绘制粒子。2. 对于每一个粒子,查询风数据以获得其当前位置的粒子速度,并相应地移动它。3. 将一小部分粒子重置为一个随机的位置。这就确保了风从不会变成空的区域。4. 淡出当前屏幕,并在顶部绘制新定位的粒子。具体代码步骤:1、生成经纬度网格 1)得到风场数据:头文件(包括各种参数,如行列数、经纬度范围等),(U,V)。 2)利用一个三维数组grid数存放数据。第一维表示行数,第二维表示列数,第三位表示每一个网格点的U原创 2020-06-29 09:29:28 · 1966 阅读 · 1 评论 -
风场动画笔记------数据格式
1、jsonjson是什么json是一种数据格式,它格式简单,易于读写,是前后台数据交互最常见的数据格式。为什么不用XML?1) 数据体积方面JSON相对于XML来讲,数据的体积小,传递的速度更快些。2) 数据交互方面JSON与JavaScript的交互更加方便,更容易解析处理,更好的数据交互。3) 数据描述方面JSON对数据的描述性比XML较差。4) 传输速度方面JSON的速度要远远快于XML。json语法1、数据在键值对中,key:value2原创 2020-05-29 15:56:18 · 1413 阅读 · 2 评论 -
bind
待补充台风中遇到的问题?帧 tickbind原创 2020-05-19 10:10:03 · 124 阅读 · 0 评论 -
面向对象案例,飞机大战
github上案例1、初始化界面1)放置计分器 创建元素(span),添加到界面2)放置音乐 创建元素(audio标签),添加到界面2、分析对象-飞机对象-敌军对象-敌军BOSS对象(继承敌军)3、创建飞机对象Plane -属性:图像对象(飞机)、难度等级、飞机速度、界面元素、子弹 -planeImg: -设置属性:图片路径、class属性、位置初始化样式 -index -sp原创 2020-05-11 16:07:24 · 411 阅读 · 0 评论 -
面向过程编程之打地鼠
面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用就可以了。打地鼠小游戏:1、完成基本布局2、随机出现小老鼠 1)随机出一个索引 2)根据索引取出td(网格),给td里加一张小老鼠的图片 3)setTimeout()让他隔断时间消失 注:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。 .原创 2020-05-10 16:47:28 · 769 阅读 · 0 评论 -
es6类中调用递归
原始的写法,没有问题 function tick() { viewer.scene.render(); console.log(ppp) if (ppp !== false) Cesium.requestAnimationFrame(tick); oceansurfclass.currentTi...原创 2019-12-13 15:13:36 · 608 阅读 · 0 评论 -
Cesium中使用dat.GUI组件的原因
想实现参数的设置,Cesium中有属性knock能实现Cesium.knock能够使Cesium球体监听html控件, 从而根据控件的值实时改变一些地图属性.但是我们项目要在球体上实现很多功能,而且要求能够多次开启和关闭(要求能够监听和解除监听)。Cesium.knock在关闭之后再次开启时会报错,因为其继承的knockout.js中没有解除监听事件,而且这是cesium已经封装好了,不能...原创 2019-12-04 16:25:03 · 489 阅读 · 0 评论 -
split 按照换行符或者逗号分隔字符串
JavaScript split() 方法split() 方法用于把一个字符串分割成字符串数组。 data.split(/[,|\n]/)原创 2019-12-02 15:53:05 · 3578 阅读 · 0 评论 -
贪吃蛇游戏
知识点面向对象思想,原型添加方法的练习,私有的函数功能实现1、搭建页面 放一个容器盛放游戏场景 div#map,设置样式。2、分析对象- 游戏对象- 蛇对象- 食物对象3、创建食物对象Food - 属性:所在位置、宽高度、颜色 - x - y - width - heig...原创 2019-11-28 21:38:02 · 128 阅读 · 0 评论 -
面向对象 贪吃蛇案例
一、案例演示贪吃蛇游戏,利用面向对象思想绘制,实现吃到食物和碰到边界死亡功能。二、知识点面向对象编程、边界检测、吃掉食物后随机生成食物、吃到食物往蛇的尾巴加上一节三、案例中的对象:食物、蛇、游戏对象食物对象。//创建数组用来保存每一个小方块食物var elements = [];食物的属性:所在位置、宽高度、颜色function Food(x, y, w...原创 2019-11-28 20:52:14 · 230 阅读 · 0 评论 -
获取Promise对象的值
es6--Promise对象,是异步编程的一种解决方案从服务器中读取数据/*根据dev查询设备信息*/ getDeviceByDev(dev) { const _this = this let timeStamp = new Date().getTime() let deviceList let hqxuser_...原创 2019-07-22 16:06:44 · 17203 阅读 · 0 评论