![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
B站视频整理
文章平均质量分 88
一个小Pan桃❀
这个作者很懒,什么都没留下…
展开
-
2021-09-09 黑马移动端头条项目-day10
目录小爱同学模块一、WebSocket介绍二、使用原生WebSocket(了解)三、Socket.IO(了解)3.1介绍3.2基本使用3.3总结四、小爱同学4.1准备4.2布局4.3建立连接4.4收发消息并展示消息列表4.5 消息列表自动滚动到底部功能优化补充:1.组件缓存1.1介绍1.2使用keep-alive缓存组件1.3解决缓存带来的滚动问题2.处理token过期 ***3.登录成功跳转回原来...原创 2021-09-09 17:50:22 · 832 阅读 · 0 评论 -
2021-09-08 黑马移动端头条项目-day09
目录编辑用户资料一、创建组件并配置路由二、页面布局三、展示用户信息四、修改昵称五、修改性别六、修改生日七、修改头像7.1图片上传预览7.2头像裁切7.3保存更新编辑用户资料一、创建组件并配置路由创建views/user-profile/index.vue路由配置// 路由配置 { path: '/user/profile', name: 'user-profile', component: () => ...原创 2021-09-09 09:42:11 · 475 阅读 · 0 评论 -
2021-09-07 黑马移动端头条项目-day08
目录文章评论模块-P136一、展示文件评论列表1.1准备组件1.2获取数据并展示1.3文章评论项二、评论点赞三、发布文章评论3.1准备弹出层3.2封装组件3.3请求发布3.4发布成功处理四、评论回复4.1准备回复弹出层4.2处理点击回复按钮4.3传递当前点击回复的评论项4.4展示评论回复列表4.5解决弹出层中组件内容不更新问题4.6发布回复文章评论模块-P136一、展示文件评论列表1....原创 2021-09-08 14:05:19 · 706 阅读 · 0 评论 -
2021-09-06 黑马移动端头条项目-day07
文章详情一、创建组件并配置动态路由// 配置动态路由,文章详情 { path: '/article/:articleId', name: 'article', component: () => import('@/views/article/') }在components/article-item.vue列表项组件中添加路由导航 to=" "跳转至对应页面在article/index.vue组件中获取动态路由参数:方式一:th...原创 2021-09-07 15:08:12 · 513 阅读 · 2 评论 -
2021-09-03 黑马移动端头条项目-day06
目录文章搜索模块一、创建组件并配置路由二、页面布局三、处理页面显示状态四、搜索联想建议4.1基本功能4.2防抖优化 ***4.3搜索关键字高亮五、搜索结果六、搜索历史记录6.1 添加历史记录6.2展示历史记录6.3删除历史记录6.4数据持久化文章搜索模块一、创建组件并配置路由1.创建src/views/search/index.vue2.然后把搜索页面的路由配置到根组件路由(一级路由){ path: '/s...原创 2021-09-06 10:35:22 · 660 阅读 · 0 评论 -
vue.js 黑马移动端头条项目API
目录一、查询所有已实现接口基本信息接口描述:请求参数返回数据二、用户-刷新用户token基本信息接口描述:请求参数返回数据一、查询所有已实现接口基本信息Path:/mp/Method:GET接口描述:线上接口地址http://ttapi.research.itcast.cn/mp/返回已上线接口地址,形如:{ "user.Authorization": "/v1_0/authorizations", "user...原创 2021-09-06 14:46:53 · 1727 阅读 · 0 评论 -
2021-09-02 黑马移动端头条项目-day05
首页-频道编辑一、处理页面弹出层在home/index.vue组件页面中使用van-popup组件制作弹出层页面<van-popup v-model="isChannelEditShow" position="bottom" class="channel-edit-popup" closeable close-icon-position="top-right" get-container="body" s原创 2021-09-03 10:18:40 · 674 阅读 · 0 评论 -
2021-09-01 黑马移动端头条项目-day04
目录首页-文章列表一、页面布局二、频道列表三、文章列表四、文章列表项首页-文章列表一、页面布局1.导航栏NavBar 导航栏2.文章频道列表 Tab标签页二、频道列表1.联调接口-获取文章频道列表数据,在utils/user.js中封装好请求方法// 获取文章频道export const getUserChannels = () => { return request({ method: 'GET', url: ...原创 2021-09-01 17:58:50 · 579 阅读 · 0 评论 -
2021-08-31 黑马移动端头条项目-day03
”我的“模块一、页面布局 1.1未登录头部状态 1.2已登录头部 1.3宫格导航<van-grid :column-num="2"> <!-- 使用组件提供的图标 --> <!-- <van-grid-item icon="star-o" text="文字" /> <van-grid-item icon="browsing-history-o" text=...原创 2021-09-01 09:36:12 · 654 阅读 · 0 评论 -
2021-08-30 黑马移动端头条项目-day02
目录登录注册准备实现基本登录功能登录状态提示表单验证验证码处理登录注册准备创建组件并配置路由布局结构布局样式实现基本登录功能登录状态提示表单验证验证码处理验证手机号使用倒计时组件发送验证码...原创 2021-08-30 17:56:57 · 1247 阅读 · 1 评论 -
2021-08-25 黑马移动端头条项目-day01
目录使用vue-cli创建项目加入git版本管理调整初始目录结构导入图片素材引入Vant组件库*移动端Rem适配封装请求模块使用vue-cli创建项目配置一些预设选项,参考有道云笔记的步骤:加入git版本管理新建仓库 检查日志是否有本地仓库 git log,下方已有仓库了在本地仓库中添加了一个远程仓库地址// 添加了一个远程仓库地址git remote add origin https://gitee.com/panxia...原创 2021-08-26 13:48:54 · 510 阅读 · 0 评论 -
页面布局方式
网址:https://www.bilibili.com/video/BV1r64y1T7J8?p=236rem布局em:根据当前元素是否有font-size,若没有,则1em等于父元素的font-size rem:根元素+em,与根元素html的font-size有关 vw/vh:把屏幕分成100份,1vw等于屏幕宽的1%用rem实现自适应原理:动态设置font-size,即在小屏幕下的html根元素设置小的font-size,大屏幕下设置大的font-size如何动态设置font-翻译 2021-07-28 15:38:17 · 98 阅读 · 0 评论