每天的练习任务
任务一、在vue项目里面集成阿里图标 任务二、在vue项目里面做一个列表(实现上拉刷新、下拉加载)功能
任务一、设计一个公共的弹框组件(包含确定、取消、标题和内容) 任务二、使用一下路由懒加载
任务一、理解Vue脚手架初始化创建的项目那个文件代表什么意思 比如:App.vue是项目的根组件 任务二、动态修改每个Vue的浏览器title(使用路由里面的meta属性) 任务三、修改webpack配置,减少引用文件的路径 比如:import A from '../../components/A.vue' 配置后 import A from '@/components/A.vue' 任务四、如何区分开发环境和线上环境
任务一、添加一个404页面。只要地址访问错了就加载这个404页面 任务二、在项目中测试一个组件的生命周期的顺序、已经父子组件的生命周期的顺序 任务三、data选项中定义一个数组:[58, 88, 99, 21, 88, 33, 98, 100, 44, 234];在template中把成绩高于60分的显示出来。(一看到数组就要想到循环)
任务一、在vue页面中使用一下绑定style和绑定class 任务二、vue页面中跳转时路由传递参数【query和params】,比较这query和params两种的区别 任务三、在vue页面中使用sass或者less语法来编写样式
任务一、在vue页面中添加一个input输入框;使用watch监听输入框值的变化 任务二、在vue页面中添加一个按钮,点击跳转到另一个vue页面;然后跳转的页面显示百度的首页 任务三、做页面登录界面,要求用户输入用户名和密码,点击登录按钮后缓存用户的账号和密码
任务一、在vue页面中使用一下插槽slot的用法 任务二、在App.vue页面中格式化浏览器地址栏上的参数;http://localhost:8080?username='sxm'&age=22 结果输出 {"username": "sxm", "age": 22} 任务三、阅读vue-router和vuex的官方文档
任务一、重新创建一个项目(添加vue-router、vuex),在vue中使用vuxUI组件库开发一个底部Tab和顶部Tab 任务二、在该项目中集成阿里图标库 任务三、阅读vux的官方文档(https://vux.li/)
任务一、在Home页面中,创建两个菜单(外卖预订、订单列表)并添加上阿里图标 任务二、编写一个公共的头部组件(以我发的图片类型) 任务三、制作一个商品列表页(排版布局和我发的类似)
任务一、在项目里封装axios请求 任务二、获取商铺列表接口(前后端数据动态化) 任务三、使用tab组件做一个订单列表静态页
任务一、制作一个登录静态界面(账户和密码的输入框一个登录按钮) 任务二、调登录接口(http://localhost:8083/ecm/api/app/login) POST请求 参数{"mobileNo":"18177110523","password":"123456","loginOrgId":4500001,"appId":"1","reqOrgId":4500001,"reqAppId":"1"} 任务三、看看以前写的饿了么项目的代码后面有用到
任务一、根据昨天调的登录接口后,再调一下订单列表的接口 任务二、复习以前写的饿了么项目(主要是排版和效果是什么实现的) 任务三、试着做一个商铺里的静态效果
任务一、调一下商铺的接口地址(接口地址是:http://192.168.0.226:15001/ecm/api/app/getMerchantList) 任务二、观看better-scroll文档(文档地址是:http://ustbhuangyi.github.io/better-scroll/doc/api.html) 任务三、试着对着以前做的饿了么项目,自己实现那个商品左右联动的静态页面
任务一、上午记一下面试题 任务二、下午练习js中数组的各种方法 任务三、练一下vue中的路由导航的三种钩子
任务一、练习js中字符串的各种方法 任务二、了解一下token, token在前端是如何实现登录的 任务三、了解一下vue中函数式组件是如何编写的;vue中可以使用jsx语法
任务一、上午先记一个小时面试题,然后练习并掌握ES6中的模块化(参考:https://zhuanlan.zhihu.com/p/57908297) 任务二、练习TS常用语法 任务三、使用vue ui创建一个vue + ts 的项目
任务一、掌握token的应用场景,了解后台管理系统登录是怎么实现的 任务二、练习排序算法;一定要能自己手写两种方法;其余的要记住名称就行 任务三、整体阅读vue官方文档;很有用
任务一、上午复习昨天晚上的10道面试题,记住怎么回答(花1个小时) 任务二、上午了解什么是防抖和节流;如何实现防抖和节流(花3个小时) 任务三、下午运行商城项目,看登录的实现流程(花1个小时) 任务四、下午掌握vue组件间的各种通信方式(花3个小时) 任务五、晚上写学校布置的疫情文档
任务一、创建好自己前端知识点文件夹 任务二、运行后台管理项目掌握登录逻辑(晚上讲) 任务三、运行后台管理项目掌握首页布局方式(晚上讲) 任务四、熟系vue组件各种通信(晚上讲) 任务五、手写对象深浅拷贝(晚上讲)
任务一、运行后台管理项目掌握左侧导航栏是怎么实现的 任务二、详细理解Vuex中State、Getters、Mutations、Actions、Modules等概念 任务三、掌握vue-router中的子路由 任务四、手写文字和盒子的常见居中方式 任务五、一定要掌握CSS盒模型
任务一、上午详细阅读vue-router官方文档(重点) 任务二、了解并熟悉浏览器防抖和节流的常见应用场景以及实现 任务三、阅读上次我发你的Promise文章,了解Promise 任务四、详细阅读axios中文文档熟悉常见用法(重点) 任务五、练习Object.defineProperty()和Proxy两个API的用法
任务一、上午详细阅读vuex官方文档(重点) 任务二、练习ES6 中对象和数组的结构赋值(重点) 任务三、编写测试单行和多行文字超过部分显示省略号 任务四、运行后台管理系统登录是如何实现的(晚上讲) 任务五、运行后台管理系统熟悉首页是如何布局的(晚上讲)
任务一、整理HTML部分个人网址发布成功 任务二、整理CSS部分个人网址发布成功 任务三、复习昨天的Promise相关的知识点 任务四、预习EventLoop相关知识点(晚上讲) 任务五、自己复习一下感觉缺乏的知识点
任务一、了解阅读一下uni-app官网 任务二、下载安装HBuildX 任务三、创建一个uni-app项目运行出来就行
任务一、阅读Vuex文档(重点) 任务二、复习一下Flex布局(重点) 任务三、在昨天创建的uni-app项目基础上,编写首页静态效果