草庐IT

【微信小程序】——案例:本地生活小程序首页前端页面

1.新建项目点击+号进入创建场景,选择对应的选项和自己的AppID为了不见黄色警告热重载,可以选择关闭。在project.config.json项目的配置文件的setting配置添加如下:"checkSiteMap":false2.配置首页2.1新建项目与梳理项目结构点击app.json小程序项目的全局配置文件的pages配置中新建三个页面的目录,同时删掉默认创建的index与logs路径,记得保存。"pages/home/home","pages/message/message","pages/contact/contact"2.2配置导航栏在app.json文件的window全局配置中修改

首页登录注册模态框搭建

逻辑导航1.当点击页面主页的登录/注册按钮时,弹出登录/注册模态框2.登录/注册模态框也是一个小组件,在组件文件夹内创建对应组件3.然后需要将该组件传到header(头部)组件内(进行相关的导入和注册)4.补充子传父组件语法在子组件内当点击子组件里的东西时,传递给父组件一个事件,父组件该事件也会执行相应的操作处理一些东西methods:{close_login(){//子传父组件,this.$emit给父组件传递一个事件this.$emit('close')},在父组件内语法为@子组件传来的事件名=“父组件自己的事件名”登录组件密码登录短信登录登录{{sms_interval}}登录立即注册e

首页登录注册模态框搭建

逻辑导航1.当点击页面主页的登录/注册按钮时,弹出登录/注册模态框2.登录/注册模态框也是一个小组件,在组件文件夹内创建对应组件3.然后需要将该组件传到header(头部)组件内(进行相关的导入和注册)4.补充子传父组件语法在子组件内当点击子组件里的东西时,传递给父组件一个事件,父组件该事件也会执行相应的操作处理一些东西methods:{close_login(){//子传父组件,this.$emit给父组件传递一个事件this.$emit('close')},在父组件内语法为@子组件传来的事件名=“父组件自己的事件名”登录组件密码登录短信登录登录{{sms_interval}}登录立即注册e

3.Android高仿网易云音乐-首页复杂发现界面布局和功能/RecyclerView复杂布局

0.效果图效果图依次为发现界面顶部,包含首页轮播图,水平滚动的按钮,推荐歌单;然后是发现界面推荐单曲,点击单曲就是直接进入播放界面;最后是全局播放控制条上点击播放列表按钮显示的播放列表弹窗。1.整体分析整体使用RecycerView实现,每个不同的块是一个Item,例如:轮播图是一个Item,按钮也是,推荐歌单和下面的歌单是,推荐单曲,还有最后的自定义首页那块也是一样。提示:之所以把推荐歌单下面的歌单和推荐歌单标题放一个Item,主要是首页要实现自定义顺序功能,更方便管理。2.轮播图2.1布局2.2显示数据//bannerBannerDatadata=(BannerData)d;Bannerb

3.Android高仿网易云音乐-首页复杂发现界面布局和功能/RecyclerView复杂布局

0.效果图效果图依次为发现界面顶部,包含首页轮播图,水平滚动的按钮,推荐歌单;然后是发现界面推荐单曲,点击单曲就是直接进入播放界面;最后是全局播放控制条上点击播放列表按钮显示的播放列表弹窗。1.整体分析整体使用RecycerView实现,每个不同的块是一个Item,例如:轮播图是一个Item,按钮也是,推荐歌单和下面的歌单是,推荐单曲,还有最后的自定义首页那块也是一样。提示:之所以把推荐歌单下面的歌单和推荐歌单标题放一个Item,主要是首页要实现自定义顺序功能,更方便管理。2.轮播图2.1布局2.2显示数据//bannerBannerDatadata=(BannerData)d;Bannerb

在线客服系统源码开发实战总结:官网首页视频大背景循环播放效果实现

俗话说,人靠衣装,马靠鞍。官网首页是产品或公司的脸面,必须要大气。原来旧版的支付宝首页,有个大视频作为页面背景一直播放展示,效果很赞,所以实现了下https://gofly.v1kf.com先看看效果: 亮点部分大视频是绝对定位,定在最下面,上面的文字是绝对定位,定在最上面。还加了一层半透明的div蓝色调。文案的居中是使用的display:flex排版文案部分有一个渐变色效果文案部分还有一个动画效果没有展示,是个渐出动画效果html部分class="vedioBanner">class="vedioBannerIntro">唯一客服(V1KF.COM)可两分钟搭建部署好的高性能在线客服系统"h

在线客服系统源码开发实战总结:官网首页视频大背景循环播放效果实现

俗话说,人靠衣装,马靠鞍。官网首页是产品或公司的脸面,必须要大气。原来旧版的支付宝首页,有个大视频作为页面背景一直播放展示,效果很赞,所以实现了下https://gofly.v1kf.com先看看效果: 亮点部分大视频是绝对定位,定在最下面,上面的文字是绝对定位,定在最上面。还加了一层半透明的div蓝色调。文案的居中是使用的display:flex排版文案部分有一个渐变色效果文案部分还有一个动画效果没有展示,是个渐出动画效果html部分class="vedioBanner">class="vedioBannerIntro">唯一客服(V1KF.COM)可两分钟搭建部署好的高性能在线客服系统"h

记录--前端性能优化——首页资源压缩63%、白屏时间缩短86%

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些常规且有效的首屏优化建议目标:通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理1、路由懒加载SPA项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个文件,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验列一个实际项目的打包详情:app.js初始体积: 1175KB app.css初始体积: 274KB   将路由全部改成懒加载//通过webpackChunkName设置分割后代码块的名字constHo

记录--前端性能优化——首页资源压缩63%、白屏时间缩短86%

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些常规且有效的首屏优化建议目标:通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理1、路由懒加载SPA项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个文件,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验列一个实际项目的打包详情:app.js初始体积: 1175KB app.css初始体积: 274KB   将路由全部改成懒加载//通过webpackChunkName设置分割后代码块的名字constHo

Zblog:如何在首页调用不同栏目的列表数据?

因为有些主题的原因,一些新加栏目不能按照需求,在首页调出部分列表数据。我们可以这样做:1.找到该主题的include.php文件,在该文件最后添加代码如下:注意:San_Tiger_GetArticleCategorys函数名中,需要将San_Tiger换成网站所正在用的主题名functionSan_Tiger_GetArticleCategorys($Rows,$CategoryID,$hassubcate){global$zbp;$ids=strpos($CategoryID,',')!==false?explode(',',$CategoryID):array($CategoryID);