作者文章

fwq

FWQ
小程序
微信小程序实现左滑删除效果代码展示
今天我们说下微信小程序左滑删除效果的实现,现在市场上很多app都在使用这个效果,一个listview页面,向左滑动一条item时,右侧会出现一个删除或者其他的选项,用户体验非常好,操作起来十分方便,今天我们使用微信小程序来实现这个效果……. 先看效果 要实现的效果: 1,当向左滑动时,item跟随手指像左移动,同时右侧出现两个可点击的按钮 2,当滑动距离大于按钮宽度一半松开手指时,item自动滑动到左侧显示出按钮,小于一半时item自动回到原来的位置,隐藏按钮。 思路: 1,首先页面每个item分为上下两层,上面一层放置正常内容,下面一层放置左滑显示出的按钮,这个可以使用z-index来实现分层。2,item上层使用绝对定位,我们操纵 left 属性的值来实现像左移动。 3,我们通过微信小程序api提供的touch对象和3个有关手指触摸的函数(touchstart,touchmove,touchend)来实现item随手指移动。 由于比较简单,所以直接上代码了,详细的讲解都在代码的注释中,首先看下页面的布局 <!--这是一个item的代码> <view class="address-item" wx:for="pw_addressList" > <!--这里绑定了刚才说的3个函数分别为 touchS,touchM touchE-->   <!--这里注意这个 style="pw_item.txtStyle" ,这是我们一会再js中 将要设置的样式 -->     <view>      <!--中间无关的代码已被我删除-->     </view>      <!--这里是左滑按钮部分----start-->…
2024-11-25 阅读全文 →
FWQ
CMS教程
wordpress多语言导航设置
默认情况下,WordPress 没有提供创建多语言站点的功能,然而,我们可以通过插件或在线翻译服务为我们的 WordPress 网站添加多语言功能。对于一些想要开展国际业务的个人或公司来说,为网站添加多语言内容是必不可少的。特点是很多做外贸业务的 WordPress 网站,往往需要创建几种语言的内容。下面我们就来讨论一下怎么开发 WordPress 多语言网站。 如果你想了解更多关于的知识,可以点击: 第一种方法:通过 WordPress 多语言插件创建多语言站点   WordPress多语言插件中,出现最早的是 WPML,功能也最为强大,然后是 Polylang,功能一样强大,设置要比 WPML 插件简单,然后是 qTranslate。下面我们先来看一下使用 Polylang 多语言插件创建多语言站点的方法。 第一步:添加语言   Polylang 插件安装后,设置选项在”设置>语言的地方”,在设置里面添加语言。 第二步:为现有的文章添加翻译   在编辑文章界面,点击多语言设置处的“+”号,然后跳转到一个发布相应语言文章的页面,开始添加对应版本的语言。 第三步:添加语言切换工具到主导航菜单   Polylang 也为我们提供了语言切换器,可以通过主导航菜单或侧边栏添加。…
2024-11-25 阅读全文 →
FWQ
小程序
接收微信服务器post消息体的java代码示例
这篇文章主要为大家详细介绍了java微信公众平台开发第二步,微信服务器post消息体的接收,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 在上一篇的文章中我们详细讲述了如何将我们的应用服务器和微信腾讯服务器之间的对接操作,最后接入成功,不知道你有没有发现在上一篇的【controller】中我定义了一个get方法和一个post方法,但是在使用过程中我们就用了get方法,这里我们就来说说我们预留的post的方法的使用! 当我们在完成了服务器验证之后,此后用户每次向公众号发送消息、或者产生自定义菜单点击事件时,开发者填写的服务器配置URL将得到微信服务器推送过来的消息和事件,然后开发者可以依据自身业务逻辑进行响应,例如回复消息等!通过这句话我们能知道后面所有的微信服务器和我们应用服务器之间的沟通都是通过post消息体来完成的,那么我们这里将讲述如何接受微信post的消息体! (一)消息类型和消息格式 上面有说道我们所有的和微信服务器之间进行沟通基本都是通过post消息体完成的,首先我们了解下消息体的类型,大致类型有两种: 立即学习“”; 普通消息类型:文本消息、图片消息、语音消息、视频消息、小视频消息、地理位置消息、链接消息 事件消息类型:关注/取消关注事件、扫描带参数二维码事件、上报地理位置事件、自定义菜单事件、点击菜单拉取消息时的事件推送、点击菜单跳转链接时的事件推送消息类型:微信服务端推送的所有消息体的类型格式都是xml格式; (二)消息重试机制 微信服务器在五秒内收不到响应会断掉连接,并且重新发起请求,总共重试三次。假如服务器无法保证在五秒内处理并回复,可以直接回复空串,微信服务器不会对此作任何处理,并且不会发起重试,但是这里后期可以使用【客服消息接口】去完成消息再次推送。 (三)消息接收处理 在前面我们有说道微信的消息体是采用xml格式,那么我在这里写了一个MessageUtil去做消息格式的处理,大致代码如下: package com.cuiyongzhi.wechat.util; import java.io.InputStream; import java.io.Writer; import java.util.HashMap; import java.util.List; import java.util.Map; import javax.servlet.http.HttpServletRequest;   import org.dom4j.Document; import org.dom4j.Element; import org.dom4j.io.SAXReader;   import com.thoughtworks.xstream.XStream; import com.thoughtworks.xstream.core.util.QuickWriter; import com.thoughtworks.xstream.io.HierarchicalStreamWriter; import com.thoughtworks.xstream.io.xml.PrettyPrintWriter;…
2024-11-25 阅读全文 →
FWQ
小程序
图文详解微信公众平台开发微信服务器IP接口实例(附代码)
本文主要介绍了图文详解微信公众平台开发微信服务器ip接口实例(附代码),具有很好的参考价值。下面跟着小编一起来看下吧 学习了access_token的获取及应用后,正式的使用access_token调用下其他微信公众平台的接口,加深认识与使用方法。 一、获取微信服务器IP地址实例 (一)接口介绍 如果公众号基于安全等考虑,需要获知微信服务器的IP地址列表,以便进行相关限制,可以通过该接口获得微信服务器IP地址列表或者IP网段信息。 (二)实例调用 接口说明 http请求方式:GET 接口调用地址: api.weixin.qq.com/cgi-bin/getcallbackip?access_token=ACCESS_TOKEN 说明,如表所示: 参数 是否必须 说明 access_token 是 公众号的access_token 返回说明: 正常情况下,微信会返回数据包给公众号,如图所示: 返回信息参数说明,如表所示: 参数 说明 ip_list 微信服务器IP地址列表 代码: <?php /* *获取微信服务器IP地址…
2024-11-25 阅读全文 →
FWQ
小程序
如何找回老的微信头像?
步骤:1、打开微信,点击“添加好友”;2、在输入框中输入“recover”,点击“搜索”;3、点击“操作记录”,再点击“确定”;4、强制关闭,重新登录微信即可。 步骤如下: 1、首先在我们的手机桌面上找到并点击它,接着点击添加朋友。 2.然后在输入框中输入:recover并点击屏幕右下角的搜索。 3.接着点击操作记录。 4.然后点击确定。 5.最后点击强制关闭并重新登陆微信就可以了。这样就解决了找回微信丢失头像的问题了。 推荐教程:《》 以上就是如何找回老的头像?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信获取地理位置的图文详解
 一位中年男子因和老婆吵架,老婆一气之下离家出走,电话不接,每天发微信也不回,他想通过微信知道老婆在哪。 一位阔太太的老公说在外应酬生意,经常很晚才回来,太太想通过微信知道老公当时到底在哪里,她担心他在外面养了人。 一位年轻的美女为变心不理他的初恋男友付出了很多宝贵的东西,她她不想放弃这段感情,想通过微信定位对方位置,然后去找他。 这是我们曾经碰到的三个真实场景。 1. 关注“方倍工作室”微信公众账号,回复“123”获得定位型漂流瓶创建链接。   2. 选择自己隐私选项,对方信息获取选项,填写信件内容,选择漂流瓶有效时间。   3. 提交订单,确认付款   4. 支付成功后,将收到方倍工作室发来的漂流瓶链接地址。 5. 打开地址,将弹出是否允许公众账号获得地址。 6. 只有“允许”后才能打开漂流瓶,查看到信件内容。以下是显示和不显示自己隐私的信件图。   7. 将其分享给好友或分享到朋友圈,是以下是显示和不显示自己隐私的分享图。   8. 对方打开该信件时,将显示步骤5和步骤6中的页面。 漂流瓶创建者同时收到打开者的位置信息。如图所示,点击个人头像还可以在上看到位置。 说明:实际地址与真实地址有一定误差,范围在几十米到数百米左右,这是由手机本身决定的。软件无法控制。   …
2024-11-25 阅读全文 →
FWQ
CMS教程
帝国cms模板怎么制作
制作帝国cms模板共需5步:准备基础文件:复制帝国cms基础模板;修改模板文件:编辑头部、尾部、主页、列表页、详情页等模板文件;自定义css样式:编辑default.css文件或添加自定义css;添加模板参数:设置标题、关键字、描述等参数;验证并发布:验证模板无语法错误后,上传到帝国cms系统并发布。 帝国CMS模板制作指南 如何制作帝国CMS模板? 制作帝国CMS模板需要以下步骤: 1. 准备基础文件 创建一个新文件夹作为模板目录。 复制帝国CMS系统目录下的data/skin/default文件夹到模板目录中,作为模板基础。 2. 修改模板文件 打开default/template/system目录,编辑以下文件: header.temp.php:头部内容 footer.temp.php:尾部内容 index.temp.php:主页内容 list.temp.php:列表页内容 show.temp.php:文章详情页内容 根据自己的需求修改这些模板文件中的HTML和PHP代码。 3. 自定义CSS样式 打开default//default.css文件,编辑CSS样式以定制模板外观。 如果需要,可以添加额外的CSS文件。 4. 添加模板参数 在default/templet/config.php文件中,可以设置各种模板参数,如标题、关键字、描述等。 5. 验证并发布 保存所有更改并验证模板是否存在语法错误。 将模板目录上传到帝国CMS系统的data/skin/目录中。…
2024-11-25 阅读全文 →
FWQ
小程序
ES6新特性开发微信小程序(10)
可子类化的内建对象(Subclassable Built-ins) 在ES6中,像Array,Date和Dom元素这样的内建对象都可以被子类化。 通过子类工厂实现简单的合成器(Simple mixins via subclass factories) mixin在javascript里可以看作是一种从别的对象”借用”功能的方法。每一个新定义的对象都有一个 prototype属性,其他的对象就可以从这里”借用”功能。这里的功能可以是一个属性,也可以是一个方法。 Mixin支持在一个系统中降解功能的重复性,增加功能的重用性。在一些应用程序也许需要在所有的对象实体共享行为的地方,我们能够通过在一个Mixin中维护这个共享的功能,来很容易的避免任何重复,而因此专注于只实现我们系统中真正彼此不同的功能。 在 ES6 中,我们可以采用全新的基于类继承的 “mixin” 模式设计更优雅的“语义化”接口,这是因为 ES6 中的 extends 可以继承动态构造的类,这一点和其他的静态声明类的编程语言不同。当 ES6 类继承另一个类,被继承的类可以是通过任意表达式创建的动态类。这个特性可以允许实现一种合成器模式,用一个函数来将一个类 C 映射到一个新的继承了C的类。 mixin 式继承的基本形式: 用 mixin…
2024-11-25 阅读全文 →
FWQ
CMS教程
PHPCMS能用Vue开发吗?
PHPCMS能用Vue开发吗? PHPCMS能用Vue开发,只需在PHPCMS模板中引入vue.js,就可以使用Vue进行开发,Vue是一套用于构建用户界面的渐进式JavaScript框架,该框架目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 Vue 特点 易用 立即学习“”; 在有HTML CSS JavaScript的基础上,快速上手。 灵活 简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。 性能 20kb min+gzip 运行大小、超快虚拟 DOM 、最省心的优化。 Vue 目录结构 目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 包含了几个目录及文件:…
2024-11-25 阅读全文 →
FWQ
CMS教程
一招搞定帝国cms灵动标签里的序号实现方法
经常需要一个带有序列号的列表。如12345….. 当然万能标签也可以做到。但输出栏目列表的时候万能标签就做不到了。 这时我们可以用灵动标签。 [e:loop={“select * from phome_enewsclass where bclassid=0 order by classid limit 20 “,20,24,0}]//输出内容[/e:loop] 其中的 $bqno 就是序列号。默认从1开始 要从2开始就 $bqno+1 要从3开始就 $bqno+2 推荐学习《教程》 以上就是一招搞定灵动标签里的序号实现方法的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →