- 博客(23)
- 收藏
- 关注
RSS订阅原创 前端小记--4.前端终止jquery的ajax请求
在项目中，有时需要主动终止数据请求，比如，某个数据请求响应时间比较慢，用户在等待请求的过程中取消请求，但后台服务器仍在执行计算，此时就需要前端主动终止请求，避免资源浪费。这里以终止jquery的ajax为例，调用abort方法后，会执行error回调，判断抛出的异常是abort，则为终止请求操作。
2023-12-13 15:43:10
496
原创 前端小记--3.接上篇，级联组件el-cascader回显问题
比如，我们选中的是“值班点1号-东门”，但组件实际的值是[‘值班点1号’,‘值班点1号-东门’]，包含了上级父节点。这与后端接口就不匹配，一般后端存储的时候，只存储选中节点，返回数据也是只有选中的节点，这就导致数据回显问题。此时，我们就要传给后端所选节点的数组，回显时就需要前端手动处理，根据给定的节点id，来查找其所有父节点id，以此实现页面数据回显。在使用el-cascader这个级联组件时，组件的值是数组形式，且选中节点时，所返回的值中是包含选中节点的所有父节点的。1.获取所有所选节点，传给后端存储。
2023-12-02 10:56:22
1161
原创 前端小记--2.element-ui中级联选择器cascader如何默认展开下拉框
由于下拉框选择内容是树状结构，这里使用了element-ui中级联组件cascader，设置单选模式即可。但是在官方的文档中没找到默认展开下拉框的api，折腾了一番，只能去看下源码了。这里我们只需用ref获取级联组件的对象，调用其toggleDropDownVisible方法即可默认展示下拉框。最近做项目时，遇到一个需求：在一个排班表中，展示人员的值班情况，点击单元格，弹出下拉框，修改人员排班信息。小提示：通过v-for生成的对象，获取ref时，结果是个数组。
2023-12-02 10:00:29
3019
原创 react-native实践日记--6.ReactNative 项目版本升级，0.61到0.72升级的问题记录（二）
在升级过程中，发现react-native-scrollable-tab-view这个tab插件，这是一个tab导航栏插件，可以实现切换页面、页面滚动、下拉刷新、上拉加载更多等，功能还是很强大的，只是官方的版本已经很久没更新了，无法兼容react-native@0.72，但一时又找不到更好的插件代替，只能先试着改下源码兼容下新版本。还好在github上已经有人提出解决方案了，找出问题代码，改一下就好了。四、tab插件：react-native-scrollable-tab-view。
2023-11-28 11:13:50
1092
原创 react-native实践日记--5.ReactNative 项目版本升级，0.61到0.72升级的问题记录（一）
ReactNative的版本迭代太频繁，官方说的是React Native原则上每月发布一个新版本，且目前基本是向前不兼容的，导致项目升级很困难，各种依赖插件问题多多，下面是记录的升级中遇到的主要几个印象深刻的问题。升级：react-native@0.61.5到react-native@0.72.6、react-navigation4.x到react-navigation6.x、react16到react18。二、react-navigation升级的问题。（1）Node 的版本应大于等于 16；
2023-11-28 11:13:04
1899
原创 react-native实践日记--4.react-native Android回退键，再按一次退出应用
首先引入相关api，BackHandler 用于监听安卓设备上的后退按钮事件，设置firstTime默认为0，点击回退按钮，判断当前页面是否为最后一级页面，即没有其他历史页面，且当前时间与上一次点击回退的历史时间间隔大于2秒，则退出App。react-native开发Android App，实现回退键返回上一个页面，直至没有历史页面，提示“再按一次退出应用”这里注意，历史页面的记录，通过onStateChange回调事件来获取。
2023-11-27 10:21:42
1126
原创 react-native实践日记--3.ui-kitten中的button设置字体颜色无效
react-native搭建App，UI框架采用ui-kitten，遇到其中的button组件设置字体颜色无效，一直都是白色。设置button的style和textStyle更改字体颜色，一直都是不起作用。后来看了官网的例子，设置成功。
2023-11-27 09:53:26
500
原创 react-native实践日记--2.react-native中引入自定义的iconfont字体图标文件
解压后，将iconfont.ttf文件复制到android/app/src/main/assets/fonts文件夹下，如果不存在的话，则自己新建对应的文件夹，然后将iconfont.css放入项目中：/font/iconfont.css。4.在font目录下新建index.js，引入上一步生成的iconfont.js，创建字体组件，供页面调用。执行 npm run build:iconfont ，生成 iconfont.js。1.首先npm局部安装下react-native-vector-icons。
2023-11-23 14:43:51
704
原创 react-native实践日记--1.react-navigation实现底部导航栏，真机调试时点击tab无反应或反应延迟卡顿
最近做了个App项目，基于react-native的，其中要设计一个底部的导航栏，就用到了react-navigation的bottom-tabs。最终发现是因为开启了手机的远程调试，关闭stopDebugging即可，因为这个远程调试可能会影响app的一些反应速度，但没想到会彻底点不动，坑呀！但在用真机调试时，点击tab按钮死活没反应，只偶尔能跳转页面，找了半天资料发现都不行。
2023-11-23 14:42:31
513
原创 cesium示例集--8.如何在cesium中加载3dtiles模型数据
这里要注意的是，地形深度检测的开启，可能会影像到模型的高度问题，可根据实际情况，来判断是否要开启地形检测，以及groundOffset的值。如何在cesium中加载3dtiles模型数据?如此，一个模型就加载好了。
2023-11-03 11:40:39
1277
原创 cesium示例集--7.cesium预警效果，用CallbackProperty实现实体闪烁
那么如何让这些实体闪烁呢？这里用到cesium中一个关键的API，就是CallbackProperty，主要功能就是用它来实时更新改变实体的一些属性，比如大小、颜色等，从而达到闪烁效果。在用cesium开发地图项目时，经常会遇到一些地图交互，比如，点击某些信息，地图上相应的点线面等实体需要闪烁或者动态变化，以此达到用户交互。
2023-11-03 10:34:48
1141
原创 cesium示例集--5.气泡框实现跟随地图移动
原理就是在地图移动时，将地理坐标转换为屏幕坐标，并实时地传给气泡框，更改其位置即可，这里主要用到scene.postRender。在地图开发中，气泡框是项目中经常要用到的功能，那么在cesium中如何实现气泡信息框并让其跟随地图移动呢？CesiumPopup.js完整代码。
2023-10-31 16:50:15
901
原创 cesium示例集--4.加载地形服务
地形服务是Cesium的亮点之一，通过加入地形可以形象的展示出地球表面的特征和地貌，在Cesium中，可以使用TerrainProvider类的子类来加载地形数据，通过把某个子类实例化的TerrainProvider赋值给Viewer.terrainProvider来实现地形数据的显示。这里要注意的是，项目中一般只有一种地形数据，terrainProvider不支持多个地形数据叠加。1.第一种，cesium默认的地形服务，这里需要设置cesium token。这里我们首先要准备项目所需的地形数据，可以去。
2023-10-31 11:03:55
1850
6
原创 cesium示例集--3.cesium Ion 如何申请accessToken
Cesium ion 是一个提供瓦片图和3D地理空间数据的平台，Cesium ion 支持把数据添加到用户自己的 CesiumJS 应用中。当我们使用cesium自带的地形数据以及其他数据服务时，需要申请一个token。3.点击“Asset Depot”，可以看到一些数据资源，点击添加按钮，即可将其添加到 “My Assets”中，供我们自己使用，这里我们添加一个Bing Maps Road。2.点击“Access Tokens”，获取到Default Access Token，将其拷贝到项目中即可。
2023-10-31 09:43:31
1355
原创 cesium示例集--2.cesium自定义地图背景，突出展示某区域地图
此时我们要做的就是将cesium默认的背景和图层都去掉，加载我们自己所需某个区域地图服务，并设置背景图。在做项目时，遇到如下需求：某大屏展示项目，需要用到某个区域的地图展示，且要配上自定义的背景图片。设置好相应的参数后，这里我们再加载一个项目所需的地图服务。展示效果图如下（随手切的地图有点丑，请忽略哈哈哈哈哈）这里，我们在div容器上设置好一个背景图片。
2023-10-30 10:41:58
1251
原创 cesium示例集--1.cesium初始化地球、自定义设置、汉化
CesiumJS是一个开源JavaScript库，用于创建具有最佳性能、精度、视觉质量和易用性的世界级3D地球仪和地图。那么如何在项目中引入cesium呢？首先我们要去下载相应的文件，这里我们下载的是1.96版，后续的案例也是基于该版本的。然后我们定义一个div容器，用来放置地图。现在地球已经展示出来了，但这可能并不符合项目需求，那么我们如何进行自定义设置，来达到我们想要的效果呢？
2023-10-30 10:17:17
744
原创 SuperMap根据栅格数据制作专题图
在SuperMap矢量地图制作并发布这一章中我们介绍了矢量地图的制作和发布，下面我们来说一下如何利用栅格数据生成地图，废话不多说，直接上图。第一步还是新建数据源，导入数据集。右键“添加到新地图”，这时发现栅格图层中有一部分灰色区域不是我们所需要的，要将其去掉，我们可以通过右键“图层风格”，设置相关参数，见下图：右键“制作专题图”，这里选择单值专题图，配置不同区域的颜色。好了，专题图就做好了，有写细节不清楚可以参考SuperMap矢量地图制作并发布这篇。...
2023-10-27 17:13:05
735
原创 记录如何用ArcMap中的trace工具画出省区域线
最近在做地图时发现安徽省界的原始数据不标准，导致在地图上与县界区域不吻合，这里我们可以用trace工具来重新画一下省界。首先窗口->目录，选中地图所在文件夹，右键新建->Shapefile创建完后选中刚才新建的图层“安徽省界（新）”，右键编辑要素->开始编辑，点击创建要素选择要参照的模板选择trace工具，开始画省界。...
2023-10-27 17:11:20
473
原创 关于clearInterval的误区
clearInterval(timer)只是停止定时器，但变量timer仍是存在的，若需要根据timer对象是否存在来进行业务判断，还需要设置timer=null
2021-05-27 10:19:24
637
原创 vue-cli3项目中使用flexible和rem适配移动端的一些踩坑
最近在做一个移动端的项目，需要做一些适配处理，其实以前一直都是浑水摸鱼式的，虽然看了很多关于移动端适配的方案，感觉都很厉害，但一直迟迟不曾实践。（ps:好像大部分中小公司对这方面都没啥要求啊）╯▽╰在网上找了一番后，发现手淘的flexible+rem的方案居多，决定试试这个。好了，废话不多说，下面开始正式的采坑之旅。首先构建vue-cli项目，这个基本就是按照官方文档一步步操作就可以了。 这...
2019-06-04 14:23:02
5598
针对cesium中homeButton主页、帮助按钮、图层选择等工具栏的title处理成中文
2023-11-01
react-native 热更新
2024-02-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人