作者文章

fwq

FWQ
小程序
小程序回到顶部有哪两种方式
小程序回到顶部有两种方式,分别是: (学习推荐:) 一、使用view形式的回到顶部 HTML: <image></image> 登录后复制 CSS: /* 返回顶部 */ .goTop{   height: 80rpx;   width: 80rpx;   position: fixed;   bottom: 50rpx;   background: rgba(0,0,0,.3);   right: 30rpx;   border-radius: 50%; } 登录后复制 登录后复制 JS:   // 获取滚动条当前位置   onPageScroll: function (e) {     console.log(e)     if (e.scrollTop &gt; 100) {       this.setData({         floorstatus: true       });     } else {…
2024-11-25 阅读全文 →
FWQ
CMS教程
phpcms怎么打开首页
phpcms打开首页的方法:首先下载并安装好phpcms软件;然后在浏览器的地址栏中输入地址“http://127.0.0.1”或者“http://localhost”即可打开首页并访问。 /” target=”_blank”>phpcms打开首页的方法 通常都是访问 http://127.0.0.1 或者 立即学习“”; http://localhost 就可以访问到自己的电脑了 后台地址貌似默认是admin.php 但是在进入后台之前还需要设置MYSQL等等,然后进行安装.. 以上就是怎么打开首页的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
CMS教程
WordPress错位排版原因分析及解决方法
WordPress错位排版原因分析及解决方法 在使用WordPress搭建网站过程中,可能会遇到排版错位的情况,这会影响网站的整体美观和用户体验。排版错位的原因有很多种,可能是由于主题兼容性问题、插件冲突、CSS样式冲突等引起的。本文将分析WordPress错位排版的常见原因,并提供一些解决方法,包括具体的代码示例。 一、原因分析 主题兼容性问题:有些WordPress主题可能在不同浏览器或不同设备上显示效果不一致,导致排版错位。 插件冲突:某些插件可能会与主题或其他插件产生冲突,导致排版错位。 CSS样式冲突:网站中的CSS样式可能存在冲突,使元素排版错位。可能是来自主题、插件或自定义样式表。 二、解决方法 检查主题兼容性问题:可以通过在不同浏览器和设备上查看网站,如果出现排版错位,可能是主题兼容性问题。解决方法包括更新主题、联系主题作者或使用其他主题。 检查插件冲突:通过逐个禁用插件的方式,查找是否有插件引起排版错位。可以通过禁用插件后逐个启用,找到引起问题的插件并进行排除。 解决CSS样式冲突:可以通过修改CSS样式表来解决排版错位。可以使用浏览器的开发者工具来查看元素的CSS样式,并找到冲突的样式进行修改。 接下来将介绍一些常见的排版错位问题及解决方法,以及具体的代码示例: 图片与文字错位 问题描述:图片与文字显示不在同一水平线上。 解决方法:可以通过给图片设置vertical-align:middle;属性来使图片显示。 img { vertical-align: middle; } 登录后复制 表格错位 问题描述:表格中的内容错位显示。 解决方法:可以通过给表格设置固定宽度来解决表格错位的问题。 table { width: 100%; }…
2024-11-25 阅读全文 →
FWQ
CMS教程
怎么改进WordPress主题加载速度
1、使用php的flush函数 在header后调用PHP flush函数,可以加速WordPress博客。在header.php文件的结束标签前,加上以下的代码行: <?php flush(); ?> 登录后复制 这行代码强制web服务器在传输网页内容前先输出header内容,这样浏览器就有充足的时间加载网页的其他部分。 2、自定义主题图片大小 图片是WordPress主题的重要组成部分,但开发者们有时会忘了对主题图片进行优化。主题图片包括CSS背景图,模板logo,默认储存图片、图标等。优化图片可以节省带宽,提高页面响应时间。 例如,Photoshop就给出了一个“Save for Web”的功能以优化网页图片。 3、使用自定义favicon 有些主题没有自带的favicon,这时你就可以给自己的博客设计一个favicon。 简单地说,只要在主题的header.php里加入下面代码: <link> 登录后复制 然后把其中的href属性指向新的favicon文件所在位置就可以了。 推荐教程:/” target=”_blank”>wordpress教程 以上就是怎么改进WordPress主题加载速度的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信添加的小程序哪里找
微信添加的小程序哪里找? 找微信小程序的操作方法如下: 1、在手机操作界面找到微信,如下图箭头度所示,点击打开。 2、在微信界面找到发现点击打开,如下图所示。 3、在打开发现后,在最下面可以看到小程序,如下图所示。 4、在小程序里可以看到更多的小程序,如下图红色回方框所示。 5、还有在微信主界面最上端向下滑动,箭头所示,可以直接找到小程序的。 以上就是微信添加的小程序哪里找的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
CMS教程
帝国cms专题增强插件怎么用
帝国cms专题增强插件增强了专题管理和展示功能,包括:安装与启用:从官方网站下载,解压至帝国cms根目录下的 /e/extend/ 目录,在后台插件管理中启用。插件配置:可设置专题列表,专题页面和专题模板等参数。专题管理:创建、编辑和删除专题,设置标题、描述、缩略图等信息。专题展示:通过专题列表筛选和查看专题内容页面。其他功能:支持专题图片轮播、内容分页显示、关键词标签和自定义字段。 帝国CMS专题增强插件使用指南 一、插件简介 帝国CMS专题增强插件是一款扩展了帝国CMS专题功能的插件,增强了专题的管理和展示功能。 二、安装与启用 从官方网站下载插件。 将插件文件解压到帝国CMS根目录下的 /e/extend/ 目录。 后台登录帝国CMS,进入 【插件管理】 – 【已安装插件】,找到专题增强插件并点击 【启用】。 三、插件配置 进入 【专题管理】 – 【插件配置】,可设置专题列表、专题页面以及专题模板等参数。 【专题列表设置】中可配置专题列表页面的样式、排序方式等。 【专题页面设置】中可配置专题内容页面的样式、广告位等。 【专题模板设置】中可选择或自定义专题页面模板。 四、专题管理 进入 【专题管理】 –…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发(一)介绍微信开发者工具以及小程序框架
前言 一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序如雨后春笋般出现在我们的视线里。追着这波大浪潮,笔者所在的公司也开始将有些需求转移到微信小程序上。接下来将以几篇文章将最近的一个日历打卡小程序的开发过程以及遇到的问题和大家做个分享。 相关免费学习推荐: (一)微信开发者工具 小程序团队推出了自己的开发工具-微信开发者工具,目前微信开发者工具任然在不断的完善中,在开发小程序时经常要不断的更新。论坛上吐槽的文章也是一大堆,存在很多bug,笔者在开发过程中也是被它坑过。笔者是安卓开发者,习惯于这种可视化的编程,所以没有选择Webstrom或者其他开发工具,接下来将介绍微信开发者工具基本功能。 机型选择:小程序以IPhone6的屏幕尺寸为设计标准,让UI小姐姐按照IPhone6屏幕尺寸来切图。 预览界面:写好视图布局后点击编译,视图界面刷新显示 远程调试:手机端和PC端开发工具联调(非常实用) 上传代码:上传到腾讯服务器,提交审核必经步骤。可以填写版本号和备注信息 5-1:代码体积,微信限制 2M 以内。  5-2:ES语法转换,开发中一般不校验合法域名信息 。5-3:域名信息:小程序后台要做配置服务器域名,有request 域名,socket 域名以及uploadFile和downloadFile域名。注意:域名小程序要求必须是https  控制台:打印输出信息,方便调试 资源文件:对应项目的文件目录,一般可以在这里进行断点调试 本地数据存储:显示的是本地存储的数据,对应的相关API是wx.setStorageSync(key,data) 视图调试:标组件以子父层级结构呈现,方便调试。 以上就是在开发过程中微信开发者工具常用到的功能,微信开发者工具也在不断的完善,为了以后更好的提升开发效率,也需要我们在开发过程中将遇到的问题不断的反馈给小程序团队做优化,希望大家抱着包容的心态。开发过程中大家也可以依照自己的习惯选择其他的开发工具。 (二)小程序框架以及目录结构介绍  逻辑层 小程序开发框架的逻辑层由 JavaScript 编写。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。逻辑层对应的是js文件,在每个页面的js文件中,系统提供了一系列的方法如:页面生命周期onLoad(),onShow(),onHide(),等,下拉刷新onPullDownRefresh(),页面到底部(上拉加载)onReachBottom()方法,分享功能onShareAppMessage()等。 视图层 框架的视图层由 wxml 与  wxss 编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。 wxml 由小程序提供的组件组成,wxss 是css 样式。 app文件 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多…
2024-11-25 阅读全文 →
FWQ
小程序
关于微信小程序的动态传参
这篇文章主要介绍了微信小程序 动态传参实例详解的相关资料,需要的朋友可以参考下 微信小程序 动态传参实例详解 在微信小程序的开发过程中经常会用到动态传参,比如根据某一页面传参的不同,加载不同的新的页面。接下来介绍下如何实现。 上一篇博客中介绍了如何用wx:for循环显示数组,一般情况下我们要实现的功能是点击不同的元素进入不同的页面,比如在另一个页面加载某个元素的详细信息。 跳转这里采用navigator跳转,在navigator跳转的链接上将参数加上去: index.wxml(根据点击页面的不同传递参数) <view>   <navigator>   <view>    {item.MTId}} {{item.status}}   </view>   </navigator>  </view> 登录后复制 id是在本地数据中已经写好的,参见以前的博客,它也对应了每一条数据其他详细信息。由此可以想到,我们只要在下一级页面根据传递参数id再在本地数据中查询,然后将查询结果进行显示,就做到了加载详细信息这个功能。 logs.js(接受index.wxml传递的参数并处理) Page({   onLoad: function (options) {   console.log(options.id)   var init = myData.searchmtdata(options.id)   this.setData({    data_MTId: init.MTId,    data_status: init.status,    data_duration: init.Duration,    data_Operator: init.Operator,    data_IdleReason: init.IdleReason …
2024-11-25 阅读全文 →
FWQ
CMS教程
如何为WordPress开发设置atom环境
下面由/” target=”_blank”>wordpress教程栏目给大家介绍为wordpress开发设置atom环境的方法,希望对需要的朋友有所帮助! WordPress真是一个很奇葩的项目,它的很多编码标准和PSR2是那么的不同,例如一般的php项目都要求以空格代替TAB键,但唯独WordPress要求必须用TAB键本身来作缩进,等等。以至于必须专门为它的开发而设置一套atom环境。 在atom中查找并安装project-manager插件,有了它,我们才能单独为WordPress项目创建自己特殊的环境。 按照说明文档,在菜单里选择Save Project后,它会创建一个~/.atom/projects.cson文件,里面有你的项目的路径等基本信息。 在你的项目的根目录下,建立一个文件名为project.cson的文件,内容如下: settings:   "*":     "linter-phpcs.codeStandardOrConfigFile": "WordPress"   ".html.php.text":     "editor.tabType": "hard" 登录后复制 第3行的意思是说:只对本项目进行WordPress校验。 第4行和第5行的意思是说:只对php文件进行硬TAB。 这样,你的其它所有PHP项目还是用PSR2标准进行校验,并且是软TAB,也就是TAB会被转换为空格,而只有这个项目里的PHP项目是硬TAB,其它文件例如JS等还是软TAB。 关于Wordpress编码标准的安装,请参考上一篇文章:https://segmentfault.com/a/11… 新方法 Atom中的Project Management并不好用,最后我还是采用了editorconfig加phpcs的方法进行设定: editorconfig 首先,在项目的根目录下建立一个.editorconfig文件: root = true [*.php] indent_style = tab [*.scss] indent_style = space indent_size = 2…
2024-11-25 阅读全文 →
FWQ
CMS教程
Envato WordPress 工具包:精明的 WordPress 开发人员必备的工具箱
您是否曾从 themeforest 购买过主题?你做到了吗?伟大的!但即使您购买了优质的 wordpress 主题,安装该主题可能比安装 wordpress.org 的免费主题花费的时间要长一些。然而,envato 的工作人员找到了一种快速、简单的方法,可以直接从 wordpress 仪表板安装您购买的项目! 在“智能 WordPress 开发人员工具箱”系列的这一部分中,我们将介绍 Envato WordPress 工具包,这是一个用于安装和更新从 ThemeForest 购买的主题的“工具包”。 在 ThemeForest 上购买 WordPress 主题并安装的步骤 我一直认为,大多数从 ThemeForest 购买 WordPress 主题的人可以分为两类:为微型企业购买主题的人,以及为网页设计机构工作的人。让我们为每种类型想象一个故事。…
2024-11-25 阅读全文 →