那个人总在笑-优快云博客

效果图实例代码只保留了关键代码部分，其余部分自行引入开发使用Cesium1.81版本1、Entityvar polyline1 = viewer.entities.add({ polyline: { positions: Cesium.Cartesian3.fromDegreesArray([ 110.0, 50.1, 112.0, 50.1 ]), width: 3, material: new.

2021-08-20 14:13:40 7658 14

原创 Cesium开发日记—动态立体墙效果

效果图实例代码只保留了关键代码部分，其余部分自行引入var path = [108.95846, 34.22104, 108.96039, 34.22104, 108.96046, 34.21804, 108.95843, 34.21804, 108.95846, 34.22104];var wall = viewer.entities.add({ wall: { positions: Cesium.Cartesian3.fromDegreesArray(pat

2021-08-18 15:35:25 3270 10

原创 JS中的深拷贝

let obj = { name: '张三', age: 20, fn: function () { console.log(1); }, test: undefined, arr: [] };1、序列化方法 let newObj = JSON.parse(JSON.stringify(obj));此种方法存在一定问题，当对象中存在func...

2021-08-17 17:30:59 131

原创 IE10+浏览器input输入框或search输入框的叉号（×）问题

IE中：input[type=text]::-ms-clear{display: none;}input[type=search]::-ms-clear{display: none;} 谷歌中：input::-webkit-search-cancel-button{display: none;}

2021-07-14 15:00:31 843

转载什么是BFC以及BFC的作用

BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。在解释什么是BFC之前，我们需要先知道Box、Formatting Co...

2021-05-06 17:07:26 1233

原创 input只能输入大于等于0的数字，包括整数和小数

以JQ的输入方法为例$('input').on('input propertychang', function () { this.value = this.value.replace(/[^\d.]/g, ''); //清除“数字”和“.”以外的字符 this.value = this.value.replace(/^\./g, ''); //验证第一个字符是数字而不是. this.value = this.value.replace(/\.{2,}/g, '.'); //只保留第一

2021-04-09 12:00:34 2815

原创分析比较opacity: 0、visibility: hidden、display: none 优劣和适用场景

1、DOM结构方面display，会让元素完全从渲染树中消失，渲染的时候不占据任何空间，不能点击。visibility，不会让元素从渲染树消失，元素继续占据空间，只是内容不可见，不能点击。opacity，不会让元素从渲染树消失，元素继续占据空间，只是内容不可见，可以点击2、继承方面display，会让元素完全从渲染树中消失，渲染的时候不占据任何空间，不能点击。visibility，不会让元素从渲染树消失，元素继续占据空间，只是内容不可见，不能点击。opacity，不会让元素从渲染

2021-03-24 11:55:52 734

原创 H5+ API 设置手机状态栏颜色以及沉浸式状态栏

设置状态栏背景颜色plus.navigator.setStatusBarBackground('#38c'); 设置状态栏文字颜色（只能设置黑或白 light ->白色 dark ->黑色）plus.navigator.setStatusBarStyle('light');沉浸式状态栏（系统支持：Android4.4及以上、iOS7.0及以上）1、判断是否支持沉浸式plus.navigator.isImmersedStatusbar()默认情况下是不...

2021-03-24 10:59:19 4356 3

原创怎么让一个子级div水平垂直居中

1、固定宽高，使用定位.child { position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -250px; width: 500px; height: 500px; background: yellow; z-index: 1;}2、非固定宽高（也适用于固定宽高），使用定位+transfrom.child { pos

2021-03-24 10:41:59 549

原创 JS中高德、百度地图坐标互相转换

//百度坐标转高德（传入经度、纬度）function bd_decrypt(bd_lng, bd_lat) { var X_PI = Math.PI * 3000.0 / 180.0; var x = bd_lng - 0.0065; var y = bd_lat - 0.006; var z = Math.sqrt(x * x + y * y) - 0.0000

2018-01-30 16:36:23 13577 3

原创 JS函数传参如何传入对象

例如： value为一个对象 value={} var valueStr = JSON.stringify(value); 对象转字符串 "onclick='areasDetails(" + valueStr + ")'>详情" 格式：单引号必须在外，单双引号保持一致。 function areasDetails(info){

2018-01-30 16:31:29 12077 2

转载 echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐)

echarts x轴标签文字过多导致显示不全如图：解决办法1：xAxis.axisLabel 属性axisLabel的类型是object ,主要作用是：坐标轴刻度标签的相关设置。（当然yAxis也是一样有这个属性的）[html] view plain copy print?axisLabel: { interv

2018-01-30 16:18:29 518

wang415229224ye的博客

原创前端正则校验

原创 Cesium开发日记—绘制虚线