- 博客(53)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 H5 uniapp 接入wx sdk
uniapp因为要兼容小程序等，会重写wx对象，导致引入的jweixin-1.6.0.js中对象不生效。鉴于uniapp会重写wx的特性，在初始化后，可以再手动引入js，覆盖原有的wx对象。实际上是借用了wx的另一个对象jWeixin。一，通过npm工具引入。
2023-11-27 18:01:35
980
原创 electron 解决install卡住问题
可以看到下载的包地址变成了21.0.1/v21.2.3肯定是不一致的，结合官网的国内镜像地址，在v21.2.3目录下是可以找到对应的包的。2.根据官网“最新版本”是21.0.1，设置要安装的版本同样为21.0.1。按网上说法是electron会被墙，也需要设置自己的镜像地址。
2022-11-11 00:46:22
2022
1
原创 contenteditable H5聊天室发送表情（2023.09.27更新）
1.这里用普通的input或其他是显示不了表情的，需要借助div的contenteditable属性，经查证qq空间的动态也是用的这个，表情有两种方案：1.选用emoji表情，优点是全世界通用，无需解析使用简单，适配性强，缺点是个性化不高，观赏度不强。遇到个需求是在H5页面聊天室中可以发送表情，普通的发送信息已经做过了是借助的websocket，发表情类似于QQ微信那样，既需要展示在输入框中，又需要发送给后台，回显到聊天室让大家都看到，这个还是需要仔细考虑考虑的。3.输入框的高度有一定限制，超出后滚动。
2022-09-19 01:24:52
1452
原创 【uniapp】微信小程序canvas签名旋转生成图片
实际测试过程中，会有画布大小的兼容性问题，具体表现为，在代码里设置的画布背景是白色，在某些屏宽（宽高比比iphone7还大）的iphone上，生成的图片可能会存在右侧一竖列区域（如果没做旋转处理实际上是图片的底部区域）是透明的情况，用图片指示一下。一般的签名是需要用户横屏手写的，但对手机来说实际是竖着写的，保存的图片也是按手机（竖长型）的样子来的，在pc端展示的话需要用css旋转才行，但若有后台生成pdf此类需求的话，那就不好去旋转图片了，为了一劳永逸还得从生成的源头控制才行。，便能曲线实现我们的需求。
2022-09-18 23:21:05
6192
6
原创 微信H5开发wx.config授权invalid signature
微信H5（公众号）开发过程中，遇到了wx.config失败的情况，造成的原因在此记录一下，也为各位提个醒。打开wx.config的debug选项，会在配置后弹框提示配置结果，如果提示errMsg：config ok，这是正确的，有同事以为errMsg就是错了，其实是不正确的。关键要看后面的提示。一、一般来说“invalid signature”出现的情况比较多，会影响的因素也比较多，官网也给出了解决方案，参考官方概述 | 微信开放文档我将以自己的理解总结下：需要在公众号的开发者账
2022-01-25 18:00:44
3928
原创 移动端H5·html转图片之html2canvas
html2canvas在上个公司用过，当时业务场景是在pc端将一个包含若干echarts、包含不同域名图片的【长到有滚动条的】html转成pdf提供下载。当时做的也不难嘛【狗头】，也就跨域图片折磨了一阵【哭笑不得】，说起跨域图片可以提一下：html下image加载图片是异步的，所以看普通网页时是可以看到图片，但转成图片/pdf后可能会看不到图，此时各位可以从两方面考虑：1，查看html2canvas配置项是否开启跨域（当时开了也没卵用）2，可以提前把图片转成base64，存到浏览器本地就不存在什
2021-12-30 14:30:06
2399
原创 vant框架van-field组件v-model无效问题
问题描述：就是一个很正常的van-field组件，通过v-model绑定了一个对象下的某个属性。但是输入过程中实时显示输入内容，失去焦点后却回退显示回之前的内容，打印一下实际值是改变的，在其他正常的van-field输入后，这个问题field又显示出实际值，就离谱。再看看赋值的地方，从接口拿到数据后直接赋值，并对该字段单独赋值。再看看打印的formData，可见其他正常的都是（...）的形式，有问题的直接展示出内容。根据这一现象，修改一下赋值方式，组装好对象后再统..
2021-11-12 11:22:49
9185
原创 如何用一个循环排序
function fun2(Array, len){ let i = 0; let temp = 0; while (i<len){ temp++; if (i==0||Array[i-1] < Array[i]){ i += temp; temp = 0; }else{ let tempdata = Array[i]; Arr.
2021-10-23 09:49:25
563
原创 nuxt框架引用swiper问题
nuxt.js框架支持vue写法，因此主要分两大方向一、用过cdn方式，在nuxt.config.js配置即可二、通过npm引入，本次主要介绍npm方式通过swiper官网可知，目前最新是swiper6（实际npm版本可能7以上），但执行npm install --save swiper后，发现运行后会提示vue3的东西，结合在vue中使用swiper6的官网文档，可以确认：swiper6对应的是vue3语法所以nuxt.js在引入swiper6时一定要确认自己的nuxt是
2021-09-29 10:09:07
2246
3
原创 fixed在部分IE11下页面滚动时抖动问题
项目用JQuery框架，对IE11以下做了屏蔽处理，所以本文只记录IE11中的fixed问题。在win10系统下，部分电脑的IE浏览器在向下滑动时，会出现position:fixed的导航块上下轻微抖动的问题，访问淘宝也会出现，那就说明是浏览器的问题。经过查阅，得到以下js代码，可解决问题：var isIE=!!window.ActiveXObject || "ActiveXObject" in window;// 解决部分IE下页面滚动时导航栏闪屏的问题，因为其他地方做IE11以下屏蔽处理
2021-08-04 09:23:48
697
原创 安卓手机在生产环境的微信H5显示vconsole
在微信公众号H5开发过程中，vconsole可以通过引用相应的npm包展示在开发环境/测试环境中，但生产环境由于面对用户，不能开启vconsole，导致遇到真实环境的问题不好定位还耽误时间。有一种方式可以解决这个问题。首先在微信中，点击“http://debugx5.qq.com”，复制其中的链接“http://debugtbs.qq.com”，可以复制到文件传输助手等可以点击跳转的地址。复制其中的链接“debugmm.qq.com/?forcex5=true”，然后返...
2021-05-29 14:19:02
2212
原创 uniapp开发app在ios端，导航fixed会飞的解决方案
使用的UI框架是uview，导航条用的u-navbar开发过程中在ios端会遇到以下问题：导航条悬浮在顶部，上滑时只有列表滚动，预期是：但实际操作，导航条就像div一样，随着上去了。结果是：安卓没有这种问题，解决方案是：在项目的pages.json，找到对应页面配置，增加"softinputMode":"adjustResize"配置。...
2021-02-04 15:00:54
1070
原创 white-space: pre-wrap 会出现首行缩进的解决办法
项目中遇到一个需求，用户输入内容需要保留空白符和换行符来展示。想必大家都想到了white-space: pre-wrap用户输入的：实际展示的：会发现第一行为啥没空格，咋还首行缩进了，此时设置text-indent:0 也没用网上一查，试试<pre>标签，保留原格式还是不行，搜到了一个不太起眼的文章：如何让<pre></pre>里面的内容首行不缩进?-CSDN论坛意思是标签和内容间不能有回车，尝试修改了下心
2020-12-28 10:49:07
4812
9
原创 webpack学习笔记
webpack是前端打包工具，目的是不需要开发者再去手动打包了，而是通过一系列配置，生成包。好处是生成的代码运行高效，体积小，对浏览器有一定兼容性（需配置），混淆源码等。缺点是对初学者这TM是啥？变秃也变强了？对一个初学还健忘的人来说，还是多多记录一下来得实在。下面开始。学习视频：尚硅谷2020最新版Webpack5实战教程(从入门到精通)webpack五个核心概念：Entry：入口，指定webpack以哪个文件开始打包，分析构建内部依赖图。 Output：输出，指定webp.
2020-12-05 00:54:20
251
原创 vue、node开发过程中的相关指令【持续更新】
npm安装教程修改npm的缓存地址（默认在C盘下）：// 先在指定位置建好目录npm config set prefix "D:\nodejs\node_global"npm config set cache "D:\nodejs\node_cache"安装淘宝镜像（cnpm）：npm install -g cnpm --registry=https://registry.npm.taobao.org或直接配置npm源为淘宝镜像，修改后每次npm xxx 实为从淘宝镜像下插件：
2020-12-02 01:33:12
255
原创 echarts绑定click事件防止点击多次
if (this.planExecuteBarChart._$handlers.click) { this.planExecuteBarChart._$handlers.click.length = 0}
2020-11-27 20:02:57
562
原创 html2pdf无法导出图片解决方案（2020版）
研究背景：最近做的项目中有功能项是导出PDF报告，由于页面内容包含多种统计图，后台人员不好实现，那就前端来呗~ 由于是内网项目，图片都读取服务器，导致下载pdf中图片出不来，我太南了。---------------------------------------------------------------------------分割线------------------------------------------------------------------------------导Pdf
2020-11-23 14:07:35
3093
原创 基于antd框架的vue + typescript 实现大文件分片上传
最近用vue+typescript搭的一个框架写项目，UI框架使用的是ant design for vue的，由于其中还用到了“vue-property-decorator” 和 “babel-plugin-jsx-v-model”等依赖，用以支持TS和JSX的写法，所以不熟悉的可能看起来比较懵。当然，代码形式不一样，思想是一样的，基础JS代码怎么说也是看得懂的，那就足够了。先总结一下分片的思路吧：1.先根据一定大小计算要把文件分成几块，利用FileReader对象读取上传的文件并分段截取成字节流数
2020-11-14 02:44:28
2711
转载 【转】antd 踩坑之select的placeholder不显示问题
在antd中 使用form去回显或者新增表单数据时，select的placeholder不显示如下例子：新增的时候，默认地址是空 “” 或者 null, 都不好使<FormItem label="所属网点" {...formItemLayout} > {getFieldDecorator("bankId", { initialValue: this.props.type=== "edit
2020-09-10 18:29:08
1489
原创 vue + cesium 环境搭建
版本：vue v2.5.2cesium v1.68.0开发工具使用vscodenode、vue-cli等安装步骤网上都说烂了，这里就不说了。下载webpack模板项目，安装cesium依赖在自己喜欢的位置创建测试文件夹，这里我用的cesiumDemo，拖入vscode中，右键“在终端中打开”。在终端中输入就能下载适合新手开发的vue项目了test是项目...
2020-04-29 14:01:04
1875
2
原创 【持续】iview框架使用过程中的问题、心得
使用了一段时间的iView框架了，遇到不少问题，不过因为懒没记录，想想还是记录一下吧。1.iView中用到render函数，render函数可以渲染普通的html标签，也可以渲染框架中的组件或自定义组件。渲染组件时，对事件的监听不再是on，而是nativeOnreturn h('Checkbox', { props: { 'value': value === ...
2020-04-22 17:19:33
433
原创 【持续】初学React的一些问题
文字看的react教程，视频选择的技术胖的教学，毕竟是（常）免（开）费（车）。跟着视频走可能会遇到如下问题，持续更新如下：1.安装官方推荐react项目时，报异常：解决方案：删除如下文档里面的文件C:\Users\当前计算机用户名字\AppData\Roaming\npm-cache\具体目录不知道的话可以对比报错提示的.log地址。再重新执行安装即可。文章参考：...
2020-04-21 10:44:32
217
原创 Geoserver+PostGIS+Openlayers 空间要素的增删改
先说明一点，代码固然重要，数据同样不容忽视。有些情况代码报错，有可能是数据格式的问题，具体原因后面再讲，各位谨记。本篇的架构为：随便用QQ截图工具做的，凑活看吧...地图离不开数据，下面我先谈数据制作与发布，再说代码。一、数据制作与发布下面是一些gis基础，不想看的可以直接从分割线往下看。在gis中数据按类型可分为点、线、面。数据可以存放在数据库中，也可以存放在文件...
2019-06-12 18:06:46
5922
12
原创 postgresql+postgis安装、postgresql汉化
一、安装postgresql下载地址：https://www.enterprisedb.com/downloads/postgres-postgresql-downloadspostgresql安装步骤比较简单，设置好管理员密码、端口、安装地址、安装内容就完成了。这里选择默认即可（也有说选C：不使用区域），别选Chinese那些就行了，否则会提示部分安装失败（也会影响安装postgis...
2019-06-03 14:58:36
4289
1
原创 VUE+VSCode 遇到的问题集【持续】
一，启动时提示“Error: Cannot find module 'array-includes'”解决：删除node_modules，重新npm(/cnpm) install。
2019-05-10 11:23:45
545
原创 百度服务获取坐标放置在天地图上实例
开始之前还是要提前写一下涉及到的几个坐标系WGS-84：是国际标准，GPS坐标（GoogleEarth使用、或者GPS模块）GCJ-02：中国坐标偏移标准，GoogleMap、高德、腾讯使用BD-09：百度坐标偏移标准，BaiduMap使用CGCS2000：天地图使用先以北京华宾公司为例，地址是“北京市西城区西安门大街107号”，百度地图上是如下位置访问百度WEB服务...
2019-04-18 16:49:25
5326
2
原创 Layui分页
//html<div id="pageDiv" style="background-color:#FFFFFF;padding:17px 22px 0 30px;"> <ul class="tzggul"> </ul> <div id="pagenation" style="margin-top:9px;padding-bott...
2019-04-10 16:03:56
291
原创 Layui表格异步调用后台分页的问题
参考Layui数据表格文档可以看到三种layui表格渲染方式，项目选用第一种，采用Layui的异步数据接口方式，渲染表格并分页。按照官方写法，会报跨域错误，尝试几次，发现需要设置contentType。下面是较完整的代码//jslayui.use(['table','element'], function(){ var fhtable = layui.table; ...
2019-04-10 15:06:32
1808
原创 Layui框架伴随图片上传需求的表单提交问题
表单提交难免会携带图片上传或附件上传等情况。最近在使用Layui框架，Layui默认的form表单提交会自动监听其内的<button>标签，当点击button时自动触发表单提交事件。同样，Layui的upload上传控件默认自动提交，也可以通过绑定另一个按钮，控制提交。控件功能不再详述。综上，最初的想法是，将upload通过绑定form的button，这样，点击form...
2019-04-10 12:11:11
5537
4
原创 Java+OpenCV图片对比
近期老板让研究一下航拍、遥感影像对比功能，个人认为可行性并不高，没有知识储备，而且真要做好的话得当作产品去砸钱（老板：砸钱是不可能的，这辈子都不可能砸钱）。经过查询相关资料，OpenCV对图像的处理还是挺不错的，底层是用c，c++写的，文件小，对python、Java等提供接口。首先配置环境，在网页上下载开发包，按照配置教程配置。步骤大致如下：1.按照上方【下载】链接（这里不直接提...
2018-07-19 14:33:08
21510
21
原创 ArcGIS发布FeatureServer和在线编辑applyEdit
本文所用软件：arcmap10.3，server10.3，Oracle 11g一.发布FeatureServer用ArcGIS发布在线编辑服务，需要注意将数据存放在sde中，且进行版本注册。1.创建企业级地理信息数据库首先创建企业级地理信息库将arcmap用到的空间表与Oracle等关联，这样就可以像操作属性表那样对空间表进行修改了。在toolbox工具条下找到 Data Ma...
2018-07-18 11:02:41
6009
4
原创 天地图循环绑定点击事件问题
经常看到有人问，在循环里给标注绑定点击事件，显示的对象位置、属性不对，而且都是同一个对象。这个点就是最后一个循环时绑定的标注的对象。大部分人习惯性复制官方的例子这就造成了很多人会写成这样：但看官方API介绍，我们可以发现在事件回调函数里用this（而不是用marker）可有效获取当前事件绑定的那个对象，代码应该为查看一下效果是不是很简单呢，写下来是为了提醒自己，也提醒一个各位~...
2018-07-06 11:42:59
2281
1
原创 天地图与Arcgis互调服务
1.天地图调用Server发布的WMS服务具体发布服务的方法不再赘述，只需要注意发布的时候勾选“功能”处的WMS即可。发布完后，点击WMS下URL，可查看到WMS服务的相关信息，而在调用时天地图的部分参数需要在url中查找。先放一下天地图调用WMS代码...
2018-06-28 17:53:37
5001
2
原创 Oracle ORA-01033: ORACLE initialization or shutdown in progress 错误解决办法Windows版（手贱强制重启电脑的后果）
今天中午连Oracle调试程序，电脑太卡了，一气之下强制关机，再连Oracle的时候吓傻了，捣鼓了一下午，刚才总算是弄好了，提醒各位程序连Oracle的时候千万别强制关机！都是手贱惹的祸！下面开始讲解决办法。——————————————————分割线——————————————————电脑强制重启后，打开Oracle登录，提示如下：造成ORA-01033的原因有很多，比如断电...
2018-06-07 00:16:44
65816
6
原创 Arcgis API for JS 可能会遇到的“小”问题汇总
到底是不是小问题，这个仁者见仁，所以加了个引号，此文章的目的是记录一些遇到的但不至于写一篇文章的问题。以后也会在此不停地盖楼，是不是贴吧玩多了。。。——————————————————————分割线——————————————————————————1.在IIS上部署API 4.6，网页F12后显示304，地图不显示，如下图解决方法：检查一下页面中是否对esri.Map或esri.views.Sc...
2018-05-24 12:16:15
2298
原创 ArcGIS API for JS 不依赖地图服务创建FeatureLayer并设置Label
上一篇文章生成等值线的末尾，说到仅仅是生成等值线或许还不够，还需要显示线所代表的数值？在ArcMap中，可以通过图层属性的Label标签设置标注属性和标注位置等，在API中也有对应，即“esri/layers/LabelClass”，但是只有FeatureLayer可以设置Label属性，因此对于动态生成的矢量数据，需要跳过服务创建FeatureLayer。如何不依赖服务创建FeatureLaye...
2018-03-13 11:06:04
2455
原创 ArcGIS API For JavaScript 利用GP服务生成等值线、等值面（二）之生成等值面
继上文 ArcGIS API For JavaScript 利用GP服务生成等值线、等值面（一）之生成等值面 说了等值线的建模，这次说一下等值面。二、等值面2.1 建模
2018-03-12 23:46:58
3268
原创 ArcGIS API For JavaScript 利用GP服务生成等值线、等值面（一）之生成等值线
笔者需要做一个利用arcgis平台生成等值线、等值面的功能，苦于不会算法，想要借助现有arcmap工具辅助生成，网上例子很多，但有些都报错，特此记录，或许能给大家启发！先说明一下大体需求吧，需要做一个生成（水位、雨情）等值线、等值面的功能，行政区内分布有若干个测站点提供数据，根据测站数据动态生成等值线、等值面，其中等值线、等值面以固定数值（10、25、50、100、200）分隔。下面按照等值线、等...
2018-03-06 02:03:26
6555
13
原创 ArcGIS API For JS 打印地图
网上有不少示例就不再详细赘述了。可以参考：官方示例：https://developers.arcgis.com/javascript/3/jssamples/#printing博主示例：https://www.cnblogs.com/giserhome/p/6972438.html开发环境：ArcMap10.3，ArcGIS Server10.3，Java后台（proxy.jsp），API3.18...
2018-02-10 17:12:24
2491
原创 win7下安装ORACLE 11G 出现：“[INS-32025] 所选安装与指定 Oracle 主目录中已安装的软件冲突” 的问题
文章参考：http://blog.csdn.net/kuanglingjie/article/details/9185975重新安装Oracle 11g R2 dbhome之后，再安装client时报错：所选安装与指定 Oracle 主目录中已安装的软件冲突。经查找，原因为安装地址被占用。在检查注册表清理完毕、原路径安装前清除完毕的情况下，参考上述文章。解决方法：删除C:\
2018-02-02 15:16:56
6074
3
geoserver+postgis+openlayers 空间要素的增删改
2019-06-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人