由于IE不兼容min-前缀,但实际上它把正常的width和height当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话
本程序会让你输入100以内的商品价格,然后用50、20、10、5、2、1六种面额的纸币找零,会给出,一共需要找多少钱,每种纸币找几张。
作为web开发者的我们可能清楚,在中文版的chrome里,定义了小于12px的字体依然显示为12px,可能是chrome的纠正,避免中文看不清楚,同时限制了开发者的灵活性。今天和神飞讨论了下他
IE6浏览器虽然现在很少用了。但是也不能排除它,毕竟有些客户还是有这个要求的。就像我爱模板网今天在给一个客户做网站,需要设置一个div容器的高度和宽度都是5px,发现在IE6,宽
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
本文分享下我在项目中积累的IE8+兼容性问题的解决方法。根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容
看到腾讯课堂的顶部有个倒三角形,看了下代码,发现没有用图片做,而是用css写的,就试了下,发现不过,挺好用的,而且,除了倒三角,左右正三角都可以写出来,代码如下: i s
1. 一般的文件上传,除非文件很小.就像一个5M的文件,很可能要超过一分钟才能上传完. 但在php中,默认的该页最久执行时间为 30 秒.就是说超过30秒,该脚本就停止执行. 这就导致出现 无法打
非常简单,非常实用的js tab选项卡小教程
SVG小球 一个小东西,来回弹动的小球,用SVG写的,很简单,原理就是用 line 画一个线,然后用定时器不断更改用 circle 画的蓝色小球的 X 和 Y 坐标,当坐标超出线的端点,再让他反方向
由于日常需求以无线居多,所以可以在业务中做一些尝试,如 rem,刚接触这个特性的时候,曾经一度爱不释手,仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大,
https 听着就高大上。今天,我们也用阿里云搭建个! 概述: 微信小程序的到来,必将掀起一波狂潮,但是搭建微信小程序,小程序的接口必须使用https接口,所以这必然给新手带来一定
PS绘制逼真的质感小木盒图标,先看下效果图: 图层分解: 各层渐变的参数设置: 貌似少了点木质纹理,下面来添加: 上面的都处理好了之后,还不行,有点灰,给它加点高光,更加
本篇教程咱们来绘制一个非常萌的小鸟。这篇翻译教程十分细腻,特别是毛发部分,对鼠绘毛发时,很有参考价值,希望给喜欢鼠绘的同学带来一定帮助。
ps合成在海上被鲨鱼追逐的小孩子
教大家合成一间丛林中的恐怖鬼屋场景,教程主要使用了一个破旧的别墅素材,和一个森林素材还有骷髅素材,猫眼素材,综合使用ps的合成技巧,完成最终效果的制作。 素材链接:
天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢。 使用Javascript写了一个, 托管到github, 在线DEMO地址查看: js连连看 最终
当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的。如果是app设计师,就不会那么纠结啦。 那
Photoshop制作股市小图标教程开始,首先,我们看下效果图: 首先,我们绘制一个灰色渐变的背景色: 再绘制出一个圆角矩形(大小看个人喜好,做大点后面做图方便),图层样式里面
微信小程序尺寸单位rpx以及样式相关介绍
这篇文章主要介绍了微信小程序中顶部导航栏的实现代码的相关资料,需要的朋友可以参考下
这篇文章主要介绍了微信小程序 后台登录(非微信账号)实例详解的相关资料,需要的朋友可以参考下
这篇文章主要介绍了微信小程序页面间通信的5种方式,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了微信小程序 中wx.chooseAddress(OBJECT)实例详解的相关资料,需要的朋友可以参考下
这篇文章主要介绍了微信公众号菜单配置微信小程序实例详解的相关资料,需要的朋友可以参考下
这篇文章主要介绍了JS常见创建类的方法,结合实例形式总结分析了工厂方式,构造器方式,原型方式,联合方式等常见的javascript创建类的常用技巧与相关注意事项,需要的朋友可以参考下
本文主要介绍了微信小程序中实现列表的上拉加载和下拉刷新的方法。具有很好的参考价值。下面跟着小编一起来看下吧
本文主要介绍了关于小程序网络请求的封装的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要介绍了微信小程序 图片绝对定位(背景图片)的相关资料,需要的朋友可以参考下
这篇文章主要介绍了微信小程序 数据遍历的实现的相关资料,需要的朋友可以参考下
这篇文章主要介绍了jQuery 控制文本框自动缩小字体填充的相关资料,需要的朋友可以参考下
这篇文章主要给大家介绍了关于利用微信小程序实现皮肤功能,也就是实现夜间模式的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下
这篇文章主要介绍了微信小程序canvas写字板效果及实例的相关资料,需要的朋友可以参考下
这篇文章主要介绍了微信小程序 监听手势滑动切换页面实例详解的相关资料,需要的朋友可以参考下
ps是一款十分强大的位图处理软件,这是有目共睹的。这里就不多讲了。它有一个工具,圆角矩形工具,可以画圆角矩形。在画之前,可以设置圆角半径。有时候,可能需要画好之后,再
这篇文章主要介绍了微信小程序 监听手势滑动切换页面实例详解的相关资料,需要的朋友可以参考下
1.丢弃小数部分,保留整数部分 parseInt(23.56); 结果:23 2.向上取整,有小数就整数部分加1 Math.ceil(23.56) 结果:24 3.四舍五入 Math.round(23.56) 结果:24 4.向下取整 Math.floor(23.56) 结果:23 附:如何
本文整理了常用的一些js获取窗口尺寸的方法: JS 获取浏览器窗口大小常用方法: // 获取窗口宽度if (window.innerWidth)winWidth = window.innerWidth;else if ((document.body) (document.body.clientWidth))winWidth
研究了一年多的js,也差不多写一个自己的js库了。我写这个不算框架,只是一个小型的js工具库,所以我用的名字是Library。主要集合了我写js时一些常用的方法,并参考了prototype.js,j
这个小函数比小程序实用多了~,项目急,在网上找了一遍有没有现成的函数,没有一个中(wan)用(mei)的东西,干脆自己动手,丰衣足食了。 这个函数可以对任意数字保留自定义小数
1. rpx :微信小程序开发中新出了尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。 如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px =
今天对一个表格数据进行累加时出现了结果的小数位数变多了(要求所有的数值最多是3位小数),例如: 再例如: 7*0.8=5.6000000000000005 0.1+0.2=0.30000000000000004 一是JS浮点数计算的bug, 另一
网站上传图片时,如果不从后台限制图片的宽高,图片就会出现宽高大小不一,有的宽大于高,有的高大于宽,在前端如果再不进行限制,可能就会出现下面的情况: 图片变形了。那么
首先我们要做三个小球的运动,第一个动后第二个动之后第三个动 我们先写出三个小球球
js浮点数计算问题
微信小程序npm的使用,以vant-weapp为例: 1、打开微信web开发者工具,在开发者工具中,创建“node_modules”文件夹(如果不这么做,而是直接在项目盘中创建,有可能在构建npm时出现“没
字体图标在网页中非常常见了。为了方便在小程序里面重复使用,自定义了一个图标组件,方便控制它的大小,颜色,自定义点击事件。 自定义图标组件的代码如下: 下面的代码是ic
微信小程序导航栏很简单,有时候可能需要加入一些自定义的按钮,新版本的微信小程序已经支持自定义导航栏,官网导航json配置如下: 但是有时候我们项目需求可能需要自定义头部导
微信小程序并没有提供通过经纬度解析城市信息的方法,但是通过腾讯地图逆地址解析,可以实现: 第一步:申请腾讯地图密钥(key),申请地址:https://lbs.qq.com/ 填写完成后即可获取
有时候,我们可能有需求,就是将小程序的rpx值,转换成px值,来进行一些计算等: 1、通过wx.getSystemInfoSync()可获取的值: // 在 iPhone6 下运行:var systemInfo = wx.getSystemInfoSync();console.log(
早期小程序的input,并不支持keycode,所以无法判断,只能采用下面的方法: input type='text' placeholder='搜索书名' focus='true' confirm-type='search' bindinput='input' bindconfirm='search'/input 其中,bindcon
在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。 只有定义了该函数,小程序右上角的菜单中才会有转发按钮 用户点击
微信小程序中,提供了复制相关的接口: wx.setClipboardData,它可以将制定的内容放到剪贴板当中。下面的代码就实现了点击按钮,复制内容的功能: 实现功能如下: 1 .wxml里写一个复制按
Flutter 拆分小部件用class类还是方法
js将毫秒数转换为天数、小时数、分钟数和秒数的计算方法
微信小程序循环嵌套
只有在js文件中定义了 onShareAppMessage 函数时,小程序右上角的菜单中才会有转发按钮。 用户点击自定义的 open-type 为 share 的按钮或者右上角的转发按钮的时候会回调用该函数 该函数内需
我们在做小程序时,可能会修改对象,例如下面的 list 对象: list: [ { id: 0, name: "张三" }, { id: 1, name: "王二" },] 如果我们需要将“王二”改成“李四”,通常做法是(如果要渲染到页面上
我刚开始用wx.createInnerAudioContext(),是将此方法写在了我的播放语音函数里,发现怎么暂停和取消都不好使 经过踩坑,得出结论!!! 1.将此方法声明在onLoad中,(如果声明在page外部,
微信小程序官方文档已经介绍了 module.exports 与 exports 的用法,使用方便,下面是截取自官方的内容,但是解释的不明不白: 微信小程序模块化文档地址:https://developers.weixin.qq.com/minip
微信小程序对于toast、modal和actionSheet的支持非常好,类型丰富,而且,效果也不错。如果不是特别的需求,用它提供的这些控件就已经足够了。下面是使用示例代码,直接复制过去就能
最近,做了一个微信小程序在线聊天项目,详见: 今日周边小程序用户端 。聊天里面有发送语音,用到了录音功能,刚好小程序提供了录音功能: wx.stopRecordwx.startRecordwx.getRecordManager
本文转载自csdn的加菲猫的狗,实现了微信小程序手动定位,选择位置: 很多小程序都有如下需求: 小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,
微信小程序的rich-text展示后台富文本编辑器发布的文章时,需要显示图片,page.wxml代码如下
小程序注册完成后,加载页面,触发onLoad方法。页面载入后触发onShow方法,显示页面。首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。当小程序后台运
之前做混合APP,使用的是 sha1加密 ,小程序为了和APP进行统一,也是用sha1进行加密。其实就是用导出的方法: 在utils中的util.js 文件中增加sha1函数后并导出: function encodeUTF8(s) { var i,
如果页面有多个分享按钮(button 组件 open-type="share"),在onShareAppMessage中如何区分点击的是哪个分享按钮呢?其实onShareAppMessage的res可以获取分享按钮的data-属性,也可以获取id属性,所
微信小程序聊天,使用的是融云的微信SDK,也就是RongIMLib.miniprogram-1.1.3.min.js,其实就是针对小程序修改的js sdk。聊天监听写在了聊天列表页。而聊天页面和它不是一个页面,而融云也不
由于小程序提供的RichText处理html dom过于简单,可能会出现一些样式和原文不一致的问题。所以,有时候就要特殊处理,显示富文本。而wxParse就是一个不错的选择。下面就来说说如何使用
我爱模板网在做链猫小程序时,它的产品是直接从京东的接口获取的,而京东的接口返回的产品详情,有点意思,一般两种情况: 1、直接返回一段html,这段html中都是图片,样式都放在
在小程序的项目中往往需要获取手机操作系统。例如,可能在IOS下需要显示而安卓下不需要显示,这时就要用到微信小程序提供的wx.getSystemInfo接口
今天,api接口换了,但是在微信公众平台没有换,所以,导致用户在使用体验版的时候,数据加载失败,但是将小程序的开发者调试工具打开,就能加载数据,如下图: 我在微信开发平
问题描述: 最近在做微信小程序开发的时候,有一个在线拍照上传的功能要做。原本好好的功能,调试代码几次后发现,拍照上传功能失效了。经过不断的排查发现,原来是小程序的本
前面,我爱模板网上传了一篇文章: qrcode.js 生成二维码的js插件 。这个weapp-qrcode.js其实就是qrcode.js的微信小程序版。它的功能和qrcode.js的功能一模一样,使用方法也差不多: 1、在wxm
微信小程序canvas绘图中canvasToTempFilePath出现CreateBitmap问题: 1.问题起因 在一部分性能不强的安卓机上经常会出现这个问题 2.解决方案 当失败时重新调用canvasToTempFilePath方法,直至绘制成功
前段时间一直在做微信小程序的,遇到了许多的坑,其中遇到了需要前端合成图片保存到相册用于分享到朋友圈。借简书记录一下最终解决方案,先看一下最终效果 该文章解决的问题如
js获取base64图片的存储大小,不是获取宽高尺寸哦。 要获取获取base64图片的存储大小,就要知道Base64的编码原理:Base64编码要求把3个8位字节(38=24)转化为4个6位的字节(46=24),之后在
微信小程序input输入框失去焦点时,获取光标的位置
一、订阅消息 简单介绍一下订阅消息的特点: 用户授权就能发送订阅消息,一次授权可下发一次信息,长期订阅消息模板授权一次理论上可以无限下发消息 与旧模板消息发送权限只保
我爱模板网在做微信小程序项目时,需要实现下面的效果 点击左侧的分类,右边的banner和产品列表都要变成对应的内容。但是,在切换的时候,会再warn中警告“current无效”,而且,有
根据微信官方小程序更新规则,当小程序提交了新的线上版本并且审核通过,用户的小程序不会第一时间更新,冷启动后,会自动更新代码,但是需要等到第二次冷启动后才会使用新版
微信小程序引用字体的两种方式: 第一种是转换成base64的,但是太占用空间,不推荐使用; 第二种方法是,通过引用服务器上的url。 方法一:不推荐使用 1、找到字体包ttf、eot、svg、
阿里云OSS图片地址后面跟上参数控制图片大小和分辨率实现图片压缩。x-oss-process,请求图片附加参数不一样,显示大小和分辨率跟着改变,这里着重介绍下参数的详细使用方法: 先来看
uni-app开发微信小程序时使用vant weapp库的方法: 下载Vant Weapp 下载有2种方法: 方法1:克隆Vant Weapp的仓库,运行下面的命令将仓库克隆到本地 git clone https://github.com/youzan/vant-weapp.git 将
我爱模板网在做国祯项目时,遇到一个需求,即在客户的小程序项目的首页,显示公众号的文章,如下图: 倒腾了一个小时,总算倒腾出来了,现在做下记录: 1、查看小程序和公众号
之前我爱模板网总结过 阿里云OSS图片地址后面跟上参数控制图片大小和分辨率实现图片压缩 ,腾讯云其实也可以,只不过参数不一样: 接口形式 imageView2/mode/w/Width /h/Height /format/Format
我爱模板网在做国祯E健康项目时,遇到了一个问题,即通过wx.login得到的code,通过接口去换取openid和unionid时,得到的是40029的结果,unionid和openid的值都是null,这大多数都是因为前端的
微信小程序的 getWeRunData 接口可以获取“微信运动”最近三十天的步数。简单来说主要下面几步: 1、调用 wx.login 得到 session_key ,后面解密运动步数需要用到。由于 session_key 静默登陆即
后台添加的富文本标签,经常会需要解析,可以通过 wxParse 插件,但是,有时候可能不需要显示,这时就要用正则的方法将它们都去掉: 在需要进行去html标签的wxml内加入下面的代码:
我爱模板网在用uni-app做一个维修app时,里面有个功能:维修完,要拍摄现场照片,打上水印,进行上传。百度了下,找到了下面的代码,进行整理后成功实现! wxml文件 !-- 拍照上传图片
我爱模板网在做微信小程序时,后台传过来一段html,不是很复杂,就没有用 wxParse 了,而是直接用的 rich-text 。但是我发现,后台返回的内容很长,可是显示到页面中,只显示了部分。
在用thinkphp6写一个项目的接口时,需要用wxacode.getUnlimited获取小程序码,代码如下: //获取小程序码$curl = curl_init();curl_setopt($curl, CURLOPT_URL, 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_to
JavaScript能够根据字符的 Unicode编码大小逐位比较字符串大小。 示例1 小写字母a的编码为 97,大写字母 A的编码为 65,则字符a就大于A。 console.log(a A); //返回true 使用字符串的localeCompare()方
String定义了 4个原型方法实现字符串大小写转换操作,说明如表所示。 String 字符串大小写转换方法 字符串方法 说明 toLocaleLowerCase() 把字符串转换成小写 toLocaleUpperCase() 将字符串转换成
关系运算也称比较运算,需要两个操作数,运算返回值总是布尔值。 比较大小的运算符有 4个,说明如表所示。 大小关系运算符 大小运算符 说明 如果第一个操作数小于第二个操作数,
我爱模板网在做一个项目时,需要使用到gulp,而客户对保密要求很严格,只能在他们提供的云桌面上使用。而云桌面只能访问他们的内网,无法访问外网。所以,运行下面的语句安装
我爱模板网在使用uni-app做H5和小程序的混合开发时,要实现下面的购物车按钮效果: 从图中分析,左下角的购物车按钮应该是可以拖拽的,以免挡住后面的内容。首先想到了uni-app的mo
我爱模板网在做一个微信小程序的项目时,需要用到AES、RAS进行加密。 一、RSA 加密流程:获取到后台传来的公钥,调用小程序登录接口获取到tokenId和userId,通过公钥使用RSA加密参数,
我爱模板网在给一个客户的小程序做官网时,所有的图片需要从客户的小程序中下载。但是小程序中的图片并没有提供longtap弹出下载的功能,又不能像网页那样能够右键下载。那么只能
富文本的图片如果过大,在微信小程序的rich-text显示时,经常显示不下,或显示错乱,这时,需要给图片加上: max-width:100%; height:auto; display:block; 保证图片显示正常。可以用正则表达式
利用css3的animation实现的小球沿着椭圆轨道进行圆周运动,并且实现了近大远小的代码
实现 input 只能输入数字和小数点,大家往往用到的都是replace方法,但是其实还有不少其他方案可选
jQuery实现的,多个容器(这里用的自定义的column,换成div同理)在一行,拖拽中间的分割线,实现调整其左右宽度容器宽度的功能,很实用。点击js拖拽控制容器大小查看效果。
js格式化文件大小,将传入的字节,转成B、KB、MB、GB、TB等的两种方法
2022年10月,微信回收getUserInfo()和getUserProfile()获取用户信息的能力。从此以后,不管是getUserInfo还是getUserProfile,都返回匿名的微信头像和昵称,但仍然可以获取openid。
js naturalWidth与naturalHeight属性是获得图片原始的尺寸,不会因外部width和height属性设置的改变而改变。
微信小程序中,可以用 hover-class 属性来指定元素的点击态效果。但是在在使用中要注意,大部分组件是不支持该属性的。
在微信小程序中跳转到另一个小程序的两种方法
uni-app微信小程序getLocation获取定位相关配置
微信小程序登录提示:errMsg: "getUserProfile:fail api scope is not declared in the privacy agreement ", errno: 112
js实现文字增加,字体大小自动缩小不超出范围
uni-app 微信小程序@import引用scss文件无法解析报错
在用uni-app开发微信小程序,启动小程序时报错了
uniapp微信小程序将base64图片绘制到canvas画布上并点击画布保存图片到相册
微信小程序项目需求:显示当前位置与目标位置之间的距离,优先选择最近的,关键思路如下,只需把对应坐标替换即可,当前坐标和目标坐标都可以通过微信小程序接口获取,坐标不唯一时需要进行循环遍历,排序算法较简单就不贴了
微信小程序获取当前页面路径及参数代码
微信小程序导出base64格式的excel并自动打开
uniapp微信小程序PDF和word预览
点击下载:xlsx js文档:https: docs sheetjs com 纯前端导入excel代码:constXLSX=require(& 39; utils xlsx js& 39;)functionimportUs
uni-app 小程序和APP实现点击tab自动屏幕居中显示
uni-app require引入文件没有被编译到小程序的解决方法