效果图 :
=====
登录含签权
注册带正则
个人中心
下拉加载更多主页
修改个人中心
视频播放加关注+收藏
评论盖楼A回复B B回复C C回复A类似
功能很多就不一一展示介绍,直接进入开发
项目开始
=====
在一开始会配置路径别名、封装好axios、rem等,写移动端rem适配,肯定要做好,这里我单独写了多种设配,极简易懂站在逆向思维去写的, 希望可以帮助到大家移动端设配 rem vw_0.活在风浪里的博客-CSDN博客由于使用vw、vh依赖于视图窗口,故当屏幕分辨率变大或者缩小,尺寸会进行相应的放大或者缩小,当页面足够大,或者足够小时,尺寸会变得很大或者很小,从而导致用户体验差,当然谁会用那么大或者那么小的设备呢?大多数情况下,其实可以忽略不计的,如果你是一个最求完美用户体验的人,可通过rem,对根元素设置最大最小值,配合body加上最大宽度和最小宽度https://blog.csdn.net/m0_57904695/article/details/122249803?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164804337816780271590085%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164804337816780271590085&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2blogfirst_rank_ecpm_v1~rank_v31_ecpm-1-122249803.nonecase&utm_term=rem&spm=1018.2226.3001.4450
封装登录、注册
因为它们很雷同,所以父传子给不同的值
封装登录
位置:父组件
在父组件写好传的数据,子组件来接收
<my-input-label
placeholder=“请输入姓名”
label=“姓名”
rule=“^.{6,16}$”
style=“margin: 15px 0”
@changeInput=“(res) => (uname = res)”
<my-input-label
placeholder=“请输入手机号”
label=“账号”
rule=“^.{6,16}$”
@changeInput=“(res) => (phone = res)”
<my-input-label
placeholder=“请输入密码”
label=“密码”
type=“password”
rule=“^.{6,16}$”
@changeInput=“(res) => (password = res)”
父组件写不同的值传到子组件,子组件负责接受,子组件用来定义结构样式,父组件负责传值
即封装思路,
念及此:
位置:子组件
这是顶部文字《哔哔哩哩》的子组件,input单独一会新建文件夹在封装
总结一下过程,以图片形式,如下
顶部文字封装完毕!
下面封装 input
位置:子组件
这是顶部 《账号 密码》的子组件,input单独在封装不与顶部文字写在一起,样式结构不一样
总结一下
面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。
还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。
万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。
前端面试题汇总
,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。
还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。
万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。
前端面试题汇总