- 博客(36)
- 收藏
- 关注
RSS订阅原创 leaflet知识点：地图窗格panes的应用
通过自定义窗格可以解决这个问题，新建一个名称为plane-stop窗格，将停机坪图层放到这个窗格中，设置这个自定义窗格的css样式z-index值在200和400之间，不能低于200，低于200会被瓦片遮住。无人机和停机坪所在markerPane窗格的z-index层级，通过设置Marker标记的zIndexOffset，只能让无人机图层显示在最上面，而航线图层始终会被遮住。地图中存在无人机，停机坪，航线三个图层，需要实现无人机图层显示在最上面，停机坪图层显示在最下面，航线图层显示在中间。
2024-04-11 17:43:19
786
原创 leaflet知识点：leaflet.draw的使用指南
ps: 如果发现draw:drawstart一直不触发，查看一下L.Draw.Event.DRAWSTART是不是在enable()方法执行之前监听的。插件推荐使用L.Draw.Event.EVENTNAME常数，也可以直接使用draw:eventname。Draw.SimpleShape继承Draw.Feature。Draw.Circle继承Draw.SimpleShape。Draw.Polyline继承Draw.Feature。Draw.Marker继承Draw.Feature。
2024-04-02 16:46:16
1165
原创 cesium知识点：DataSource
ps2: 平常开发添加实体可能是直接调用viewer.entities.add({Entity}),其实是直接调用dataSourceDisplay.defaultDataSource.entities，相当于Cesium为我们内置的一个CustomDataSource，实际上还是由dataSourceDisplay来渲染的。ps1: 上面viewer.dataSources.add(dataSource)，就是向DataSourceCollection实例中添加DataSource实例。
2024-03-29 13:52:07
694
原创 cesium知识点：坐标系
对象：new Cesium.Cartographic(longitude, latitude, height)说明：又被称为笛卡尔空间直角坐标，坐标的原点就是椭球的中心，在cesium中变换空间位置时使用。说明：cesium默认使用WGS84坐标系作为空间参考，坐标原点在椭球的质心。说明：又被称为二维笛卡尔平面坐标，屏幕左上角为原点（0,0），单位为像素值。对象：new Cesium.Cartesian3(x, y, z)对象：new Cesium.Cartesian2(x, y)对象：没有实际的对象。
2024-03-22 16:32:37
668
原创 nvm下载node指定版本后npm不存在
查找资料发现是8.11以上版本的node版本对应的npm都没法自动安装，需要自己到npm官网( https://registry.npmmirror.com/binary.html?path=npm/)下载手动安装对应的npm版本。接手一个老的项目，需要使用旧的node版本，使用nvm下载12.11.0版本后发现npm命令不存在。
2024-02-27 17:47:14
1256
原创 Angular管道中处理异步数据
当组件被销毁时，async 管道就会自动取消订阅，以消除潜在的内存泄露问题。解决： 使用async管道，<img [src]=“item.ufmpFileUrl | minioFormat | async” alt=“” />将图片的相对路径作为参数请求接口返回一个图片URL，这样直接放到img标签上面渲染图片，由此想到使用自定义管道的功能；模板中使用：<img [src]=“item.ufmpFileUrl | minioFormat” alt=“” />
2024-01-19 10:34:36
409
原创 mqtt或websocket接收到MP3音频数据实时播放
安卓端通过调用麦克风采集到音频数据转换成MP3格式，然后通过websocket或者mqtt每隔500ms发送一次数据出去。有两种方法可以播放音频数据，一种是AudioContext，一种是MediaSource。web端接受到音频流想要播放音频，需要将接收到的音频流变成ArrayBuffer对象。
2023-05-30 14:14:59
2384
2
原创 浅拷贝和深拷贝
浅拷贝以赋值的形式拷贝引用对象，新对象只是原对象的一个引用，修改新对象时原对象也会受到影响深拷贝完全拷贝一个新对象，是“值”而不是“引用”，修改新对象时原对象不再受到任何影响拷贝所有层级的对象属性和数组元素:利用JSONlet newObj = JSON.parse(JSON.stringify(oldObj))Lodashlet newObj = _.cloneDeep...
2019-03-22 14:10:35
164
原创 react中使用GET或POST方法下载文件
GET方法window.location.href = `${serviceUrl()}/um-mall-service/orders/export`;若需要带参数，直接在url后面拼接参数。POST方法onUploadData(params) { const formElement = document.createElement('form'); formElemen...
2019-03-08 09:52:35
5896
1
原创 Eslint中报错修改
报错信息：报错原因：eslint中配置了检查是否可用全局变量解决方案：在.eslintrc文件中找到global配置添加全局变量。
2019-03-08 09:31:06
894
原创 react事件处理
运行以下click处理函数提示报错： Uncaught TypeError: Cannot read property ‘state’ of nullclass Test extends React.Component { constructor(props) { super(props); this.state = { name: 'gt test' }; } ...
2018-07-06 14:26:29
200
原创 react项目错误集
报错信息Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 原因： 绑定的元素的高度高于父级，保证父元素不要出现height为0....
2018-06-15 15:22:12
193
原创 devDependencies和dependencies的区别
npm install在安装node模块时，有两种命令参数可以把它们的信息写入package.json文件： npm install –-save xxxx 被写入到dependencies 对象 npm install –-save-dev xxxx 被写入 devDependencies 对象devDependencies 里面的插件是开发的时候需要的依赖项，像一些进...
2018-02-23 14:49:23
236
原创 在Webstorm编辑器中使用Autoprefixer处理CSS前缀
Autoprefixer是一个后处理程序，你可以同Sass，Stylus或LESS等预处理器共通使用。它适用于普通的CSS，而你无需关心要为哪些浏览器加前缀，只需全新关注于实现，并使用W3C最新的规范。安装和配置首先当然是安装node.js;通过npm全局安装Autoprefixer – cnpm install autoprefixer -g 通过npm全局安装postcs...
2018-02-09 10:19:56
542
原创 audio在ios微信浏览器中不支持自动播放问题
最近在开发微信公众号H5页面的时候，audio标签在ios系统上无法进行自动播放，最后发现audio在ajax回调中无法调用Play，所以查找很多资料终于解决了。首先html中添加如下代码：html<audio id="bg-music" src="<{$Think.const.HIMG_PATH}>s.wav" preload="auto"> 您的浏览器不支持 audio 标签。</
2017-12-07 11:18:42
6415
原创 webpackJsonp is not defined?
问题：使用webpack打包项目后，页面报错:webpackJsonp is not defined? 原因：在plugins配置了new webpack.optimize.CommonsChunkPlugin(‘global’),生成了一个公共文件，但是页面还没有引用这个公共文件。
2017-12-05 16:55:23
11927
1
原创 computed property "selected" was assigned to but it has no setter
项目代码如下：<tabbar v-model="selected"> </tabbar>computed: { ...mapState({ selected: state => state.nav.selected })}出现错误： 原因： 结合vuex和模块v-model中，直接利用mapState就会提示没有setter目前解决方法：<ta
2017-11-06 14:35:22
8722
原创 css样式实现的箭头
项目中需要用到弹框箭头：<div id="dir"></div>#dir{ display: inline-block; border-left: 6px solid blue; border-top: 8px solid blue; border-right: 6px solid blue; border-bottom: 8px sol
2017-11-06 14:22:26
2830
原创 JSON.parse()与JSON.stringify()的区别
JSON.parse()用于从一个字符串中解析出json对象案例：var data='{"name":"gtraveler"}' //这是一个字符串JSON.parse(data);结果：{name:"gtraveler"} //变成JSON格式 JSON.stringify()用于从一个对象解析出字符串案例：var data={name:'gtraveler'} //JSON格式
2017-11-01 15:11:26
1020
原创 webpack之proxyTable设置跨域
使用vue-cli搭建的vue项目可以使用在项目内设置代理（proxyTable）的方式来解决跨域问题。proxyTable: { '/api': { target: 'http://www.ykt.com/',//接口域名 changeOrigin: true,//是否跨域 pathRewrite: { '^/api'
2017-10-23 15:45:55
12431
1
原创 CSS实现背景透明，文字不透明
平时我们实现透明的css方法通常有以下3种方式：css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8)IE专属滤镜 filter:Alpha(opacity=x)，x 的取值从 0 到 100，如filter:Alpha(
2017-09-21 17:44:37
515
原创 红色*号字符垂直居中显示
在编写一些表单时，我们使用红色*号，作为必填项，我们一般都想要红色星号能够垂直居中显示，看起来更美观： .xing { font-size: 30px; color: #f00; }<h3>如果是<span class="xing">*</span>则必填</h3>结果如下： 所以我们需要添加css样式：.xing { w
2017-09-19 18:01:53
9189
原创 box-sizing 属性
元素的宽度与高度，在默认情况下的计算方式如下： width(宽) + padding(内边距) + border(边框) = 元素实际宽度 height(高) + padding(内边距) + border(边框) = 元素实际高度以上两个 div 元素虽然宽度与高度设置一样，但真实展示的大小不一致，因为 红色边框div 指定了内边距. 在元素上设置了 box-sizing: bor
2017-09-18 11:21:42
496
原创 Django使用：ORM 的反向查找（related_name）
先定义两个模型，一个是A，一个是B，是一对多的类型。class A(models.Model): name= models.CharField('名称', max_length=32)class B(models.Model): a= models.ForeignKey(A, verbose_name='A类',related_name = "test") name = mo
2017-08-17 11:31:01
14925
转载 python学习：正则表达式
基本规则1，\d可以匹配一个数字，\w可以匹配一个字母或数字 ‘00\d’可以匹配’007’，但无法匹配’00A’； ‘\d\d\d’可以匹配’010’； ‘\w\w\d’可以匹配’py3’；2，.可以匹配任意字符 ‘py.’可以匹配’pyc’、’pyo’、’py!’等等。3，*表示任意个字符（包括0个），用+表示至少一个字符，用?表示0个或1个字符，用{n}表示n个字符，用
2017-08-15 16:23:36
252
原创 时间段选择
一，bootstrap-datepicker1. 初始化： <link rel="stylesheet" href="./bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css"><script src="./bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></scri
2017-08-15 14:22:23
3277
2
原创 jsrender的使用总结
1.基本结构 let localData={ "name":"<strong>gt</strong>" }; let markup = ` <p>{{:name}}</p> <p>{{>name}}</p> `; let template = $.templates(markup); let compiledHtml = templ
2017-08-15 10:04:25
2692
原创 python学习：logging模块
# coding=utf-8 __author__ = 'guotao' import logginglogging.basicConfig(level=logging.WARNING, filename='./log/log.txt', filemode='w', format='
2017-08-14 15:18:50
168
原创 container和container-fluid之间的区别
区别： .container 类用于固定宽度并支持响应式布局的容器。 .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。个人理解：container类根据不同屏幕宽度，通过媒体查询，阶段性的赋值一个固定宽度，所以在改变浏览器的大小时，页面是一个阶段一个阶段变化的。container-fluid类则是始终保持与外部div的宽度一致，所以当
2017-08-11 15:16:51
2861
原创 ueditor编辑器遇到的问题
问题1：在Ueditor编辑器里，直接粘贴一篇文章或html源码时，编辑器会自动生成 标签。解决方法：在ueditor.all.js文件找到下面这段代码，将 替换为‘ ’即可。如下所示：function isText(node, arr) { if(node.parentNode.tagName == 'pre'){ arr.push(node.data)
2017-07-31 10:30:07
660
原创 去除input选中时出现的蓝框
由于不同浏览器对outline这个css属性默认情况不同,造成在不同的浏览器上出现一些不同。解决方法是定义outline属性为none，如下：input{outline:none;}outline 属性(参考w3school) outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 注释：轮廓线不会占据空间，也不一定是矩形。 outline 简写
2017-07-20 16:34:25
11769
原创 nth-of-type和nth-child的区别
:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。示例HTML<h1>这是标题</h1><p>第一个段落。</p><p>第二个段落。</p><p>第三个段落。</p><p>第四个段落。</p><p>第五个段落。</p>a.cssp:nth-of-t
2017-05-27 16:11:12
402
原创 export和export default的区别
相同点export与export default均可用于导出常量、函数、文件、模块等在其它文件或模块中可以通过import+(常量 | 函数 | 文件 | 模块)名+from(文件)的方式，将其导入，进而对其操作不同点在一个文件或模块中，export可以有多个，export default仅有一个通过export方式导出，在导入时要加{ }，export default则不需要案例a.j
2017-05-27 15:55:41
371
原创 自适应手机端rem布局
经常我们遇到这样的需求，只需要写几个页面。如果还用前端UI库保证在不同手机尺寸上适配显示，会显得过于复杂，所以我们需要一个根据设计稿尺寸直接编写H5页面的方法。我参考网易的做法：网易页面里除了font-size之外的其它css尺寸都使用了rem作为单位，首先获取设计稿的横向分辨率，如750px;为了计算方便，取一个100px的font-size为参照，那么body元素的宽度就可以设置为width:
2017-05-19 17:11:34
289
原创 .gitignore的配置
每个Git项目一般都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本库中。语法：以斜杠“/”开头表示目录； 以星号“*”通配多个字符； 以问号“?”通配单个字符以方括号“[]”包含单个字符的匹配列表；以叹号“!”表示不忽略(跟踪)匹配到的文件或目录；示例：node_modules/* 忽略目录 node_modules下的全部内容；注意
2017-05-18 17:35:53
428
原创 在windows开发react-native android应用程序出现的错误
在windows开发react-native android应用程序出现的错误将react-native所需要的开发环境装好后，执行react-native run-android没有出错，但安装到真机上时出现could not get batchedBridge, make sure your bundle is packaged correctly 错误，网上搜了一下，找到一个解决方法：
2016-10-30 19:55:35
258
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人