zhangdaren-CSDN博客

原创 vue2 vue-awesome-swiper loop 点击事件在某app里无效

使用this.$refs.mySwiper.swiper.activeIndex获取点击的那个slider的index。通过属性data-click-flag绑定 index，在on 事件里响应 click 事件，一般来说就够了。之前同事已经改过一版，在微信及别的 app 里没问题了，但后面在某app上测试无效。给swiper绑定事件，其实这个问题很常见。

2023-07-10 22:12:57 410

原创使用Fabric js 将背景图拉伸为画布大小

使用fabric.Image.fromURL加载img也是同理，核心是scaleX和scaleY。工作上遇到需求，需要能上传1.5倍图，但仍然按1倍图显示，因此需要进行拉伸。

2023-07-10 21:51:19 784 3

uView是一个挺不错的uni-app组件库，很方便，现在又发布2.x版本全面支持nvue了，可喜可贺呀！今天来分享一个小知识：怎么对uView的体积进行优化。uni-app项目发布小程序项目时，总免不了，对于体积的优化，将资源放cdn、压缩图片、分包啊，一顿操作下来，还是发现主包离2M还是差了那么一点点，这时，如果你用了uView组件，建议对它下手。在uview-ui/libs/css/common.scss文件里面，是uView内置的一些样式。个人觉得，上面框选的那部分样式实在“..

2021-11-18 11:28:58 1188

原创 vue 手机分段输入(334分隔)

因为项目需求，需要实现分段输入，即“344”显示，搜索网上，仅找到一些残缺代码，与产品经理要求的实现的某品会的效果还有一段距离，经过分析，最终实现。1.当删除空格的时候，拦截事件，并将光标往前移一位，前提是光标右侧是有字符的参考代码：https://www.cnblogs.com/qdwyy/p/10854014.html...

2020-07-18 19:40:37 1208

原创终极解决方案 npm ERR! Unexpected token in JSON at position 1 while parsing near

自己弄了个npm库，自从npm库开启了2FA时，每次升级就变得苦不堪言。要么是发布时不提示输入动态口令，没法授权要么是提示发布成功，版本与居然没变化。。。而后，运行npm view miniprogram-to-uniapp version时，会提示：npm ERR! Unexpected token < in JSON at position 1 while parsin...

2020-03-14 10:24:10 17202 2

原创在vscode里配置mocha进行node代码测试

关于mochaMocha是一个能够运行在Node和浏览器中的多功能的JavaScript测试框架，它让异步测试简单且有趣。Mocha连续地运行测试，并给出灵活而精确的报告，同时能够将错误精确地映射到测试用例上。它托管在GitHub上。开始配置项目中需要进行单元测试，而我常用的开发工具是vscode，于是想在vscode里实现调试时就可以进行测试。第一步：安装mocha，这...

2019-12-29 11:38:05 1428

原创和谐Froala editor编辑器

最近用到Froala editor时，运行到浏览器，发现会有一个授权的提示，很显然XXXXXX于是就想到要去掉它，根据https://blog.csdn.net/lianzhang861/article/details/83590084最底下的样式放上去后，确实是去掉了，样式为（对应新版的样式应该是z-index:9999，冒号后面没有空格）：.fr-wrapper > div...

2019-12-28 16:07:00 574 2

原创 js 树形结构与扁平数组互相转换

在项目中需要使用到省市区联动选择，联动插件使用的是MobileSelect，本来没啥问题，把数据往里一填完事。后面发现，省市区的数据居然很老，于是在github上，想找到更新的数据，于是找到了：https://xiangyuecn.github.io/AreaCity-JsSpider-StatsGov/但比较遗憾的是，它生成的数据，要么是使用区号作为key，要么只是一个数组，而不是一...

2019-12-20 20:56:18 1543

原创 rem to px转换(rem单位转换回px单位)初稿

因为某些原因，需要将rem转回px，而当初的rem相对应的设计稿大小，与现行项目不一致，需要进行转换。比如原来的设计稿是320px，现在的设计稿是750px，显然再直接用原来的css代码是不合适的，这就涉及到转化，而一个一个手动修改累死人不说，还浪费时间，很不符合程序猿的作风~于是想着可以使用正则来替换，下面给出测试代码及正则，方便有同类经历的童鞋使用。我们先来看看测试css：....

2019-08-10 15:45:52 1285

原创 miniprogram-to-uniapp使用指南（微信小程序项目转换为uni-app项目）

一、它是谁？【miniprogram-to-uniapp】，有点后悔取这么长的名字，打得来麻烦，最新版本为【 v1.0.19 】。二、它能做什么？目前能转换“微信小程序” 和“微信小程序带云函数”项目 ==> uni-app项目。三、它的原理是什么？（过段时间会有一篇关于此工具的文章，敬请期待）最初是学了半节课堆和栈，觉得词法分析挺有意思的，再加上转换小程序...

2019-06-21 20:42:04 11622 21

原创 uni-app里nvue页面引用iconfont图标经验分享

前言：发现社区在对nvue使用iconfont图标的文章还是比较少，在这里刚好遇到了，那就分享一下我的解决方法。在项目中遇到了需要在nvue里使用iconfont图标，刚开始照着社区搜索的答案：https://ask.dcloud.net.cn/question/64622这样引入css文件：<style src="@/common/iconfont.css"><...

2019-06-09 18:14:30 6985 8

原创 ios 微信webview在键盘关闭后，没有自动回退页面

ios 微信webview在键盘关闭后，没有自动回退页面记得去年，从某天IOS的微信升级到v6.7.4版本时。发现微信公众号/服务号页面里有一个bug(小程序也有此问题），当input失去焦点后，软键盘关闭时，原先因为软键盘而被顶上去的网页，这里居然被固定了，需要滑动一下页面，才能正常，显示这个是没法通过测试的。在微信开放社区搜索此答案，网友给出了解决方式，在页面上加入...

2019-05-31 20:26:25 336

原创使用uni-app进行微信小程序云开发经验分享

因近期在开发一个微信小程序，涉及到微信小程序云开发，搜索DCloud社区，并无相关案例。经过一番折腾，解决方案如下：第一步：使用微信开发者工具，创建一个云开发的项目，创建云函数并上传（此项目作为开发云函数专用）；第二步：创建uni-app项目，并将上面云函数项目的appid，填入到此项目里，即可关联并直接使用wx云函数。至此，就可以正常使用HbuilderX愉快的开发啦~...

2019-05-17 21:14:38 7144

原创给UMEditor 增加placeholder

工作中，遇到要使用富文本编辑器的场景，而UEditor(下称UE)又太庞大，于是采用UMEditor(下称UM)。经过使用发现UE和UE均无placeholder功能，于是从网上找到UE的palceholder代码，经过查看UM源代码，发现也可移值到UM上。代码如下(适用UEditor时仅需将UM改为UE即可)： UM.Editor.prototype.placeholder ...

2019-04-15 19:01:10 1696

原创 new Date() 参数里日期使用横杠分隔，在IOS无效

new Date(“2012-02-22 12:00:00”)这种形式，在ios里不生效。解决方法：将-替换为/即可。即new date(“2012/02/22 12:00:00”)。测试代码如下：console.log('new Date("2012-02-22 12:00:00")结果如下');var date1 = new Date("2012-02-22 12:00:00");cons...

2018-05-13 12:30:30 2041

原创 IE浏览器里，script标签中的type属性含多余空格时，将不会加载此js文件

如下面代码写法，此JS文件将不会加载：<script type =“text / javascript”src =“../ js / jquery-ui.min.js”> </ script>解决方法，去掉这个多余的引号。只在IE里碰到过，具体版本已忘。...

2018-05-13 12:05:10 651

原创我遇到的一些Web前端疑难杂症

以下是我工工作中碰到的各种疑难杂症留存，长期更新。 1. IE浏览器script type属性含多余空格，将不会加载此js文件如下面代码写法，此js文件将不会加载：`<script type="text/javascript " src="../js/jquery-ui.min.js"></script>`解决方法，去掉这个多余的引号。只在IE里碰到过，具体版本已忘。&lt...

2018-05-12 18:54:35 783

原创微信小程序--地图regionchange事件频繁触发导致崩溃

之前在做小程序“找厕所”的时候，需要在移动地图时，自动寻找当前地图中心点附近的厕所。模拟器上面运行的挺好，真机上面测试发现会不断刷新所有maker，打开调试窗口看到不断触发regionchange 事件，造成频繁请求而报错。在微信小程序论坛上太多人遇到这个问题，官方回复:承认bug，等待修复。然而几个月过去依然如些，官方靠不住

2017-10-25 18:07:22 8328 5

原创解决Axure在Chorme无法直接打开的问题

使用Axure生成的原型文件，在Chrome里打开会直接跳转到resources/chrome/chrome.html，并提示需要安装一个chrome插件方可打开(然而使用其它浏览器正常打开):然而GFW你懂的。解决方法：打开index.html查找chorme，屏蔽那行代码后，即可顺利打开，如下：

2016-05-26 15:11:36 9042 2

原创预防WinRAR文件损坏

有时在网上下载软件，解压的时候会弹出如下弹框（图片来自百度）：不可预料的压缩文件末端，非常恼人！一、原因出现这种问题，有这么两种原因： 1、文件在服务器上就已经损坏了（磁盘问题）； 2、文件未下载完整；二、解决方法：对文件未下载完，可以重新下载试试；而对于文件已经损坏的，几乎没有办法，虽然网上有号称能修复rar文件的软件（如 Advanced RAR Repair），但我却未曾成功

2016-02-27 18:57:33 2885

原创解决AS3里给Textfield的htmltext赋值产生多余换行问题

解决AS3里给Textfield的htmltext赋值产生多余换行问题在使用AS3开发时，发现将Textfield的格式用htmlText方式导入时，末尾总是可以看到有一个多余的换行，严重影响正常使用，而这个问题并没有在SDK中提及，后来还是自己解决了这个问题。重写Textfield类，覆盖set htmlText()方法，代码如下：override public function set htm

2016-02-01 22:06:08 910

zhangdaren的专栏