weixin_44808327的博客

目标能实现登录页面的布局能实现基本登录功能能掌握 Vant 中 Toast 提示组件的使用能理解 API 请求模块的封装能理解发送验证码的实现思路能理解 Vant Form 实现表单验证的使用1. 登录页面的布局1.1 创建组件并配置路由,访问登录页面src/views/Login/index.vue - 作为登录页面 - 先随意弄写标签显示<template> <div>登录页面</div></template>&lt

导入图标素材设计师为我们单独提供了设计稿中的图标，为了方便使用，我们在这里把它制作为字体图标。制作字体图标的工具有很多，在这里我们推荐大家使用：https://www.iconfont.cn/。1. 注册账户直接选择第三方登录即可 这里选择GitHub2. 创建项目3. 上传图标到项目4. 生成链接5. 配置到项目中使用① 新建styles\icon.less, 然后把代码复制黏贴@font-face { font-family:"iconfont";

目标路由懒加载1. 路由懒加载1.1 目标为何使用路由懒加载什么是路由懒加载1.2 步骤运行时, network里禁用缓存, 观察app.js大小路由懒加载： https://router.vuejs.org/zh/guide/advanced/lazy-loading.html使用component: Login// 改成这个写法component: () => import('@/views/Login.vue')再次运行后观察app.js的大小路由拦截

目标try和catch1.try…catch1.1 目标捕获await错误情况await用于取代then函数,等待Promise成功结果提取在原地await无法获取Promise失败的结果,一旦失败Promise错误直接抛出到控制台1.2 解决方案使用JS里内置语法, try+catch语法：try { //可能会报错的代码(例如await)} catch (err) { // try里代码报错,捕捉到这里执行}具体代码 main.js// 测

目标封装接口方法1. 封装接口方法1.1 目标统一管理请求的接口1.2 步骤创建 api/index.js 定义各种接口方法请求所有频道数据地址 : /v1_0/channels统一封装接口方法统一封装接口方法每个方法负责请求一个url地址 逻辑页面,导入这个接口方法,就能发请求好处 : 请求url路径,可以在这里统一管理// 导入封装的axios函数import request from '@/utils/request'// 频道 —— 获取所有频道

封装接口方法1. 目标基于封装axios函数基于axios进行二次封装.统一配置,便于管理2. 步骤1.下载axios# yarn add axios创建utils/request.js// 基于axios封装网络请求模块// 每个程序员的想法都不一样, 封装的地方和名字都不一样, 但是思想相同// import theaxios from 'axios'// // 新建一个新的axios实例// const axios = theaxios.creat({// ba

目标引入Vant组件库并配置1. Vant组件库1.1 目标黑马头条项目 — 基于Vant组件库开发1.2 移动端组件库有赞团队推出的Vant组件库其他移动端组件库vuxmint1.3 引入vant组件库下载vant组件库yarn add [email protected]注意：这里使用的是Vue 2版本, 所以Vant 版本号最高只能是2.12.44, 要不然会报错根据文档指引,配置按需引入Vant 2 组件库：https://vant-contrib.gi

目标安装并配置 GitGit存储这里是引用1. 安装并配置 Git1.1 在 Windows 中下载并安装 Git在开始使用 Git 管理项目的版本之前，需要将它安装到计算机上。可以使用浏览器访问如下的网址，根据自己 的操作系统，选择下载对应的 Git 安装包：https://git-scm.com/downloads1.2 配置用户信息安装完 Git 之后，要做的第一件事就是设置自己的用户名和邮件地址。因为通过 Git 对项目进行版本管理的时 候，Git 需要使用这些基本信息，

1. 目标能使用 Vue CLI 创建项目了解 Vant 组件库的导入方式掌握制作使用字体图标的方式掌握如何在 Vue 项目中处理 REM 适配理解 axios 请求模块的封装2. 项目_创建目标用@vue/cli包, 创建脚手架项目步骤创建项目 (建议使用cmd终端)...

1. 项目介绍黑马头条移动端是一个IT资讯移动web应用，有着和今日头条类似的资讯浏览体验。主要功能：资讯列表、标签页切换，文章举报，频道管理、文章详情、关注功能、点赞功能、评论功能、搜索功能、登录功能、个人中心、编辑资料、小思同学黑马头条可打包成一款移动APP，后期结合H5+可在Dcloud打包成一款体验较好的手机应用。项目在线浏览地址: http://toutiao.liulongbin.top/#/2. 项目技术点介绍vue.js中$nextTick使用 (vue更新DOM是异步