技术分享
文章平均质量分 58
here962464
路漫漫其修远兮
展开
-
关于微信小程序嵌套的h5页面有哪些注意点
1、webview嵌套的h5页面中,如果需要长按图片保存到本地,图片格式一定不要是base64的,ios下直接提示保存失败;2、webview可以可打开关联的公众号的文章(不用配置域名白名单),但不支持打开公众号的页面模板;3、webview嵌套的h5页面中不支持微信支付功能,目前我能想到的解决方案就是跳到小程序支付,支付完成之后再跳回去;4、webview嵌套的H5跳不支持跳公众号。...原创 2020-03-25 10:28:15 · 2734 阅读 · 0 评论 -
微信小程序抽奖转盘
效果是这样的:附上代码片段:https://developers.weixin.qq.com/s/8z2Dy4mn7xgF原创 2020-03-23 17:38:06 · 346 阅读 · 0 评论 -
小程序picker组件mode=multiSelector必须设置value属性,否则ios系统bindcolumnchange事件不会触发
踩了一个小坑,利用小程序的picker组件做了一个二级联动的地市选择器,最开始直接复制的官方开发文档下面给的例子<view class="section"> <view class="section__title">多列选择器</view> <picker mode="multiSelector" bindchange="bindMultiP...原创 2020-01-02 11:40:37 · 3894 阅读 · 4 评论 -
微信小程序自定义模态弹窗组件
小程序自带一个showModal弹窗,调用很简单,但是限制很多,title有字数限制,中间的content也只能放文字不能放组件,所以作为一个前端碰到那种连续好几个跟微信自带的模态弹窗风格一模一样,但是功能又花里胡哨的UI稿,就不能忍受频繁的复制粘贴了。自己写了一个组件,虽然调用起来比微信自带的麻烦一点,但是还蛮实用的。 效果大概长这样。上代码:wx...原创 2019-11-12 09:38:50 · 935 阅读 · 3 评论 -
微信小程序防止输入框被键盘遮住
情景复现:点击按钮弹窗遮罩层,底部有个input输入框,点击输入框要唤起软键盘,如果不做处理,软键盘会遮住fixed定位的元素官方给出的解决方案是在input框上设置cursor-spacing属性https://developers.weixin.qq.com/miniprogram/dev/component/input.html这个地方一定要带单位,如果不带单位写数值的话,默认单...原创 2019-07-30 16:19:59 · 9495 阅读 · 2 评论 -
如果小程序icon组件不设置size属性
我用的阿里巴巴的矢量图标库,默认iconfont的font-size是16px,如果在小程序里面用icon这个组件的时候,忘记设置size属性,这个图标的宽高就会不一样,特别不好调,本来我以为是iconfont出了问题,但是之前做web页面的时候也没出现这样的情况,仔细比较了一下才发现小程序icon这个组件有点问题,官网文档说这不是一个必填属性,但是,不填就会出问题。。。不设置size属性的话...原创 2019-08-21 18:08:33 · 1588 阅读 · 0 评论 -
wx.navigateToMiniProgram跳转到其他小程序ios部分机型闪退问题
问题复现:在小程序环境内打开另一个小程序,以开电子发票为例,需要在自己的小程序环境内打开腾讯发票闪开助手,官方提供了两种方法,一种是调用wx.navigateToMiniProgram 这个API,具体配置参考文档:小程序打开授权页另一种是小程序组件:navigator一定 不要用 wx.navigateToMiniProgram 这个API,ios极有可能会出现闪退!一定 不要用 wx....原创 2019-08-30 19:24:00 · 1716 阅读 · 2 评论 -
记录一下在安卓应用在各大应用市场上架APP需要注意的事项
软件著作软很重要,很多应用市场都会要求上传软件著作权电子扫描件1、腾讯应用宝 :http://open.qq.com (需要软著)需要的素材规格:(1)应用小图标:尺寸16x16,大小20K以内,PNG格式的图片(2)应用图标:尺寸512*512,大小200K以内,PNG格式(3)应用截图:2-5张截图(尺寸保持一致),单张图片不超过1M,截图不能小于320*480像素,推荐480...原创 2019-05-30 14:15:55 · 6043 阅读 · 0 评论 -
前端知识点积累(js篇)
1、get和postw3c是这么解释的: 至于网上盛传一种说法: 这种说法是有争议的,最初也不知道是谁写的一篇文章,然后被疯狂复制粘贴,导致现在一搜get和post的区别,全都是搬的那篇文章的解释,并且看到了不少反对这个文章观点的,所以我觉得不能尽信,万一面试官问你这个问题的时候你这么回答了,然后人家让你解释一下为什么会这么理解??不是官方解释,也不...原创 2019-05-16 15:16:24 · 211 阅读 · 0 评论 -
<canvas>+JS如何实现可拖拽并且显示百分比的环形进度条
canvas+JS如何实现可拖拽并且显示百分比的环形进度条 思维导图: HTML部分:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>test</title> </head> <body> <canvas id="test" width="200" he原创 2017-09-25 17:23:11 · 1464 阅读 · 0 评论 -
webstorm如何自定义js等文件的注释模板
一般我们通过webstorm新建一个js文件的时候会默认的有一些注释信息,像这样: 设置步骤如下: File—>Settings—>Editor–>File and Code Templates 然后可以看到如上图所示的版块,找到JavaScript Files就可以设置你想要的格式了,注意获取时间是${DATE}原创 2018-02-01 17:47:59 · 4148 阅读 · 0 评论 -
利用css伪类做带阴影的对话框
效果图: css样式/*对话框样式*/ .box{ margin:100px auto; width: 200px; height: 100px; box-shadow: 0px 0px 6px #ccc; position: relative; ...原创 2018-07-24 20:33:36 · 1218 阅读 · 0 评论 -
iSlider手机端图片滑动切换插件
自适应轮播图,支持手机触屏滑动,三种切换效果。效果图: js:var iSlider = function(opts) { if (!opts.dom) { throw new Error("dom element can not be empty!"); } if (!opts.data || !opts.data.length) { ...原创 2018-09-10 14:32:21 · 1134 阅读 · 0 评论 -
总结一下最近用到的一些好的网站和库
1、bootstrap豪华版 http://www.17sucai.com/preview/1191101/2018-05-04/vertical/index.html画风是这样的这个目前没发现文档,不过里面的样式很多,表格,表单等等,最重要的是栅格化系统,而且蛮好看的,算是bootstrap的豪华版2、滑动开关switchery https://www.javascriptcn.com...原创 2018-10-08 11:43:30 · 323 阅读 · 0 评论 -
jQuery delegate()用法
delegate()应用场景:js动态添加元素后需要给后添加的元素绑定事件,我称它为给未来元素添加事件。其实也可以用于为指定元素的一个或多个事件绑定事件处理函数,不过我个人觉得最适合解决未来元素的事件绑定,所以下面介绍的时候我就默认绑定事件的是未来元素啦。注意:jq版本1.4.2的用法和1.4.3不一样,我先介绍1.4.2的。jQueryObject.delegate( selector , ...原创 2018-11-27 17:21:28 · 8345 阅读 · 0 评论 -
如何使用GitHub Desktop提交代码到阿里云
git 、GitHub、GitHub Desktop是三个不同的东西。git 是版本管理的工具,我们在公司一般会用到git来做版本管理,或者多人协作开发。GitHub是一个网站,程序员的社区,你可以把自己写的代码上传到这个网站,也可以从网站上下载别人的代码,你的代码在GitHub上是公开的,所有人都能看,想加密的话得开会员。。。。GitHub Desktop是Github出品的一个图形界面程...原创 2018-12-11 11:23:13 · 2946 阅读 · 0 评论 -
input、textarea表单字数限制提示插件(原生js 不依赖jQuery)
IE兼容性:IE8(含)及以上IE8、IE9下的效果:IE10、IE11及其他浏览器下的效果:调用示例:<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Document</title>&am原创 2019-02-28 16:02:09 · 536 阅读 · 0 评论 -
原生js实现鼠标点击页面弹自定义文字效果
效果:实现代码:(function(e){ // 点击事件触发生生元素等一系列动作的初始状态 var bombFlag = true; // body节点 var elBody = document.getElementsByTagName("body")[0]; // 初始化文字数组下标 var a_idx = 0; elBody.onclick = func...原创 2019-03-16 15:46:02 · 798 阅读 · 0 评论