
前端
文章平均质量分 55
猿儿本无心
GIS圈很小,说不定咱们就认识
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Type instantiation is excessively deep and possibly infinite
Type instantiation is excessively deep and possibly infinite原创 2024-07-26 16:01:15 · 1056 阅读 · 0 评论 -
vite 创建vue3项目 集成 ESLint、Prettier、Sass等
vite脚手架原创 2024-06-27 14:18:20 · 708 阅读 · 0 评论 -
webgl中加载模型要求以及优化方案
webgl模型要求以及优化方案原创 2023-02-15 11:31:10 · 2621 阅读 · 0 评论 -
Node Sass could not find a binding for your current environment终极解决方案
在不同环境下迁移项目时由于node版本不同导致钱以后项目打不开,提示node sass不匹配,找了好多方法,记录下心得,也是多种试错后的终极解决方案一、删除node-moudles包二、清理缓存npm cache clean -f三、重新执行yarn -i 拉取依赖包(不能用npm,yarn会自动修复node版本的适配问题选择最适合的版本,而npm不会,鄙人因为这个卡了好久)四、rebuild nodesass 执行 npm rebuild node-sass五、完成...原创 2021-09-15 22:10:32 · 6270 阅读 · 1 评论 -
Vue源码解读-1(世上无难事,只要肯放弃)
从19年开始由于一些原因好久没怎么写博客了,今天心血来潮记录下vue的源码解读历程(可能中间懒了就又停了,世上无难事,只要肯放弃嘛!)正式开始准备工作我们把源码搞下来后,用vscode打开后不要着急看源码,打开demon文件夹下的随意一个html,修改引用路径为dist下的路径(方便调试),然后开启项目的源码调试准备工作做好后,运行dev 在html里面打个断点,前端单步调试,逐步跟踪代码执行顺序原型构造可以发现暴露的vue是在src-core而真正的vue又存在于ins原创 2021-08-14 01:28:01 · 410 阅读 · 0 评论 -
openalyers6.x源码解读-1(世上无难事只要肯放弃)
openalyers6.x源码解读_1(世上无难事只要肯放弃)第一步、下载源码第二步、查找入口文件第三步、先强行解析一个方法第三步、Object第一步、下载源码源码下载地址 https://github.com/openlayers/openlayers第二步、查找入口文件源码下载后执行npm i 安装好所有的依赖会看到如下界面:openlayers的核心源码都存在于src/ol下面,在里面找到index.js第三步、先强行解析一个方法在index.js暴露的口子中先找个软柿子捏捏,找来找去原创 2021-08-14 01:25:11 · 569 阅读 · 0 评论 -
个人前端代码规范
黄金定律永远遵循同一套编码规范,规范自己的代码风格,同时不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。使用命名法大驼峰命名法小驼峰命名法下划线命名法应用场景项目文件夹使用大驼峰命名法,原则上不使用下划线VideoProjectionAudioProgectionTextProgection文件命名使用小驼峰命名法,复合页面使用小写加_加小驼峰简单页面index.html 首页main.html/main.js 首页download.htm原创 2021-08-05 01:13:15 · 187 阅读 · 0 评论 -
vue-element-admin 坑汇总(转)
转自:https://www.jianshu.com/p/c43db18edf67前言:最近在开发一个后台管理系统,是基于vue-element-admin进行开发的,在开发过程中感受到该框架的方便同时,也感受到了面对框架所带来的的一些局限性和依赖性。某些问题导致我在开发过程中耽误了很多时间,幸好最后都一一得到解决,所以希望写下这篇文章来进行记录,以便后来的使用。介绍Vue-element-admin这是一个集成大部分功能的后台管理系统框架,也就是说大多数的组件都帮我们写好了,他是基于v转载 2021-07-08 19:35:48 · 1908 阅读 · 0 评论 -
前端鼠标滚动事件监听无效解决办法
滚动监听无效一般是因为外部的div的overflow没有设置成scroll,或者说是auto,改为scroll 就可以了原创 2021-03-09 16:01:03 · 1281 阅读 · 0 评论 -
vue 中怎么手动获取日期时间组件(DateTimePicker),并关闭时间选择下拉
时间组件如下 <el-date-picker v-model="value" ref="time" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']"> </el-date-picker>关闭时可以使用this.$ref.ti原创 2020-07-23 10:38:36 · 1515 阅读 · 0 评论 -
vue在f12调试状态下 断点以及debugger错位时的坑
遇到这种情况一般来说都是文件名冲突,检查下是否有重名的文件夹,重新命名即可原创 2020-07-20 20:54:59 · 3273 阅读 · 0 评论 -
获取Geoserver图层的边界 并缩放到该范围
var url='http://localhost:8080/geoserver/YouName/wms'; var layers="YouName:BaseMap"; var tiled = new ol.layer.Tile({ visible: true, ...原创 2020-01-08 14:57:15 · 3104 阅读 · 0 评论 -
openlayer刷新图层最简单方法
youLayer.getSource().changed()即可触发刷新时间 ,不用再单独写刷新的方法;原创 2019-12-23 11:55:04 · 4540 阅读 · 3 评论 -
前端画布canvas.toDataURL()导出时为空解决办法
最近项目中的是个视频缩略图好多都不能用了,鄙人调试了一天也没发现什么问题,然后就发现是谷歌浏览器升级的原因,77.0版本以前的只要加了跨域的代码就可以支持导出,但是77.0就不可以,原来代码如下 function getVideoFirstFrame(src, img, width, height) { var video = document.crea...原创 2019-09-18 09:35:57 · 8879 阅读 · 1 评论 -
JS子页面调用父页面方法
关于子页面调用父页面的方法网上查的有一大堆,但大多都是没有什么效果的,或者说不符合我的需求,实际上js的安全机制是不允许子页面调用父页面的方法和变量的,所有能实现的方法都是稍微绕了一圈才实现,以下是我实现的一个思路(亲测可用)建两个页面parent.html 和 chilen.html在父页面parent.html绑定一个自定义的触发条件和执行方法 <s...原创 2019-08-27 11:17:34 · 3898 阅读 · 0 评论 -
jQuery源代码分析(1)
相信很多人刚开始和我一样不太熟悉jQuery代码开头的那几行,说白了就是jQuery为了支持其他模块化的js插件而设计的,以jQuery3.2.1为例( function( global,factory ) { //括号后边的this和后面的function都是传入的参数,分别对应global和factory.// global 在浏览器中为window , factory为为原创 2017-12-13 21:44:52 · 420 阅读 · 0 评论 -
javascript中异步请求同步化
在处理大型公司的异步请求时,为了迎合公司的整体框架,在发送异步请求时想要对获取的数据作为返回值使用,但是却无法实现,因为异步代码总是在同步的执行完后才开始 开始时用了错误的办法,如下 var result;$.ajax({url:***,success:function(data){result=data;})while(!result){ }return reasult原创 2017-12-27 22:22:48 · 1770 阅读 · 2 评论 -
threejs怎么处理加载obj模型的子对象的位置为{0,0,0}的问题
不得不承认,这是threejs长久以来的bug,换了好多版本,一直没有处理这个bug,在早期版本中我们可以用如下方法去实现,objMesh.centroid = new THREE.Vector3();for (var i = 0, l = geom.vertices.length; i < l; i++) { objMesh.centroid.add(geom.vertices[i原创 2018-02-06 21:47:18 · 10733 阅读 · 0 评论 -
ArcGIS API for JavaScript三维管网之三维模型制作(无插件)
arcgis三维处理方案很多,以前经常使用第三方的三维模型插件类似threejs,但是这类插件虽说能在地图上显示,作为要素图层在地图上显示时点击效果等想要和arcgis完全兼容掉很难,后来使用arcgis pro发布三维模型,然后发布符合i3s标准的json模型,这个解决方案是最完美的,但是现在arcgis pro试用期时间太短,几天就不让用了,再后来就选择用ArcGIS API for Java...原创 2018-05-12 17:39:07 · 5815 阅读 · 1 评论 -
Arcgis api for JavaScript调用GP服务实现克里金插值分析(解决GP服务产生的结果无法自动发布为地图服务的问题
arcgis发布GP服务网上有好多例子,但是好多时间是好久以前的,使用API也比较老(本人是使用10.4版本的desktop js api为4.7)步骤如下1.创建GP模型地理处理-》模型构造器,拖放工具2.将模型另存为工具,运行工具得出结果,点击地理处理-》结果右键共享为地理处理服务3.填写参数(注意一定要勾选view results with a map service)4.前端调用new出新...原创 2018-05-14 21:53:11 · 3095 阅读 · 4 评论 -
海康摄像头视频rtsp转化rtmp
海康摄像头默认只支持IE的,而且还需要使用ActiveX插件,非常麻烦,现使用red5发布服务实现rtmp的实时视频流的播放,需要用到的工具是fmpeg第一步 下载安装red5 ffmpeg 其中red5是基于java的需要提前下载sdk并配置好环境变量 安装Red5时附带的下载oflaDemo示例 ffmpeg需要配置环境变量 (不嫌麻烦的话每次都可以用cmd打开ffmpeg.exe再进行操...原创 2018-09-20 17:36:21 · 6634 阅读 · 3 评论 -
Arcgis 3.x Unable to draw graphic (null): Unable to complete operation.问题
头疼的问题 当使用Arcgis api for javascript 开发时经常会遇到这个问题,经过两天的资料查询,鄙人总结出以下几个结论1.当要实现查询功能时,一般情况下快速多次查询就会出现以上情况 在高版本的3.x中部分bug已经修改使用以下办法可以实现 但还是有些查询仍然有问题 此时解决办法是查询时加上些可有可无的干扰因素,让arcgis认为你每次查询内容都不一样而不去调用缓存或者其他什...原创 2019-01-30 15:04:28 · 1079 阅读 · 0 评论 -
javascript中for in的用法
For...In 在类中进行循环/迭代操作var obj = { a: "aline", b: "browser", c: "cat" } for(var v in obj){ document.write(v); } 返回结果为 a b c如上代码obj是没有length和count属性的,也就是没有常规方法进行迭代循环,...原创 2019-02-26 17:29:21 · 1526 阅读 · 0 评论 -
前端调用WebServices时处理后台总是返回xml格式数据问题
解决这个问题可以从两前端、后台两方面考虑一.前端jquery调用时 设置下返回类型就可以 $.ajax({ data: cc, url: "http://localhost:3330/asmx/test.asmx/GetPerson", ...原创 2019-04-06 14:10:40 · 1709 阅读 · 0 评论 -
Dojo中使用on事件绑定后怎么解绑
将绑定的handel语句赋予一个全局变量然后用remove进行解绑//声明句柄var infowindow_show_handle; //绑定事件 infowindow_show_handle=mapWrap.map.infoWindow.on("show", function (items) { _setInfowWindowCo...原创 2019-07-03 15:25:03 · 569 阅读 · 0 评论 -
html中 background-image 路径中有空格图片显示不出来处理办法
路径初始化的时候加上encodeURI即可src: encodeURI("youurl")原创 2019-07-23 16:36:48 · 4019 阅读 · 2 评论 -
jQuery easyui datagrid扩展之颜色条
引用资源(基于colorpicker插件) datagrid扩展 $.extend($.fn.datagrid.defaults.editors, { colorpicker : { // colorpicker就是你要自定义editor的名称原创 2017-12-03 12:03:04 · 783 阅读 · 0 评论