沐羽想变强-CSDN博客

原创尚品汇创建

Vue开发重要的的就是组件化、模块化，提高组件的复用性。开发一个前端模块可以概括为以下几个步骤：（1）写静态页面、拆分为静态组件；（2）创建此组件路由（3）创建所需ajax请求（API）；（3）vuex（actions、mutations、state三连操作）；（4）组件获取仓库数据，动态展示Vuex三连过程。

2023-02-19 15:18:17 180

原创【尚品汇】Day2笔记----async和await

async和await是解决Promise异步函数的一种方案，将Promis异步函数变成同步函数，用async声明一个函数中有异步函数，并返回一个Promise对。在所声明的函数中，在Promise包裹异步函数，在其前面加await，可以等异步函数结束后，在执行后面的同步函数。

2022-10-27 18:35:20 184

原创【尚品汇】Day2笔记---- TypeNav组件的实现

因为要与服务器进行请求与响应，返回Promise异步函数，所以要用async和await对reqCategoryList函数进行包装，将其变成同步函数，等接收到数据后再向下进行。将TypeNav组件中的数据从服务器中获取，因为数据要经常使用，需要将数据存放在Vuex（仓库）中。1.TypeNav是属于home组件，为了方便维护，在store中专门设置home仓库，进行模块化。3.TypeNav组件获取state数据。要注意命名空间时，函数名和数据名的写法。4.用v-for，将数据进行替换。

2022-10-27 18:09:40 291

原创【尚品汇】Day1笔记----解决跨域问题

通过代理服务器8080对5000服务器进行请求与响应，然后本地服务器8080就可以从代理服务器8080中获取5000服务器中的数据了。解决方法：配置代理服务器。target为与代理服务器进行响应与请求的外部服务器。在vue.config.js中进行如下配置。

2022-10-27 13:24:04 488

原创【尚品汇】Day1笔记----Promise

Promise是异步编程的一种解决方案，本质是一种构造函数，自己身上有all、resolve、reject、原型上有then、catch等方法。Promise是一种承诺，当内部的异步函数执行完成时，可以通过then或catch方法，对结果进行链式处理（相当于一个回调函数），解决了回调地狱。使用Promise函数，将嵌套变为链式，易于维护和阅读。回调地狱：多重嵌套回调函数，代码混乱可读性差。

2022-10-27 13:08:17 113

原创【尚品汇】Day1笔记----axios

axios是基于promise对ajax的一种实现方式，本质是对原生的XMLHttpRequest的封装。

2022-10-27 13:07:43 167

原创【尚品汇】Day1笔记----ajax

ajax是异步的js和XML，可以实现前后端交互，是前端向服务器发送请求的工具，以及接收服务器响应的工具。ajax默认对网页异步更新，这意味着可以在刷新页面的情况下对局部进行更新。

2022-10-27 13:07:09 436

原创 js创建子元素：innerHTML与document.createElement()

建议（创建少量元素时）： 1.当父元素里没有其他元素，或者只添加少量行内元素或行内块元素时用innerHTML。原因：此时不会破坏父元素内的整体布局，并且只添加如a标签、span标签这些行内元素时，用innerHTML更加快捷。 2.当父元素里已经布局了其他元素，并且添加有样式块元素时用document.createElement()。原因：用document.createElement()创建元素插入顺序，可以通过elemen...

2022-01-24 20:59:34 4225 1

原创利用after伪元素选择器清除浮动

清除浮动的原因：当我们没有给父元素添加高度时，将里面子元素添加浮动（如：float:left）,这样无法撑大父盒子，造成布局混乱。清除浮动要注意，要给浮动元素的父元素清除浮动，用clear：both语句；旧时我们经常给父元素添加一个带有clear：both的块级子元素，这种方法给多个盒子清除浮动时，会创造出大量无用块级元素，增加服务器压力，而使用after伪元素添加子元素（转化成块级元素）清除浮动，创造的子元素并不会显示在html树中，有效解决这一问题，并且更加便捷。 ...

2022-01-24 15:12:38 2907

wsj2311161832的博客