- 博客(17)
- 收藏
- 关注
RSS订阅原创 什么是重构，以及vue3.0如何重构vue2.0项目
重构它可以帮助你始终良好的控制你自己的代码，如果没有重构，你的代码会慢慢的逐渐的腐坏，毕竟代码这东西每天都在更新，时间越长越难以理解自己原来的设计。并且还有各种大量的接口回调会导致严重的内存泄漏，还包含大量的重复代码，所以为了代码共容易理解，方便后期维护，这就是我们重构代码的很大一部分原因。例如：element 但element他是vue2.0的时候使用的但我们在后边加一个plus知道什么意思了吧他就变成vue3.0的了。那么从字面意思来说呢重构就是把原本的东西把他推到了重新解构，
2023-02-16 20:29:49
597
原创 hash和history的区别
hash模式在每次刷新页面时是直接更改“#”后的东西，history每次刷新会重新像后端请求整个网址，也就是重新请求服务器。如果后端没有及时响应，就会报错。（2）pushState 设置的新 URL 可以与当前 URL 一模一样，这样也会把记录添加到栈中；（1）pushState 设置的新 URL 可以是与当前 URL 同源的任意 URL；当真正需要通过URL向后端发送HTTP请求的时候，比如我们前端请求的url更改造成页面刷新时 在history模式下如果前端请求的url跟后端不匹配时会产生报错。
2022-11-23 10:08:40
580
原创 vue中mixin的理解以及应用场景
Mixin是面向对象程序设计语言中的类，提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类他通常作为功能模块使用，在需要该功能时混入，有利于代码复用又避免了多继承的复杂。通俗点说就是当一段代码逻辑一样的时候就可以抽离成一个mixin，我们只要将共用的功能以对象的方式传入 mixins选项中，当要使用的的时候直接将他引用进来，这样就可以使用，提高代码的重用性，使代码更加简洁和易于维护。
2022-11-23 09:27:56
460
原创 Async、Await和Promise有什么区别？
async函数是使用关键字声明的函数。async 英语中是的异步的意思，所以可以理解为 async 用于声明一个 function并且他是异步的。
2022-11-23 09:13:48
545
原创 src和href的区别
Href是hypertext reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加那么浏览器会识别该文档为 css 文件，就会并行下载资源并且不会停止对当前文档的处理。Src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置，请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片混入frame等元素。
2022-11-14 20:10:55
123
原创 axios中的Get和Post请求
他们俩个的区别就是get因为参数会放在url中，所以他的安全性较差，请求的数据长度有限制而post请求是没有的长度限制，请求数据是放在body中；get请求刷新页面或者回退没有影响而post请求回退时会重新提交数据请求。通俗点来说get请求就是去取获取数据的，post请求就是去提交数据的。get请求会被保存在浏览器历史记录当中但post不会。get请求只能用url编码,而post可以多种。get请求可以缓存，post请求不会被缓存。
2022-11-14 09:15:31
2160
原创 流失布局和响应式布局
流式布局（Liquid）的特点（也叫"Fluid") 是页面元素的宽度按照屏幕进行适配调整，主要的问题是如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的屏幕上不能正常显示。自适应布局（Adaptive）的特点是分别为不同的屏幕分辨率定义布局。流式布局就是你看到的页面，元素的大小会变化而位置不会变化——这就导致如果屏幕太大或者太小都会导致元素无法正常显示。分别为不同的屏幕分辨率定义布局，同时，在每个布局中，应用流式布局的理念，即页面元素宽度随着窗口调整而自动适配。
2022-11-13 19:15:39
144
原创 普通函数和箭头函数有什么区别
6.This指向不同，普通函数看使用者谁要用他，this就指向谁，没有人使用，就指向window。箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值。3.箭头函数不具有prototype属性，新建的对象的隐式原型无法被指定为箭头函数的原。7.不可以使用arguments对象，该对象在函数体内不存在。5.箭头函数不能Generator函数。4.箭头函数不能用于构造函数，2.箭头函数全都是匿名函数。1.定义的形式不同。
2022-11-09 10:38:12
115
原创 页面元素隐藏方式 和各自特点，以及回流与重绘的理解
元素的某些css样式如背景色、字体颜色等发生改变时，浏览器需要重新描绘渲 染这个元素，这种现象称为DOM重绘。页面中的元素增加、删除、大小、位置的改变，会引起浏览器重新计算 其他元素的位置，这种现象称为DOM回流。元素在页面上占据的空间不变。所以它只会导致浏览器重绘而不会回流。元素会在页面上消失，不占据页面空间，会导致浏览器的回流与重绘。元素在页面占据的空间不变，也就不会导致浏览器回流或重绘。回流一定会触发重绘，而重绘不一定会回流。
2022-11-09 10:26:16
539
原创 面向对象的三大特性
它支持按级分类的概念。所谓封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。通过这种方式，对象对内部数据提供了不同级别的保护，以防止程序中无关的部分意外的改变或错误的使用了对象的私有部分。这意味着，虽然针对不同对象的具体操作不同，但通过一个公共的类，它们（那些操作）可以通过相同的方式予以调用。那么应当在不用修改服务端功能代码的前提下，就能够增加客户端功能的实现代码，这要求在设计之初，就应当将服务端和客户端分开，公共部分抽象出来。
2022-11-08 11:29:57
374
原创 spa单页面应用的理解
取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。• 初次加载耗时多：为实现单页 Web 应用功能及显示效果，需要在加载页面的时候将 JavaScript、CSS 统一加载，部分页面按需加载；• 前进后退路由管理：由于单页应用在一个页面中显示所有的内容，所以不能使用浏览器的前进后退功能，所有的页面切换需要自己建立堆栈管理；• 用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染；• 基于上面一点，SPA 相对对服务器压力小；
2022-11-07 09:06:06
101
原创 路由守卫的分类
组件内路由守卫有：beforeRouterEnter、beforeRouteUpdate、beforeRouteLeave。next：函数体也是最重要的一个 必须要next()才会让路由正常地跳转和切换，如果不调用next，那么页面会留在原地。全局路由守卫有：beforeEach、beforeResolve、afterEach（参数中没有next）大致可以分为3类：全局路由守卫、组件内路由守卫、路由独享守卫。路由独享守卫有：beforeEnter。from：从哪里跳转的路由。to：要跳转到的路由。
2022-11-02 09:36:42
1676
原创 slot插槽的使用及特点
当子组件的功能复杂时，子组件的插槽可能有多个时我们就能用到具名插槽他的使用也非常简单，只要给slot元素一个name属性即可。占位符：slot父组件可以在占位符中填充任意模板代码 ，填充的内容会替换子组件的slot。组件的插槽就是为了让我们封装的组件更加具有扩展性，让使用者开放更加简单快速。插槽的样式由父组件决定，内容由子组件控制。通俗点说就是子组件中提供给父组件使用的一个占位符。1.普通插槽
2022-11-01 19:31:10
181
原创 防抖节流回流重回与内存泄漏
内存泄漏是指你向系统申请分配内存进行使用，可是使用完了以后却不归还，到最后申请到的那块内存自己也不能再访问，系统也不能再次将它分配给需要的程序。通俗点说就是内存溢出的时候，内存空间超过了系统实际分配给你的空间，此时系统相当于没法满足当时的需求就会报内存溢出的错误。页面中的元素增加、删除、大小、位置的改变，会引起浏览器重新计算其他元素的位置，这种现象就被称为回流。延迟要执行的动作，若在延迟钱的这段时间内，再次触发，则取消之前开启的动作，重新计时。就是申请内存时，没有足够的内存供申请者使用。
2022-11-01 10:36:13
226
原创 vue组件中的data定义时如果不是一个函数，会有什么影响？
如果data是对象的话，由于对象是引用类型，组件被复用的话，就会创建多个实例。这样就会影响到所有的实例，组件中的data写成一个函数，数据以函数返回值的形式定义，这样每次复用组件的时候，都会返回一份新的data，相当于每个组件实例都有自己私有的数据空间，他们只负责各自维护的数据，不会造成混乱。为了使data不互相影响，所以data只能是一个函数。多个组件数据交互时，可能会出现单个组件独立使用的数据，不需要被其他组件访问，且避免组件之间的冲突，或者重名，所以data只能是一个函数。
2022-10-25 09:29:29
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人