作者文章

fwq

FWQ
小程序
微信小程序实战项目之富文本编辑器实现
本篇文章给大家带来了关于的相关知识,其中主要介绍了关于富文本编辑器的实战示例,包括了创建发布页面、实现基本布局、实现编辑区操作栏的功能等内容,下面一起来看一下,希望对大家有帮助。 【相关学习推荐:】 1. 实现效果 实现的效果如下图: 实现的功能点如下: 文本加粗、斜体、下划线,对齐方式 撤销、恢复、插入图片、删除功能。 2. 创建发布页面,实现基本布局 首先创建发布页面 article,在 app.json 中通过配置生成页面即可。 "pages": [         "pages/article/article"     ] 登录后复制 在 article.wxml 中,书写结构: <view>   <!-- 文章类型 -->   <view>     <picker>       <view>…
2024-11-25 阅读全文 →
FWQ
CMS教程
浅析WordPress如何置顶文章?怎么和普通文章区分?
中如何设置文章置顶?怎么区分置顶文章?下面本篇文章给大家介绍一下wordpress区分置顶文章的几种方法,希望对大家有所帮助! 很多博客都有自己的置顶文章,在默认情况下WP对置顶文章只是将它们的位置排在前面,除了位置差异外,跟其他文章是没有任何区别的。那我们怎样才能将它们区别开来呢?我这里有几种方法: 一、在WordPress中如何设置文章置顶?      相信很多朋友都还不知道WordPress本身就有置顶文章的功能,而苦苦地去寻找插件来实现置顶功能,真是浪费,我觉得有必要再说明一下怎么置顶文章。WordPress中设置文章置顶很简单,打开文章编辑页,右边栏的公布栏目即可设置,如图: 二、在标题处添加置顶字样      其实我们这篇文章要用到的函数也只有一个,这个函数用于判断该文章是否为置顶文章。置顶文章一般也只在首页显示,那现在就打开你的主题目录下的index.php,查找:the_title(); 然后将其改成: the_title(); if( is_sticky() ) echo '  <span>置顶</span>'; 登录后复制 三、置顶文章不显示文章摘要      同样是打开index.php,查找:the_content 或 the_excerpt,给它添加一个判断,这样置顶文章就不显示摘要了,如: if( !is_sticky() ) the_content(....); 登录后复制 或 if( !is_sticky() ) the_excerpt(....); 登录后复制 四、给置顶文章添加边框或背景等      这个方法不需要判断是否为置顶文章,我们只需给它添加一个CSS样式即可。打开主题目录下的index.php,找到每篇文章所在的div,一般的主题查找:class=”post” 这个div就是每篇文章所在的div了,我们现在给个这个div添加一个类,如将 改成(可将以下代码中的class=”post”去除): <div> class="post"&gt;</div><p>     如果是置顶文章,会自动给这个div添加一个类.sticky,我们现在打开主题目录下的style.css,添加类属性:</p><div rel="CSS" class="code"><pre class="brush:css;toolbar:false;" tabindex="0">.sticky {    background: #ff0000;…
2024-11-25 阅读全文 →
FWQ
CMS教程
帝国CMS数据库配置文件是哪个
数据库配置文件是哪个?    帝国CMS数据库配置文件e/class/config.php,对于帝国7.0以后的版本,数据库路径就是 e/config/config.php 一、变量列表 表单提交地址:/e/enews/index.php classid:[!–classid–] id:[!–id–] enews:AddPl repid:0 username:用户名输入框 password:密码输入框 key:验证码输入框 显示验证码: nomember:匿名发表 saytext:评论内容 二、表单范例 代码如下: <script> function CheckPl(obj) { if(obj.saytext.value==”") { alert(“您没什么话要说吗?”); obj.saytext.focus(); return false;…
2024-11-25 阅读全文 →
FWQ
CMS教程
如何获取织梦cms当前栏目的顶级栏目名称
如何获取织梦cms当前栏目的顶级栏目名称? 在用织梦做一些项目时,时常会碰到需要在当前页面调用顶级栏目名称的时候,织梦默认{dede:field name=’typename’ /} 可以获取当前栏目页上一级栏目的名称,而不是当前栏目顶级栏目名称。 推荐学习: 使用时一定要注意是不是需要修改查询语句表的前缀 下面拓展出一个方法来实现这个效果、: 在include/common.func.php的最下方加入: //获取顶级栏目名    function GetTopTypename($id)    {    global $dsql;    $row = $dsql-&gt;GetOne("SELECT typename,topid FROM dede_arctype WHERE id= $id");    if ($row['topid'] == '0')    {    return $row['typename'];    }    else…
2024-11-25 阅读全文 →
FWQ
小程序
列表渲染wx:key的作用以及条件渲染 wx:if 与 hidden之间的区别
本篇文章给大家带来的内容是关于微信小程序中使用async/await语法的方法(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 开发微信小程序离不开“页面渲染”,对于初学者来说很难理解小程序里的“页面渲染”是什么、怎么用?而学过 vue 的同学来说,这个就比较熟悉了,实际上就是数据绑定页面渲染。那么关于页面渲染最重要的是列表渲染和条件渲染这两块,先来看看几个简单的例子。 下面是个“列表渲染”的例子: <view wx:for="{{array}}"> {{index}}: {{item.message}} </view> 登录后复制 Page({ data: { array: [{ message: 'foo', }, { message: 'bar' }] } }) 登录后复制 上面的例子可以看出,默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为…
2024-11-25 阅读全文 →
FWQ
CMS教程
扩展参数:使用Anime.js进行基于JavaScript的动画,第二部分
在 Anime.js 系列的第一个教程中,您了解了指定要设置动画的目标元素的不同方法以及可以设置动画的 CSS 属性和 DOM 属性的类型。上一个教程中的动画非常基础。所有目标元素只是移动一定距离或以固定速度改变边界半径。 有时,您可能需要以更有节奏的方式为目标元素设置动画。例如,您可能有 10 个不同的元素,想要从左向右移动,每个元素的动画开始之间有 500 毫秒的延迟。同样,您可能希望根据每个元素的位置增加或减少动画持续时间。 在本教程中,您将学习如何使用 Anime.js 使用特定参数正确计时不同元素的动画。这将允许您控制单个元素或所有元素的动画序列的播放顺序。 属性参数 这些参数允许您一次控制单个属性或一组属性的持续时间、延迟和缓动。 duration 和 delay 参数以毫秒为单位指定。持续时间的默认值为 1000 毫秒或 1 秒。 立即学习“”; 这意味着除非另有指定,否则应用于元素的任何动画都将播放 1…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中关于movable-view移动图片与双指缩放的实例详解
movable-area是微信小程序的新组件,可以用来移动视图区域movable-view。这篇文章主要介绍了微信小程序movable view移动图片和双指缩放实例代码,需要的朋友可以参考下 movable-area是微信小程序的新组件,可以用来移动视图区域movable-view。移动方向可选择任何、垂直和平行。可移动区域里包含其他文本、图片、按钮等组件。可移动区域可绑定touchend等事件。movable-view的参数可调整动画效果。 先从movable-view开始说起吧. movable-view是小程序自定义的组件.其描述为:”可移动的视图容器,在页面中可以拖拽滑动”.  值得注意的是文档中有一段备注: “当movable-view小于movable-area时,movable-view的移动范围是在movable-area内;当movable-view大于movable-area时,movable-view的移动范围必须包含movable-area(x轴方向和y轴方向分开考虑)”. 也就是说父容器movable-area是可以比子容器movable-view小的,但是子容器的移动范围必须包括父容器. 先看官方实例代码: <view>  <view>movable-view区域小于movable-area</view>  <movable-area>  <movable-view>  </movable-view>  </movable-area>  <view>  <button>click me to move to (30px, 30px)</button>  </view>  <view>movable-view区域大于movable-area</view>  <movable-area>  <movable-view>  </movable-view>  </movable-area></view> 登录后复制 这里面有个错误,应该是编写人的一点小失误吧. 第二个movable-area的属性direction应该写在movable-view上.  <movable-area>   <movable-view>…
2024-11-25 阅读全文 →
FWQ
小程序
微信订阅可以绑定小程序吗?
微信订阅和可以绑定小程序吗? 微信订阅绑定小程序的方法步骤: 1、首先登陆微信公众号,然后我们在左边的菜单里面找到“小程序”,点击小程序,然后选择开通。开通的条件很简单,几乎没有什么要求。 2、开通之后小程序菜单会多出两个子菜单:小程序管理和展示场景,我们选择小程序管理。小程序展示已经改版了,目前和小程序的附近小程序功能融合了。 3、我们在“小程序管理”中选择-关联小程序,我们在其中会看到能够关联同主体10个和不同主体3个。同主体就是同一个公司或者是机构,不同主体的话也还可以的。 4、点击关联小程序,然后系统会申请验证管理员,需要管理员进行扫码验证,运营人员不可以必须是管理员才可以,验证完成之后会让我们输入小程序的AppID。 5、小程序的AppID可以在小程序的账号信息里面查看,输入只会给小程序的管理员发送一条绑定申请信息。管理员同意之后就算是绑定成功了。 更多相关知识,请访问 !! 以上就是微信订阅可以绑定小程序吗?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
CMS教程
帝国cms会员中心在哪里
帝国cms会员中心位于前台,具体位置: 1. 9.0及以上版本:顶部导航栏“会员中心”; 2. 8.0及以下版本:中部或底部“会员中心”或“用户登录”。会员中心提供功能:用户管理、订单查询、积分查看、评论管理、订阅管理等(根据网站配置而异)。 帝国CMS会员中心位置: 帝国CMS会员中心位于网站的前台,具体位置依版本不同而异。 具体操作步骤: 帝国CMS 9.0及以上版本: 打开帝国CMS网站首页。 在顶部导航栏中,点击“会员中心”按钮。 帝国CMS 8.0及以下版本: 打开帝国CMS网站首页。 在网站中部或底部,找到“会员中心”或“用户登录”等字样。 点击相应的链接进入会员中心。 会员中心功能: 会员中心提供了多种功能,包括: 用户登录和注册 个人信息管理 订单查询和管理 积分和余额查看 评论和留言管理 订阅和收藏管理 其他自定义功能(由网站管理员配置) 以上就是会员中心在哪里的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实例:如何调用腾讯地图获取jsonp数据
本篇文章给大家带来的内容是关于微信小程序实例:如何调用腾讯地图获取jsonp数据 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 用微信小程序内置js调用腾讯地图api获取位置信息,返回的是jsonp数据 解析方式如下:   //根据经纬度对象获取位置详细信息   getLocationInfo: function (location){     let _this = this;         var data = {       location: location.latitude + "," + location.longitude,             /*腾讯地图key*/       key: "************************",       get_poi: 0       };    var url = 'https://apis.map.qq.com/ws/geocoder/v1/?';     wx.request({       type: "get",       dataType: 'jsonp',       data: data,       jsonp: "callback",       jsonpCallback: "QQmap",       url: url,       success: function(res) {         let data = res.data;    #此处data是格式化的字符串,并不是对象        var json = JSON.parse(data);    #把data转换成对象        if (json.status == 0) {           #此处写业务逻辑         }       },       fail: function(res) {         console.log(res)       },…
2024-11-25 阅读全文 →