作者文章

fwq

FWQ
小程序
超实用的大神级云端设计神器!
神器1:界面设计与协作的法宝 Figma,15年年底开始兴起的一个界面设计协作神器,图形设计功能强大、支持多人编辑与多人实时评论,还可以随意保存历史版本,简直堪称设计界的Google Docs。随便截几张操作动图让你感受一下—— 网上有人说它像Photoshop,但其实它不具备图像处理功能,真正有得一拼的反而是Adobe Illustrator、Sketch,都支持复杂的锚点变化——但我们去下载AI也要接近1G内存吧?Sketch还只支持Mac系统! 如果你要设计移动广告界面,强烈推荐尝试一下,可以导出成jpg、png、svg等多种格式。 另外,纯设计稿的云协作还有国内的白板、国外的Red Pen。 你可以把你的页面设计稿上传,把链接发给上司&同事就可以进行实时的点评甚至是吐槽! 神器2:一秒生成静态演示图 有了Place it 这个生成各种静态页面演示的工具,如果你又要做那种手握手机、或在电脑里显示界面的演示图,不必到处找素材P图了,操作示意如下—— 挑模板–>上传图片–>截取图片尺寸–>完成! 每个演示用的模板上都附有标准尺寸,你也可以先在PS等软件处理好尺寸再上传,立即生成各种手拿iPhone、iMac,开着Macbook的图片,来演示你设计的静态图效果。 神器3:一流的H5设计参考网站 你绝对没想到,平日我们经常看电影评分资讯的IMDb其实是可供我们参照构图、设计风格的神器!那些海报绝不止于宣传片,很多都是国际一流设计师的艺术结晶,用来作为构图以及设计风格的参照再合适不过了。 看上面这张我精心制作的还原设计框架的动图,你会不会瞬间觉得自己浪费了很多借鉴大师风范的机会?IMDb上的电影宣传海报比例跟手机页面相似,刚好可以用来当做移动页面设计的绝佳参考来源。 同理,国内的豆瓣电影网也是如此。挑电影的同时,也能学习。 神器4:视觉炸裂的代码最全收录 http://codepen.io/ 如果你有一定编程基础、懂得如何在移动页面/H5里插入代码的话,也可以参考CODEPEN这个动效源码网站。里面有很多视觉炸裂且惊艳的动效,并且大都附有HTML、CSS、js源码供大家使用。 另外,如果你想做大屏移动广告,动效的选择和参考要更高大上点,这里推荐一个专门收集PC端视觉动效案例的网站——Codrops。 http://tympanus.net/codrops/ 它有很多可以在线预览、兼具视觉化以及交互性的动效,并且每个案例后面都附有相对应的代码,具体应用就因人而异了。 神器5:H5音效的最全收录 GAMEPIX是一个国外HTML5游戏网站,它整理过一个超全的音效网站合辑,用于游戏背景音乐或音效下载,但其实适用于大部分移动页面H5。小至“叮咚”的几秒音效、页面间过渡的十几秒音效,大至几分钟的BGM,非常丰富。 这个合辑作了分类,FREE(免费)、FREE/PAID(半免费半收费)、PAID(收费)三种类型,免费的也照样很好用。 但如果你需要的音效主要针对游戏,那么建议你来Open…
2024-11-25 阅读全文 →
FWQ
CMS教程
PHPCMS站群是什么?
PHPCMS站群是什么? PHPCMS站群是用一套CMS软件系统,做多个网站,统一管理和维护,用户可以互通,但不会相互干扰,该功能这对于运营和维护都能节省很多时间,否则要同时调试和维护不同系统会非常吃力。 PHPCMS 主要特色 模块化,开源,可扩展 立即学习“”; 采用模块化方式开发,提供了自定义模型和模块开发接口,并且完全开源,便于二次开发。 功能强大灵活,支持自定义模型和字段 由内容模型、会员模型、问吧、订单、财务等20多个功能模块组成,并且内置新闻、图片、下载、信息和产品5大常用模型。 负载能力强,支持千万级数据 基于Phpcms团队多年的开发经验,从缓存技术、数据库设计、代码优化等多个角度入手进行优化,可内容存文本,支持千万级数据量,全力保证大中型应用和长期发展。 模板制作方便,支持中文标签和万能标签进行数据调用 采用MVC设计模式实现了程序与模板完全分离,支持 {tag_焦点新闻} 格式的中文标签,同时还支持万能标签,分别适合美工和程序员使用。可调用本系统数据,也可以调用其他mysql数据库,轻松实现多个网站应用程序的数据整合。 拥有门户级的碎片功能,支持可视化预览和编辑 首次把门户级的碎片功能免费开源分享给中小网站,集成了权限机制,支持在后台完全可视化添加、预览和编辑,可回溯至任何历史版本,非常适合用来维护网站首页、栏目和专题页。 支持推荐位功能,轻松实现网站精华内容精准投放 商业网站每天都会发布海量的资讯,但是首页和各频道首页版面有限,如果把精华内容推送至这些黄金位置是编辑每天工作的重中之重。推荐位功能集成了权限机制,并且可以让编辑随时把信息推送至指定位置,也可以随时把信息从指定的位置撤下来,操作简单实用。 支持订单和财务功能,拥有会员收费机制 订单系统可自动和产品模型挂接,支持在线支付、银行汇款、点卡充值等多种付款充值机制,轻松实现网店功能。可设置VIP会员包年包月服务,用户完全自助购买,并且服务到期自动取消,续费才能继续享受,类似QQ的会员机制。 可与多种系统整合,提供完整的建站方案 可与Ucenter、PHPWIND、Dvbbs等多家产品实现会员系统整合,可与支付宝、财付通、网银在线等多家支付平台实现在线支付,可生成百度/Google地图让搜索引擎快速收录,可生成百度互联网新闻协议让百度快速收录新闻资讯,通过万能标签还能实现任何mysql数据库的调用。 融入了人性化体验 支持编辑器自动定时保存数据,可随时恢复;支持信息发布前预览,效果与实际发布相同;支持完全可视化预览和修改碎片;支持编辑器多图片上传,并可以自由裁剪缩放;前后台第一次登录都不需要输入验证码,输入错误后才需要验证码,保证了安全性的同时减少了用户操作。后台导航地图,所有功能一目了然;菜单搜索,输入关键词就会自动列出相关菜单。 加强了安全机制 可进行木马扫描,让网站木马无处遁形;可更改后台入口文件名;可限制后台登录的IP范围;可限制同一帐号同时多处登录;可设置连续多次后台登录失败锁定IP;可启用防刷机制,防止CC攻击;可自动屏蔽非法信息;增加了安全过滤,可防xss跨站攻击和SQL注入攻击。 推荐教程:《/”…
2024-11-25 阅读全文 →
FWQ
小程序
小程序使用云函数查询数据的方法
本篇文章介绍了微信小程序使用云开发中的云函数实现查询数据的方法,具有一定的参考价值,希望对学习小程序的朋友有帮助! 小程序使用云函数查询数据的方法 在云函数中查询数据需要先对Cloud SDK进行初始化 // 云函数入口文件 const cloud = require('wx-server-sdk')//引入Cloud SDK cloud.init()//对Cloud SDK初始化 const db = cloud.database()//初始化完成后,引出database // 云函数入口函数 exports.main = async (event, context) =&gt; {     const await db.collection('todos').get()   }//在main函数返回collection().get(),实现在云函数中查询数据 } 登录后复制  演示在云函数中查询数据 推荐学习: ①界面 <!-- index.wxml --> <button>调用云函数</button> 登录后复制  ②点击按钮,触发cloudFunction事件,调用云函数queryData //index.js-index Page({   cloudFunction:function(){     console.log("Button is click")//测试按钮是否被按下     wx.cloud.callFunction({//调用云函数…
2024-11-25 阅读全文 →
FWQ
小程序
让微信小程序的登陆页面有云朵悬浮的动态效果
摘要: 微信小程序目前的火热程度相信不用多言,尤其是近期微信团队开发小程序很多之前被诟病的功能:模糊搜索,附近小程序等。最近有网友利用空余时间用小程序实现了个动态的登录页效果,所以下面我们51小程序就吧这篇文章 … 微信小程序目前的火热程度相信不用多言,尤其是近期微信团队开发小程序很多之前被诟病的功能:模糊搜索,附近小程序等。最近有网友利用空余时间用小程序实现了个动态的登录页效果,所以下面我们51小程序就吧这篇文章主要介绍了利用微信小程序实现登录页云层漂浮动画效果的相关资料分享给大家,需要的朋友可以参考借鉴,下面来一起看看吧。 前言 2017年前端火了,微信小程序、weex、reactnative,就连支付宝也搞起了小程序,总感觉这是原生要毁灭的节奏啊,我也乘热上车万一波。 上效果图(GIF动态图) 当我看到这张背景图的时候,强迫症立马来了,这云朵为什么不动,于是开始了一波折腾。 知识点 认识animation animation 属性是一个简写属性,用于设置六个动画属性: 值描述animation-name规定需要绑定到选择器的 keyframe 名称animation-duration规定完成动画所花费的时间,以秒或毫秒计animation-timing-function规定动画的速度曲线animation-delay规定在动画开始之前的延迟animation-iteration-count规定动画应该播放的次数animation-direction规定是否应该轮流反向播放动画 认识translate 方法特别多,本文主要用2个。 + translate3d(x,y,z)定义 3D 缩放转换。 + rotate3d(x,y,z,angle) 定义 3D 旋转。 translate3d(1,1,0) 你可以理解为(左右,上下,大小)变化。 rotate3d(1,1,0,45deg)  实现 1.两朵云除了大小和初始位置不通,其他都相同。 .cloud…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序条件渲染详细介绍
这篇文章主要介绍了微信小程序 条件渲染详解的相关资料,需要的朋友可以参考下 1,wx.if 在微信小程序中,小程序是使用wx.if=”{{条件}}”来判断是否渲染该代码块,用法如下: True 也可以用wx.elif和wx.else来添加一个else块,事例如下: 1 2 3 2,block wx:if wx:if是一个控制属性,需要将它添加到标签上,但是如果我们想要一次性判断多个标签,我用可以使用 将多个组件包装起来,并在上边使用wx:if控制属性, 其中并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。事例如下: view1 view2 注:一般来说,wx:if有更高的切换消耗而hidden有更高的初始渲染消耗。因此,如果需要频繁切换的情景下,用hidden更好,如果在运行时条件不大可能改变则wx:if较好。 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持! 以上就是微信小程序条件渲染详细介绍的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发之热门电影
在这篇微信小程序开发教程中,我们将介绍如何使用微信小程序开发热门电影及预览功能。 本文主要分为两个部分,小程序主体部分及电影主页和详情页页面部分 一、小程序主体部分 一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 1. 小程序逻辑 App({ onLaunch: function() { // Do something initial when launch. }, onShow: function() { // Do something when show. }, onHide: function()…
2024-11-25 阅读全文 →
FWQ
CMS教程
织梦 DeDeCMS怎么添加自定义属性
织梦 dedecms怎么添加自定义属性? 由于想在网站首页添加一个本站原创内容的版块.又没办法通过版块id来调用,把每篇原创文章添加副栏目又非常麻烦 推荐学习:    网上查了一下方法,写在这里了.安全起见,就不用命令直接添加了,写前最好备份一下数据库. 首先进入phpmyadmin,找到dede_archives的结构,点击结构,选择flag,点击后台小笔图标 修改. 我们添加一个标记z,作为原创内容的标记. 下一步,找到dede_arcatt 的结构,点击”插入“添加一条数据 这样就OK了 来看效果. 以上就是织梦 DeDeCMS怎么添加自定义属性的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
实践总结小程序性能优化
栏目总结小程序的性能优化。 项目简述 & 问题 先简单介绍一下项目,就是一个比较常规的点餐小程序。 界面如图: 左边是分类菜单,右边是长列表,有多个分类的商品,单个分类滚动完后可以继续滚动切换到下一个分类,同时左边的分类菜单选中态会跟着切换到当前商品列表显示的分类。 考虑到更好的用户体验,以及参考了美团等点餐小程序,这个商品列表的数据是一次性返回的。目前遇到的问题就是,当商品数量比较多时,首次渲染时间很长,而且页面会卡顿。 优化方向 逻辑优化 小声bb:其实就是原来代码(由于历史原因)写得太烂了……OTL 先放个图 小声bb:连小程序都看不下去了,要警告了 微信开发者工具都有警告了,而且提示里面也有定位到具体代码的位置,所以关键就是这个 setData !!! 我们可以先看看官方对于小程序性能以及 setData 优化的一些建议。(developers.weixin.qq.com/miniprogram…) 具体实践: 1. setData 不能一次性传太多数据,如果列表太长,可以分开渲染【比如转化为二维数组,每次循环渲染一个数组】。 v1:简单粗暴版 // 每次渲染一个分类// 假设goodsList是一个二维数组goodsList.forEach((item, index)…
2024-11-25 阅读全文 →
FWQ
CMS教程
织梦怎么把时间标签修改成“今天、明天、后天”
织梦怎么把时间标签修改成“今天、明天、后天”? 织梦DEDECMS把时间标签修改成“今天、明天、后天” 推荐学习: [field:senddate runphp='yes']   $ntime = time();  $oneday = 3600 * 24;  $twoday = 3600 * 48;  $threeday = 3600 * 72;  if(($ntime - @me) <p>上面一段是实现日期,如果是今天的就显示今天,昨天就显示昨天,在配合下面的一段时间标签,就可以实现“今天 11:41 ”这样的效果,当文章的发布时间不在三天之内时就显示时间日期,像这样“05-24 11:41”。pubdate字段同样适用。</p> 登录后复制 以上就是织梦怎么把时间标签修改成“今天、明天、后天”的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
CMS教程
织梦系统怎么备份
织梦系统怎么备份? 织梦DedeCms系统备份详细教程(适用各个版本) 做网站需要定期备份,在网站出现什么问题的时候还可以还原,并不会造成太大的损失。 下面讲解使用织梦DedeCms该如何做好完整的数据备份。 推荐学习: 备份 一、备份数据库数据 进入DedeCms后台 -> 系统 -> 数据库备份/还原 备份文件在dataackupdata 二、将网站上的所有数据下载下来。 做好上面这两步就已经把网站上的所有数据备份下来了。 但如果每次都这么备份,那是比较麻烦的,下载的数据又比较多,所以这类备份做一次就好。 下面讲解该如何做日常备份 一、备份数据库数据,方法同上          进入DedeCms后台 -> 系统 -> 数据库备份/还原 二、下载相关文件…
2024-11-25 阅读全文 →