分类归档

网站开发

FWQ
小程序
rpx如何使用?微信小程序rpx实例用法汇总
摘要: 我们在做微信小程序的开发时,经常会遇到在写样式表的时候发现用px的效果不太理想的情况。日常开发中,我们常用rem、em来做响应式布局的像素单位,他们都是相对单位。rem相对于文档的根元素,em相对于父元素。但是在 …我们在做微信小程序的开发时,经常会遇到在写样式表的时候发现用px的效果不太理想的情况。日常开发中,我们常用rem、em来做响应式布局的像素单位,他们都是相对单位。rem相对于文档的根元素,em相对于父元素。但是在微信小程序的官方文档用rpx来做响应式布局单位!那什么是rpx,应该如何设置呢?今天我们就来好好了解一下。[color=rgb(44,]rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iphone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1 1. 简介:我们在做微信小程序的开发时,经常会遇到在写样式表的时候发现用PX的效果不太理想的情况。日常开发中,我们常用rem、em来做响应式布局的像素单位,他们都是相对单位。rem相对于文档的根元素,em相对于父元素。但是在 … , 2. 简介:这篇文章主要介绍了微信小程序 rpx尺寸单位以及样式详细介绍的相关资料,有效的帮助大家开发微信小程序,避免手机尺寸问题,需要的朋友可以参考下 3. 简介:场景:点击一个字母弹出一个modal,把这个字母显示在modal里。style:.modal{  position: absolute;  left: 0;  right: 0;  top: 0;…
2024-11-25 阅读全文 →
FWQ
小程序
小程序怎么设置tab
小程序怎么设置tab?微信小程序实现tab切换的方法 首先声明一个tab状态变量,如下图所示 接着定义被选中的tab的颜色,如下图所示 然后编写wxml页面,如下图所示,根据tab状态变量决定哪部分显示 接着实现点击tab页卡的方法,如下图所示 运行一行我们就可以看到如下图所示的界面了 点击就可以切换内容了,如下图所示 综上所述,在小程序中实现tab页卡的切换主要掌握状态变量就好了 以上就是小程序怎么设置tab的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
CMS教程
前 5 个 WordPress 评论插件
每个帖子下方的活跃评论区是增加网站互动的好方法。评论为您的内容提供价值,表明您的读者关心您的网站,并为访问者提供返回的理由。 但是,您必须首先创造一个空间,让您的读者愿意闲逛并与您以及他们之间进行交流。为此,您需要一个良好且活跃的评论部分。不幸的是,基本的 WordPress 评论设置不足以帮助您提高内容的参与度。 虽然评论可能有助于为您的内容引起更多关注,但许多 WordPress 主题没有功能性评论系统。原因多种多样,从花费过多时间监控评论到大量垃圾邮件。 我们都知道,保持网站 99.9% 的安全性并将加载时间控制在 1 秒以内非常重要,但增强互动可能有助于吸引人们,并将访问者转变为积极参与的受众和潜在客户。 如果您决定在网站上创建评论系统,这些 WordPress 评论插件将帮助您将网站访问者转变为忠实的受众。 适用于 WordPress 的荧光笔专业版 这是一个高级界面元素插件,可让访问者突出显示文本。它还使他们能够内嵌添加注释和评论,并让您可以访问有关您的亮点的统计信息。它是一个受 Medium.com 启发的工具,用于 WordPress 的文本突出显示和内嵌评论。它可以帮助您就您的内容引发丰富的对话,就像 Medium 一样。 荧光笔 Pro 的主要功能…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发入门(九)本地缓存
目前,微信给每个小程序提供了10m的本地缓存空间(哎哟妈呀好大) 有了本地缓存,你的小程序可以做到: 离线应用(已测试在无网络的情况下,可以操作缓存数据) 流畅的用户体验 减少网络请求,节省服务器资源 哪些数据适合方缓存: 热数据 静态数据(用户数据,服务器授权ID等) 网络地址(图片、文件等网络地址) 分页列表数据及详情内容 一般的缓存系统采用键值对的方式完成数据插入和读取,通过对进行一次算法得到一个唯一值,并与value绑定起来;的时候对根据Hash后的key查询,算法空间复杂度O(1); 小程序本地缓存的实现基于上述方式实现。但是数据究竟是存储在ROM,还是存储在RAM后进行持久化,这个问题有待考究。 对本地缓存数据操作分为同步和异步两种。同步方法有成功,表示数 据处理成功后的操作。下面是小程序提供本地缓存操作接口: 操作 异步方法 同步方法 插入 wx.setStorage wx.setStorageSync 读取 wx.getStorage wx.getStorageSync 删除 wx.removeStorage wx.removeStorageSync 清空 wx.clearStorage…
2024-11-25 阅读全文 →
FWQ
小程序
详解微信小程序左右滑动切换页面
微信小程序——左右滑动切换页面事件 微信小程序的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend。 这三个事件最重要的属性是pageX和pageY,表示X,Y坐标。 touchstart在触摸开始时触发事件;touchend在触摸结束时触发事件;touchmove触摸的过程中不断激发这个事件; 这三个事件都有一个timeStamp的属性,查看timeStamp属性,可以看到顺序是touchstart => touchmove=> touchmove => ··· =>touchmove =>touchend。 第一步:在wxml文件中绑定事件(需要左右滑动的界面) <view>  // do something </view> 登录后复制 第二步:在js文件中处理左右滑动逻辑 var touchDot = 0;//触摸时的原点 var time = 0;// 时间记录,用于滑动时且时间小于1s则执行左右滑动 var interval = "";// 记录/清理 时间记录 var nth = 0;// 设置活动菜单的index var nthMax = 5;//活动菜单的最大个数 var tmpFlag = true;// 判断左右华东超出菜单最大值时不再执行滑动事件 // 触摸开始事件 touchStart:function(e){    touchDot = e.touches[0].pageX; // 获取触摸时的原点   // 使用js计时器记录时间  …
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序关于组件的hidden属性的使用建议
1,先看一个作者的实验 微信官方文档里有提到,hidden是所有组件都有的属性,在实际编码中发现,它的表现与描述不能完全想符。 例如如下布局: 你会发现hidden没生效。 经实验发现hidden元素对块状布局才生效,所以这段代码里导致hidden没生效的罪魁祸首是display:flex,把这个去掉就可以了。 为了验证作者说的话,我翻了css文档,一一实践了所有display样式可能的值: 值    描述     none    此元素不会被显示。     block    此元素将显示为块级元素,此元素前后会带有换行符。     inline    默认。此元素会被显示为内联元素,元素前后没有换行符。     inline-block  …
2024-11-25 阅读全文 →
FWQ
小程序
详解python自定义模块、包
1、保存一个hello.py文件在f:/data/目录下 hello.py >>> def hello(x): print x 登录后复制 目录 立即学习“”; 导入 >>> import sys>>> sys.path.append('F:/data/python') #添加路径,此添加是一次性的>>> import hello>>> hello.hello(5) #调用5 登录后复制  2、不改变sys.path导入自定义模块: 第一种方法:将hello2.py文件放在D:/Python27/lib/site-packages目录下 >>> import sys,pprint>>> pprint.pprint(sys.path) ['',…
2024-11-25 阅读全文 →
FWQ
小程序
小程序审核在看什么
小程序审核在看什么呢?代码还是功能?审核规范是怎样的呢?下面一起来看下吧! 小程序审核在看什么 1、看帐号基本信息是否侵权、是否规范 小程序名称、简介、logo、服务范围、服务标签、账号基本信息文字均不得: (1)侵犯他人权益(著作权、商标权、肖像权、名誉权等)。包括但不限于,使用或包含不属于该小程序主体的品牌或商标、标识等内容或与之相似的内容、信息、特殊角标。示例:检查名称、简介中是否含有该小程序不属于该帐号的权益。 (2)含有商业化用语的、热门小程序名称、“国家级”、“最高级”等新广告法明令禁止或其他无关的词语。 (3)含有政治、色情、敏感、暴力血腥、恐怖、其他国家法律法规禁止的词汇及违法内容。 2、看小程序名称、简介及头像logo 小程序名称、简介: (1)小程序的简介需明确介绍小程序的功能点,不能使用模糊的词义表达,比如:该小程序旨在提高用户的生活品味、该小程序旨在提高用户的购物体验。示例:能在简介中提炼该小程序的几个功能点。 (2)名称、简介的信息表达的意思必须有关联,具有一致性,并应与实际提供的功能一致,不含有与功能无关的搜索热词。示例:简介中能找到小程序名称或者分拆出来的词汇。 (3)小程序名称不能以电话、邮件、日历等广义归纳类、普遍且不具有识别性词语来命名。示例:名称不是是单词汇,必须是两个词以上的组合,当无法判断时,审核人员可主观判断。 小程序头像 logo: (1)小程序头像 logo 清晰度不够时,不予通过。示例:无法看清、分辨、识别图片中包含的各个元素,如:文字、物体、形状等。 (2)小程序头像logo应与名称、简介保持一致 小程序的服务范围和服务标签: 小程序所设置的服务标签,应与所选的服务范围保持一致。标签不能超出服务范围。示例:服务范围是家政,服务标签是美食。 3、看小程序服务类目是否正确 服务类目是指开发者按照小程序所提供的服务类型和所涉及的服务内容,在平台提供的分类分级表格中选择对应的行业范围。 小程序的类目要和自身所提供的服务一致。不存在违法违规或不符合与腾讯所签署的相关协议、腾讯公布的相关规则、规范等内容。 4、对小程序整体审核规则 小程序所实际提供的功能点,需与小程序的简介一致。; 小程序所提供的所有服务类目功能,必须在小程序首页得到体现; 小程序实际所提供的服务不得属于尚未开放的服务范围; 小程序中若存在隐藏或付费功能,开发者提供的测试号需可完整呈现和体验该功能;…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序的授权登录流程讲解
这篇文章给大家分享的内容是关于小程序的授权登录流程讲解,有一定的参考价值,有需要的朋友可以参考一下。 公司业务开展,最近完成了一个微信小程序的开发。场景是这样:同一微信开放平台下拥有相同主体的APP和微信小程序来完成同样的业务,用户进入app或者微信小程序时必须获取用户的unionid来确认当前的用户身份,完成登录。小程序“获取用户信息”api(getUserInfo)的调用方式和之前相比有了较大更新,优雅的实现用户授权和登录非常重要,以下是我在微信小程序授权登录相关流程在开发时候的实现思路和总结,分享如下。 一、微信小程序登录流程时序 说明: 小程序调用wx.login() 获取 临时登录凭证code ,并回传到开发者服务器 开发者服务器以code换取 用户唯一标识openid 和 会话密钥session_key。 临时登录凭证code只能使用一次 什么是openid? 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密后的微信号,每个用户对每个公众号的OpenID是唯一的。对于不同公众号,同一用户的openid不同)。——微信公众平台开发者文档 普通用户的标识,对当前公众号唯一 不同的公众号,同一个用户,openid不同 你可以简单的理解为 openid = hash(uid + app_id) 登录后复制 什么是unionid? 如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序),可通过unionid来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序),用户的unionid是唯一的。换句话说,同一用户,对同一个微信开放平台下的不同应用,unionid是相同的。UnionID机制说明 如果开发者在多个移动应用、网站应用和公众帐号之间有统一用户账号的需求,需要前往微信开放平台(open.weixin.qq.com)绑定公众号后,便可利用UnionID机制来满足上述需求。 一个微信开放平台帐号下可以有多个移动应用,网站应用,公众账号和小程序…
2024-11-25 阅读全文 →
FWQ
小程序
微信封面红包怎么注册申请与设置制作(2021最新视频+图文)
2021年很火的微信封面红包是怎么注册申请的呢?注册成功后又是怎么设置制作的呢? 开通微信封面红包必须满足以下两个条件中的一个才具有申请开通权限:1. 若是个人,必须是已经开通视频号且完成兴趣认证或者职业认证;2.若是企业,则需要完成公众号服务号或者订阅号认证。 本教程操作环境:windows10系统、微信开放平台、Dell G3电脑。 若是具体以上条件,那就可以开始申请了! 今天小编全程演示一遍: 一:微信封面红包怎么注册申请 第1步:百度搜索“微信封面红包开放平台”,点击打开如下网址 第2步:点击右上角【注册】,点击【下一步】,点击【同意】,到达【选择认证类型】 本演示选择的是【企业认证】,点击【下一步】 第3步:完善注册信息,输入邮箱,发送验证邮寄后,接收后点击邮箱发送的激活链接 第4步:用微信公众号管理员的微信扫描生成的二维码 第5步:扫描后,选择要注册的公众号,我们这里选择的是【米云教程】公众号,点击【完成认证】 这样,微信封面红包平台就注册申请完成了 二:微信封面红包怎么设置制作 第1步:点击下载设计模板(PSD文件) 第2步:点击【去定制】,按照要求完善信息 第3步:重点是封面素材的制作,使用之前下载的封面PSD模板,进行设计即可 以上就是微信封面红包怎么注册申请与设置制作(2021最新视频+图文)的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →