随笔档案「2021年5月」 - 晓欲望！

5.22 vueconf 学习总结

摘要：<script setup></script> 可以减少很多的代码，还有就是直接定义变量是直接拿的，如果使用到ref和define是根据上下文来取。后期vue-cli也不会在进行维护了会转成vite 会有一个vscode新增的一个插件volar来进行检查ts的类型在template 可以使用v- 阅读全文

posted @ 2021-05-31 10:29 晓欲望！阅读(119) 评论(0) 推荐(0)

错误总结

摘要：1. 遇到了500的服务器错误，这个由于我把api的url多复制了一条，导致请求地址出现了错误，所以服务器是没有这个url就会发出500的错误。 2. 遇到了下拉分页的功能，在下拉分页的时候，遇到触发数据请求到了，但是没有添加到列表中去。所以遇到拿到数据但是数据没有被添加那就是在赋值的时候出现了错误阅读全文

posted @ 2021-05-27 11:17 晓欲望！阅读(60) 评论(0) 推荐(0)

devServe.proxy

摘要：为什么人事系统的解决跨域可以直接把前面的环境api加入是因为没有写pathRewrite，这个的作用就是把整个请求地址映射到了这个下面的一个api中，假如没有写这个就是会把proxy的名字那个地址也是请求地址的一部分。阅读全文

posted @ 2021-05-23 20:07 晓欲望！阅读(63) 评论(0) 推荐(0)

什么是服务端渲染？

摘要：以前的我们的项目是前后端不分离的形式，mvc模式，就是在用户请求服务端，然后后端数据直接渲染到html，这个html是有内容的直接返回给浏览器，浏览器就直接的渲染，更加的服务与用户的体验、搜素引擎的浏览、seo等的优化。这个vue有一个nextjs就是做这个。如果spa就是mvvm模式就是后端阅读全文

posted @ 2021-05-13 11:52 晓欲望！阅读(288) 评论(0) 推荐(0)

vue的文档阅读

摘要：vue.nextTick 因为vue有异步机制，因为有时候数据更新我们又需要通过dom拿到，所以就是需要使用到vue.nextTick等dom树渲染完成了再进行获取。 vue.set 因为我们无法对data的return 对象下面的没有的属性进行响应式的监听，所以就需要到vue.set进行添加的属性阅读全文

posted @ 2021-05-13 11:47 晓欲望！阅读(104) 评论(0) 推荐(0)

Vue源码的解读

摘要：源码解读的入口： /src/core/instance/index.js 这里主要做了一件事情就是调用Vue.prototy._init() 然后到了： /src/core/instance/index.js 1、这里做了初始化Vue 还有增加各个vue实例对象（每个一个vue文件就是一个实例对阅读全文

posted @ 2021-05-10 23:32 晓欲望！阅读(306) 评论(0) 推荐(0)

css的层叠上下文

摘要：z-index，只能在有position的时候才生效。会产生层叠上下文的属性： 1. display:flex|inline-flex与层叠上下文子元素是层叠上下问。 2. opacity与层叠上下文 3. transform与层叠上下文 4. mix-blend-mode与层叠上下文 5. f 阅读全文

posted @ 2021-05-07 14:44 晓欲望！阅读(56) 评论(0) 推荐(0)

BFC

摘要：<head> div{ width: 100px; height: 100px; background: lightblue; margin: 100px; } </head> <body> <div></div> <div></div> </body> 这个两个的间距是100，同一个 BFC 下外阅读全文

posted @ 2021-05-07 13:59 晓欲望！阅读(39) 评论(0) 推荐(0)

css的性能优化

摘要：1. 尽量把多个文件写成一个文件，虽然他们的大小最后都是一样。但是，多文件的请求还是会比一个文件的慢。 2. 尽量不要多个嵌套超过3层。少用id选择器。由于权重高。 3. 提取出公共的样式代码。 4. 多使用样式的继承。字体的颜色、大小、类型等。行高。 5. 尽量不要重排，使用重绘。重排：字体阅读全文

posted @ 2021-05-07 10:28 晓欲望！阅读(78) 评论(0) 推荐(0)

bind、call、apply

摘要：为什么需要使用到他们 var say = { name: 'Mike', hi: function () { console.log('hi ' + this.name) } }; function sayHi(name){ this.name = name; } say.hi.call(new s 阅读全文

posted @ 2021-05-07 09:22 晓欲望！阅读(53) 评论(0) 推荐(0)