首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
从0到1实现一个影视信息小程序
冰糖雪梨同学
创建于2022-11-19
订阅专栏
记录从0到1实现一个影视信息与评分的微信小程序过程,使用微信原生语言开发,涉及到对重复代码的封装、大量自定义组件的实现。
等 9 人订阅
共17篇文章
创建于2022-11-19
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Weapp影视评分项目开发(01):项目介绍
本专栏是对我近期花费两个半月业余时间,从0到1实现“慕影网”微信小程序过程的记录与总结。我计划以每天一篇文章的形式,将本项目开发的过程与遇到的问题,整理并记录下来,希望能给前端初学者带来帮助。
Weapp影视评分项目开发(02):初始化项目
本篇文章介绍如何初始化一个微信小程序项目,并做好项目基础框架的搭建。你能学到:如何初始化微信小程序项目、在微信小程序中使用 sass、以及 git 仓库的简单使用。
Weapp影视评分项目开发(03):代码规范与约束
本篇文章是该系列的第三篇,介绍本项目的一些代码规范,包含命名、注释、语法等。更多详细的介绍,会在具体的模块中补充。
Weapp影视评分项目开发(04):三方组件的使用
微信小程序从基础库 2.2.1 版本开始支持使用 npm 方式安装三方组件,本篇文章介绍如何在微信开发者工具中安装与使用三方组件。
Weapp影视评分项目开发(番外篇):git 的基本操作
本篇文章主要讲本项目中 git 的一些常用操作。本文较为基础,日常工作中更建议使用可视化管理工具进行代码管理。
Weapp影视评分项目开发(05):主题的实现与字体图标的使用
本篇文章主要介绍项目的主题颜色、全局样式以及字体图标的使用与实现。整个过程较为细致,注明了不同平台的差异与注意点。
Weapp影视评分项目开发(06):80+个接口的文档介绍
本文主要介绍项目接口文档的使用,目前大约有80个接口,采用 restful api 风格,接口文档未使用现有的工具,而是根据项目的实际情况,开发了一个文档管理网站,便于接口浏览与调试。
Weapp影视评分项目开发(07):wx.request 请求封装
本篇文章主要介绍在本项目中 wx.request 网络请求方法的封装与使用,以及微信文档中疑问点的释义。
Weapp影视评分项目开发(08):Home 页(自定义顶部导航栏)
本文是微信小程序项目的第8篇,介绍首页的页面自定义顶部导航栏、导航栏内搜索框定位与页面滚动时切换顶部颜色的实现。
Weapp影视评分项目开发(09):Home 页 (swiper与渐变背景色的实现)
本篇是 Home 页面实现的第2篇,主要介绍 `swiper` 的使用和随 `swiper` 变化的渐变背景色的实现,从这一篇开始,我们也将正式进入了 `api` 的对接流程。
Weapp影视评分项目开发(10):Home 页 (全局组件的实现)
本篇是 Home 页面实现的第3篇,也是最后一篇,将完善整个 home 页面。本篇文章将实现两个重要的全局组件,一个是内容可横向滚动的面板,另一个是影视信息卡组件,他们将会在项目中被多处使用。
Weapp影视评分项目开发(11):下拉刷新与上拉加载的实现
本篇将实现“正在热映”与“即将上映”两个页面模块,他们很相似,都是整屏的列表页,在这两个页面中,我们将首次使用计算属性 `computed`、使用官方 `api` 实现下拉刷新与上拉加载功能。
Weapp影视评分项目开发(12):使用 mixins 实现代码复用
本篇内容较为深入,我们将使用微信小程序提供的 `behaviors` (即`mixins`)实现上拉加载与下拉刷新功能的代码复用。
Weapp影视评分项目开发(13):扩展 Page 函数为所有页面增加公共方法
本篇将实现对页面 Page 方法的扩展,进一步简化下拉刷新与上拉加载更多分页内容的功能,使代码更简洁,更易维护。
Weapp影视评分项目开发(14):搜索页的实现(上)页面布局与组件拆分
本篇我们将开始讲解搜索页的实现,由于内容较多,将会分为上中下三篇来讲述。本篇将会介绍搜索页的布局与组件拆分,并实现搜索框组件。
Weapp影视评分项目开发(15):搜索页的实现(中)防抖与 wx.request 取消请求
本篇是搜索页的实现的中篇,我们将使用防抖函数、网络请求取消实现模糊搜索与搜索结果的关键字标红展示功能。
Weapp影视评分项目开发(16):搜索页的实现(下)swiper 结合 scroll-view 实现滑动 tab 页
本篇是搜索页实现的下篇,主要讲解如何使用 swiper 结合 scroll-view 标签实现 tab 页的滑动切换效果。