一、要求

 前端工程师需要在HTML/CSS/JavaScript三大语言具备扎实的基础，良好的PC/移动端页面重构能力，以及一定的浏览器调试及性能优化技巧，在此基础上掌握常用前端框架及自动化工具。优秀的前端工程师还要具备一定的服务端及网络知识。

一、完成一个页面开发，需要支持在PC及移动设备上正常使用。

页面交互基本要求如下：

1、页面中存在一个自动播放的轮播图，图片不少于5张，同时支持手指滑动到指定图片播放；

2、页面中存在一个使用js模板引擎渲染的列表，数据不少于10条；

3、点击页面上某个按钮，弹出一个带有半透明遮罩层的完全居中的自定义样式窗口，内容为一个倒计时功能，显示距离当日23:59:59的剩余时间，窗口右上角有关闭按钮可手动关闭；


二、结构




三、代码
下载地址：稍后给出


四、效果

现在很多用户都是用移动设备网上购物，使用商城小程序就是很受欢迎的一种购物方式。也因此，越来越多商家开始用小程序商城来开辟线上市场，引流营销。那么商家如何做一个微信商城小程序呢？
搭建小程序本身是很简单的，直接在「上线了」选择一个电商模板(或者超级云名片-电商版)。
点击模进入小程序编辑器，在“小程序设计-通用风格”里你可以设置小程序主题色、导航；在“页面设计”里你可以添加各种功能版块(图片banner、视频、快捷按钮、标题、分类组合、商品列表……)；在商店栏你可以添加商品、商品分类等。
做好后点击左下角“立即发布”，按照提示用小程序管理员账号扫码授权(没有的话可以用“快速注册”通道注册)就好了。
这样，即使你不懂商城小程序源码，也能顺利生成自己的小程序，快的话十几分钟就能搭建好你的小程序页面。不过，在商城小程序制作过程中，新手要注意这几点，以免把小程序做得太难看：
1.头图banner醒目且简洁
小程序的首页头图是很重要的位置，好的头图banner能快速吸引客户注意力。头图的设计无需太复杂，图片尽量简单易懂，可以少量添加说明文字，但不要太多，要能够让客户一眼看明白，快速获取所需信息。比如下面这个皮包小程序案例，就用轮播图简单展示了新的优惠活动、新产品系列，吸引客户购买。
上线了小程序案例，禁止转载
2.快捷按钮指向清晰
不要让客户在你的小程序中“迷路”，因此快捷按钮是很重要的，快捷按钮一般1~2排，指向某一商品分类或服务，提高客户浏览效率。
3.内容充实
小程序要轻而美，但并不是说你就要做一个空壳子。在排版简单、明晰的情况下，小程序的内容应尽量丰富，可以添加多个版块、文章。千万别做无实质内容的小程序，那样通常很难通过微信审核。
4.小程序主题应与提交的服务类目一致。如果不一致，就不能通过微信审核。
以上就是商城小程序开发方法和注意点的科普了，你现在就可以实践一下。

说到 PPT 中自带的图片处理功能，很多人可能嗤之以鼻，觉得它太弱了。
但其实，PPT 中还是有一些非常不错的图片处理功能，比如我最经常用到 [ 重新着色 ] ，基本上每次做 PPT 都会用到。
那这个功能为什么好用呢？
所以，我就结合平时定制设计的经验，跟各位分享一些使用小技巧：
不过，在这之前，还是先来简单的了解一下 ，重新着色的功能界面。
私信回复关键词【30套】，即可获取我收藏的优质职场类PPT模板资源！
​我们选中页面上的图片，点击 [ 格式 ] 选项卡，然后在 [ 颜色 ] 中就能找到它啦！
重新着色分为三行七列，第一行为软件的默认效果，第二、三行的颜色与 PPT 的主题色一一对应。
只要更换主题色，重新着色第二、三行的效果，也会随之发生变化。
这也就意味着，我们可以通过更改 PPT 的主题色，来决定图片重新着色后的效果。
由于篇幅有限，我就先推荐一个功能：降低图片干扰，凸显页面中的内容。
在页面中添加背景图片时，为了避免图片的色彩信息，干扰到页面中的内容，大都能想到对图片做去色处理。
通俗点说，就是把图片的饱和度降为 0，将图片变成黑白的。
举一个例子，比如下面这个页面，左侧的图片十分抢眼，影响到了右侧文本的展示：
而我们降低图片的饱和度：
再来看下效果：
图片信息被弱化了很多。
不得不说，这招的确有效，不过它的成立还有一个前提条件，就是页面中的蒙版颜色得是深色。
蒙版颜色不是深色的情况下，如果还是将背景图片处理成黑白，页面看起来就会很脏，不够通透。
这个问题在使用白色蒙版时，表现得更加明显：
那该怎么解决这个问题呢？
其实很简单，我们借助 [ 重新着色 ] ，把图片处理成和蒙版相近的颜色即可。
比如刚才的红色蒙版的页面，我们可以把背景图片改为红色调：
而对于使用蓝色蒙版的页面，我们可以将图片改为蓝色调：
对于白色蒙版的页面，可以使用重新着色中的 [ 冲蚀 ] 效果：
然后，再加上一层白色的蒙版即可。
现在，这些页面看上去是不是干净多了？
学会了吗？
最后，送上一份PPT大礼包：
关注@PPT进化论，私信回复关键词【30套】，即可获取我收藏的优质职场类PPT模板资源！

开达应用五合一小程序系统的DIY装修到底有多牛？
DIY装修
模板管理
添加模板
基础组件
搜索
导航图标
每行个数可选3、4、5
轮播广告
公告
弹窗设置
专题-简易模式
专题-列表模式
关联链接
图片广告
支持自定义魔方(选择自定义魔方的时候需要选择宽度和高度)
视频
商品
门店
版权
签到
热区里面可以选择鼠标点击的范围，点击就该范围内就可以点击签到
用户信息
订单入口
地图
微信公众号
营销组件
优惠券
倒计时
好店推荐
拼团
预约
秒杀
砍价
积分商城
抽奖
其他组件
空白块
流量主广告
弹窗广告
快捷导航
自定义页面
模板和导航最多添加5个
新增页面
不显示导航条效果
显示导航条效果
授权页面
热区里面可以选择鼠标点击的范围，点击就该范围内就可以点击授权
模板市场
第一步:总账号在插件中心-模板市场中，安装好目前提供的这些免费模板，编辑修改模板名称~模板价格~自定义价格
第二步:给子账户开放模板的显示权限。你的客户看到喜欢的模板就会主动找你购买
第三步:选择需要的模板安装，然后给你的客户设置使用权限