分类归档

网站开发

FWQ
小程序
QQ音乐微信小程序实例代码
想做一个功能齐全的类似qq音乐的微信小程序，demo来了，可供大家参考，包含音乐搜索、音乐列表及播放停止示例代码： var util = require('../../utils/util.js') var app = getApp() Page({     data: {         playingSong: {},         songUrl: '',         songImg: '',         songState: {             progress: 0,             currentPosition: '00:00',             duration: '00:00'         },         isPlaying: true,         lyric: ''     },     onLoad: function(){         console.log('playsong onLoad');         let that = this;         let songdata = app.globalData.songData;                   that.setData({             playingSong: songdata,             songUrl: 'http://ws.stream.qqmusic.qq.com/C100' + songdata.songmid + '.m4a?fromtag=38',             songImg: 'http://y.gtimg.cn/music/photo_new/T002R150x150M000' + songdata.albummid + '.jpg',         });         let thatData = that.data;         wx.playBackgroundAudio({…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序版2048小游戏
最近流行微信“跳一跳”小游戏，本站也有文章分享：，本文主要分享实现2048的算法以及注意的点，一起来学习吧！（源码地址见文章末尾）。 算法 生成4*4棋盘视图 随机生成2或4填充两个单元格 记录用户touch时的起始位置和结束位置，以此判断滑动方向 根据滑动方向移动单元格，并进行相同值合并 用户一次滑动完成后重复执行步骤2 判断游戏是否结束，并根据游戏结果产生不同提示 难点 确定滑动方向 用户滑动时相同格子合并，并移到滑动方向一侧实现 视图实现 1、用wxml+wxss生成棋盘视图 2、用wx:for将数据渲染到每个单元格 逻辑实现 1、页面加载完毕随机用数字2或4填充两个单元格 2、判断用户滑动方向 使用touchStart事件函数获取起始位置touchStartX、touchStartY 使用touchMove事件函数获取终点位置touchEndX、touchEndY var disX = this.touchStartX - this.touchEndX;     var absdisX = Math.abs(disX);     var disY = this.touchStartY - this.touchEndY;     var absdisY = Math.abs(disY);       // 确定移动方向 // 0:上, 1:右, 2:下, 3:左 var direction = absdisX &gt; absdisY ? (disX <p>3、根据滑动方向（假设向右滑动）移动表格以及相同项合并</p><p>将2048的棋盘生成4*4的二维数组list，为空的空格用0表示</p><pre class="brush:php;toolbar:false">// 比如棋盘数据如下 var grid = [     [2, 2, 0, 0],     [0, 0, 0, 0],     [0, 8, 4, 0],…
2024-11-25 阅读全文 →
FWQ
CMS教程
如何为WordPress插件添加文章推荐功能
如何为WordPress插件添加文章推荐功能 引言：WordPress是一种强大的内容管理系统（CMS），广泛用于创建各种类型的网站和博客。其中，插件是为了扩展WordPress功能而存在的。在现代的博客和新闻网站中，文章推荐是一项非常重要的功能。本文将介绍如何在WordPress插件中添加文章推荐功能，并提供相应的代码示例。 第一步：创建一个新的WordPress插件首先，我们需要创建一个新的WordPress插件。在WordPress的插件目录（wp-content/plugins/）中创建一个新的文件夹，用于存放插件的所有文件。 然后，在该文件夹中创建一个新的PHP文件，命名为plugin-name.php（插件的名称替换为实际的插件名称）。这个文件将成为插件的主要文件，负责定义插件的名称、版本、作者等信息，并加载其他必要的文件。 以下是一个示例的plugin-name.php的代码： <?php /* Plugin Name: my-plugin Description: This is my plugin. Version: 1.0 Author: My Name */ // 加载其他必要的文件 require_once plugin_dir_path(__FILE__) . 'includes/recommendation.php'; //…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发实现相机拍照和本地上传图片的功能
本篇文章主要介绍了微信小程序开发之从相册获取图片–使用相机拍照，本地图片上传的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧 今天遇到微信小程序的用户头像设置功能,做笔记. 先上gif: 再上代码: 小demo,代码很简单. 1.index.wxml <!--index.wxml-->  <button>获取图片</button>  <image></image> 登录后复制 2.index.js //index.js  //获取应用实例  var app = getApp()  Page({   data: {    tempFilePaths: ''   },   onLoad: function () {   },   chooseimage: function () {    var _this = this;    wx.chooseImage({     count: 1, // 默认9     sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有     sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有     success: function (res) {      // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片 …
2024-11-25 阅读全文 →
FWQ
CMS教程
wordpress是哪种语言编写的
wordpress 是使用 php 语言编写的，是一种开源内容管理系统 (cms)。此外，wordpress 还使用 mysql、html、css 和 javascript 等技术，共同创建动态且可交互的网站。 WordPress 是哪种语言编写的？ WordPress 是一个使用 PHP 语言编写的开源内容管理系统 (CMS)。PHP 是一种服务器端脚本语言，用于创建动态的 Web 内容。 PHP 的优点 开源和免费： PHP 是一个开源软件，这意味着任何人都可以使用，并且无需支付许可证费用。 跨平台： PHP 可以运行在…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发系列教程（1）
首先我们需要申请一个微信公众账号，因为这个公众账号是公司的，所以不方便透露给大家！ 相信简单的申请工作都是没有问题的！申请成功之后，菜单栏会出现“高级功能”，如下图： 里面有2中模式可以选择，“编辑模式”和“开发模式”，上面都详细的描述就不再想大家作解释了！  这里我们要讲的是开发模式。好了，到现在为止就可以进入开发模式的讲解了！ 然后我们在配置URL和Token值，如下图： URL：填写我们放demo的访问网址，例如：http://www.123.com/wx_sample.php Token：这个值可以随便写。 打开文件wx_sample.php，修改下面的内容 define("TOKEN", "weixin"); //修改成自己填写的token 登录后复制 填写之后，就可以提交了！ 验证成功之后，我们可以写一个小例子测试一下，如下代码： <?php /** * wechat php test */ // define // your // token define("TOKEN", "weixin"); $wechatObj…
2024-11-25 阅读全文 →
FWQ
CMS教程
Phpcms 有分页功能吗？
Phpcms 有分页功能吗？ Phpcms有分页功能，使用方法：首先打开“libs unctionsglobal.func.php”文件，在页面搜索“pages”，找到分页方法；然后复制一份修改方法名，修改里面的分页样式；最后调用即可。 前台修改 立即学习“”； <div>                         {pc:content action="lists" catid="13" siteid="1" moreinfo="1" num="3" page="$_GET[page]"}                         {loop $data $va}                         <a>                             @@##@@                             <div>                                <h4>                                 　　<b>{$va[title]}</b>   |                                   　　<span>{$va[object]}：{$va[symptom]}</span>                             　　</h4>                                 <p>{$va[description]}<span></span></p>                             </div>                         </a>                         {/loop}                         {/pc}                     </div> 登录后复制 推荐教程：《》 以上就是Phpcms 有分页功能吗？的详细内容，更多请关注米云其它相关文章！
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序上传多张图片限制大小的实例解析
近期在做微信小程序的项目，目的为了上传多张图片，数量不能超过3张 ，而且在php里因为上传图片被设置了只能上传2M，导致上传不成功，所以我在前端  设置一个函数，用了微信api(wx.chooseImage)获取图片，如果图片大于3张的情况弹出一个提示，不能继续上传图片了，如果图片大于2M的情况弹出一个提示，只能在上传2M以下的图片， data:{     img:[], //设置一个数组 } add_img:function(){     var that = this,     img = that.data.img;         if(img.length <p><img src="https://img.php.cn//upload/image/954/146/829/1533609195998491.png" title="1533609195998491.png" alt="1.png"></p><p>我用的是tempFiles里的size判断图片大小， 支持最低版本1.2.0 (不懂，知道这个1.2.0是哪里的版本？ 微信版本还是微信小程序开发工具的版本？ 知道的评论一下，谢谢)    </p><p>相关文章：</p><p><a href="http://www.php.cn/xiaochengxu-383017.html" target="_self">实例详解微信小程序上传图片到服务器</a></p><p><a href="http://www.php.cn/js-tutorial-368314.html" target="_self">微信小程序多图片上传的实现实例代码</a></p><p>相关视频：</p><p><a href="http://www.php.cn/course/248.html" target="_self">微信小程序全方位深度解析视频教程</a></p> 登录后复制 以上就是微信小程序上传多张图片限制大小的实例解析的详细内容，更多请关注米云其它相关文章！
2024-11-25 阅读全文 →
FWQ
CMS教程
帝国cms标签模板调用不了怎么办
帝国cms标签模板调用不了可能是以下原因造成的：1. 权限问题；2. 语法错误；3. 路径错误；4. 缓存问题；5. 插件冲突；6. 数据库连接错误；7. 编码问题、服务器错误或其他问题。 帝国CMS标签模板调用不了怎么办 问题：帝国CMS标签模板调用不了。 回答：可能是以下原因造成的： 1. 权限问题 检查标签文件和模板文件是否有合适的权限。 确保Web服务器用户对这两个文件具有读取和执行权限。 2. 语法错误 仔细检查标签模板中的语法，确保没有语法错误或拼写错误。 使用帝国CMS提供的语法检查工具来验证模板。 3. 路径错误 确认标签中指定的模板文件路径正确无误。 确保模板文件实际存在于指定的路径中。 4. 缓存问题 清除Web服务器缓存，因为旧的缓存文件可能包含已过时的模板。 可以使用浏览器的无痕模式或禁用浏览器缓存来测试。 5.…
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发-学习小程序开始开发及基本配置
如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabbar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。 小程序开始开发及基本设置 微信开发文档：https://developers.weixin.qq.com/miniprogram/dev/ 下载微信开发者工具 下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 新建项目 注：有APPID记得填写上，没有就点级小程序，记得勾上普通启动模板； 基本配置 如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabbar 配置项指定 tab 栏的表现，以及 tab…
2024-11-25 阅读全文 →