猫眼项目

news/2024/11/23 3:45:24/

不知不觉已经1个多月, 在这学习前端的一个多月里,纠结过、迷茫过也认可过,接下来就是检验我这一个多月时间里的学习成果,一个为期一周的项目。

项目简介:

                        项目分为PC端6个网页
                                                             1.登录、注册
                                                             2.电影首页
                                                             3.电影榜单
                                                             4.电影详情介绍
                                                             5.电影分类
                                                             6.资讯内容
                                和移动端9个网页
                                                             1.登录、注册
                                                             2.电影-待映
                                                             3.电影-热映
                                                             4.电影详情介绍
                                                             5.发现
                                                             6.我的
                                                             7.选择放映厅
                                                             8.选座
                                                   9.影院

                 
项目特色:

                         PC端和移动端都能各自连通,从登录注册,到选座购票一气呵成。在此过程中,你可以浏览到电影的详细内容、资讯热点、口碑评分以及大家对此电影发表的评论。

 

项目开发中遇到的问题:。

问题1:

               在input输入框中定位一个小图标,但会覆盖提示框中的提示信息。

解决:

                 给输入框加一个内边距。

问题2:

            想给p标签下的p标签下的span标签一个样式,写了之后没效果,打开检查器发现没有选中。

原因:

           p标签不能嵌套p标签和划分区域的标签,浏览器自动将我的父子级变成了兄弟级,所以没选中。

解决:

            将父级的p标签换成div。

问题3:

             移动端中创建一个i标签,i标签自带宽高,打开检查器,并没有发现继承,盒模型中宽高都是auto。

原因:

             用了rem单位标签自带100的尺寸,也就是在100的基础上设置。

解决:  

              给boyd一个font-size: 0,让所有在body下的标签以0为基础。

问题4: 

              使用无序列表制作选座时,我想使第一排的第一个位置消失,给display:none,发现是消失了,但是消失的却是最后一                     个,不管选中第一排的第2个还是第三个都是最后一个消失。

原因:  

              打开检查器,发现选中的第二个或第三个确实消失了,但浏览器呈现出来的却是最后一个消失,因为使用display:none,                座位在消失的
              同时,所占的位置也消失了,所以后面的座位就占了消失的座位的位置,并不是最后一个消失。

解决:

              将地上display:none换成opacity: 0使该座位变透明。

项目总结:

                       这个项目检验了我这一个多月以来的学习成果,从初次接触前端,一步一步解决所遇到的问题,到现在能独立完成一个项目,让我有了很大的信心迎接后面的学习。
                 猫眼项目包含了我们之前所学的全部知识点,自己以及中途遇到的问题强反应出我对那些知识点的不熟悉,在寻找解决方法时,又将零碎的知识点融会贯通。


http://www.ppmy.cn/news/317567.html

相关文章

arduino 天下第一(暴论) -- 智能猫眼与 SDDC 连接器移植到 arduino 上

文章目录 前言硬件选择代码获取代码解析总结 前言 之前看了官方玩过一个智能猫眼摄像头,我很有兴趣,但是那个 IDF 平台属实难整,我光安装都整了一天,网不好下载的包可能有问题。然后命令行操作也比较麻烦,我就想到了无…

猫眼电影API接口(从猫眼电影网爬取)

这些url都是猫眼电影的url,我在控制台的network爬取的,具体参数的含义也有很多不清楚 正在热映:https://m.maoyan.com/ajax/movieOnInfoList影院:https://m.maoyan.com/ajax/filterCinemas?ci57 参数:ci ⇒ 城市id影…

没有没有联网鸿蒙的智能猫眼,智能猫眼的功能

智能家居 回答数:1915 2021-04-06 15:34:44 赞 0 智能猫眼的功能1:隐藏力强 在今天的高科技发展中,谁也没想到,是以前从门后看到一个人的小东西,实际上现在可以一天整整升到24小时,小时守门的第一道防线。而…

猫眼石

有时候不得不感叹造物主的神奇,在玉石界拥有猫眼效应的宝石也不仅仅是猫眼石才拥有的。很多人喜欢碧玉,除却碧玉具有翡翠的绿、更兼有和田玉的润,是绿与润的结合,明与暗的融洽。 而碧玉中神秘的猫眼更是让人心醉!以至于…

树莓派DVR猫眼监控,贴广告的人看你往哪跑!

一个朋友老觉得门外楼道有人搞他家门,不知道是恶作剧还是贴小广告的(可以排除是鬼。。)想让我给找个猫眼监控设备。我翻遍淘宝都是按了门铃才在屏幕上记录图像,和我朋友的需求差距很大,他希望的是像监控一样一直录着&a…

Python期末复习题

一 回文数判断。设n是一任意自然数,如果n的各位数字反向排列所得自然数与n相等,则n被称为回文数。从键盘输入一个数字,请编写程序判断这个数字是不是回文数,若是返回True,否则返回False。 【输入示例】12321 【输出示例…

《低代码指南》——维格云低代码应用管理

目录 1. 简介 1.1 功能简介 1.2 应用场景 1.3 快速使用 2. 创建入口 3. 应用删除与恢复 1. 简介 1.1 功能简介 在使用过程中,可以把一个应用理解为一个包含各种表单和仪表盘、具备一定功能的系统。 1.2 应用场景 如可以创建一个应用,命名为「人事管理系统」,在此应…

算法刷题-链表-两两交换链表中的节点

两两交换链表中的节点 24. 两两交换链表中的节点思路其他语言版本 24. 两两交换链表中的节点 力扣题目链接 给定一个链表,两两交换其中相邻的节点,并返回交换后的链表。 你不能只是单纯的改变节点内部的值,而是需要实际的进行节点交换。 思…