Day06-Vue全家桶项目 Vue是SPA(Single Page Application)开发模式,整个项目只有一个HTML文件,在这个文件中通过引入不同的组件,实现页面显示效果不一样。Vue开发的是单页应用,我们以组件为项目的最小开发单元,当页面上显示什么样的组件,就会呈现什么样的效果当组件开发完成后,通过路径来实现页面上组件的切换路由就是我们要输入到浏览器URL上的地址在vue项目中,把路由跟对应的组件进行关联,当路由发生改变的时候,在页面上显示对应的组件。
Day03-vue基础 v-for这个指令可以实现列表渲染1 数组2 数字3 对象[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y9A5hvrk-1692931215463)(https://woniumd.oss-cn-hangzhou.aliyuncs.com/web/chenyun20230705101257.png)]特点: key值必须是唯一的。推荐大家用数组中唯一值id来作为key index不推荐拿来作为key,数据一旦变化了,index变化。
Day02-Vue基础 注意:v-show实现的是标签的显示和隐藏,当值为false时,表签会隐藏起来,我们只是看不见,但是它还在页面。{{}}插值表达式: 再指定标签中间,插入我们动态值。v-if值false,直接在页面上删除这个节点。v-html 指令:向双标签插入html代码。v-show值false,通过内联样式。v-show:接收的是boolean值。v-on:事件类型 或 @事件类型。v-text指令:向双标签插入文本。v-bind: 属性名可以简写为。
Day01-Vue基础 Vue是一个JavaScript框架,将HTML+CSS+JS进行了封装,让我们可以在框架的基础上快速进行项目开发,vue开发的是单页应用数据驱动:一旦数据发生变化,页面立即更新;页面上发生变化,数据也会跟着更新.尽量减少对DOM操作。
20-GIT版本控制 团队协作的时候,我们项目开发会遇到代码需要进行管理的场景。多个开发者之间,每天写的代码可能需要合并,共享。例子:我写的用户模块、小王写的订单模块,用户模块最终需要跟订单模块合并。每天写完代码,qq、u盘拷贝,代码合并一个项目中。
Day19-异步请求-axios文件上传 总结一下,当我们写代码遇到异步回调时,我们想让异步代码按照我们想要的顺序执行,如果按照传统的嵌套方式,就会出现回调地狱,这样的代码不利于维护,我们可以通过Promise对象进行链式编程来解决,这样尽管可以解决问题,但是ES7给我们提供了更加舒适的async/await语法,使代码的阅读性更高。Promise构造函数接收一个函数作为参数,我们的异步任务就写在该函数体内,该函数的两个参数是resolve,reject。可以看到,代码中的回调函数套回调函数,这种回调函数中嵌套回调函数的情况就叫做回调地狱。
Day18-2-地狱回调-Promise-async-await技术 总结一下,当我们写代码遇到异步回调时,我们想让异步代码按照我们想要的顺序执行,如果按照传统的嵌套方式,就会出现回调地狱,这样的代码不利于维护,我们可以通过Promise对象进行链式编程来解决,这样尽管可以解决问题,但是ES7给我们提供了更加舒适的async/await语法,使代码的阅读性更高。Promise构造函数接收一个函数作为参数,我们的异步任务就写在该函数体内,该函数的两个参数是resolve,reject。可以看到,代码中的回调函数套回调函数,这种回调函数中嵌套回调函数的情况就叫做回调地狱。
Day18-1-文件上传 (1)下载插件(2)在utils文件夹创建handleFile.js(3)设计一个文件上传Controller(4)路由文件上传必须使用post请求(5)在app.js中配置路由(6)使用apifox发送请求图片会上传到 public ->temp目录下。
Day17-Node后端身份认证-JWT JWT,全称是Json Web Token, 是JSON风格轻量级的授权和身份认证规范,可实现无状态、分布式的Web应用授权;官网:https://jwt.io。
Day14-1-NodeJS后端工程化 观众只能看到台前的内容(用户只能看见web应用的界面),无法看到界面的幕后具体工作(用户无法感知web应用的数据是如何处理的)后端代码在编写的时候,一个js文件中内容太多,不好维护,我们将这些内容提前到其它js文件,暴露内容,其他文件引入这个内容。前端访问后端的时候,后端有很多程序,前端想要访问哪一个程序,需要通过路由匹配。全局安装的依赖会直接安装到电脑上,以后所有的后端项目都可以使用到这个依赖。app.js是整个项目入口,所有入口代码都在这个文件中。启动命令,代码发生变化,项目自动热加载。