偶尔学习小菜鸟

摘要： 使用场景： mixin：通用逻辑共享：当多个组件需要共享相同的方法，数据和属性时，可以通过mixin实现 extend：如果想基于现有组件创建一个新组件，并且新组件还能继承现有组件的数据，方法和属性时，可以通过extend实现，extend类似于class 使用实例： mixin部分代码 使用mix 阅读全文

摘要： 在单页面应用中，路由是必不可少的被使用到，面试的过程中也不可避免的被问道，所以有必要理解一下路由的实现原理 单页面（SPA）——就是指整个前端服务中就只有一个index.html的静态文件，前端项目开发完成部署到服务器上之后，用户访问的始终是这个静态页面，而页面中呈现出来的所有交互， 例如页面跳转， 阅读全文

摘要： 按照vue3文档中得说明，在使用shallowRef和shallowReactive是浅响应得，即修改深层数据视图应该是不更新得，但是使用过程中往往会出现视图更新得情况，如下： 修改前： 修改后： 发现视图更新了，这是为什么呢？ 原因是有其他响应式数据更新了，从而触发了视图更新，例如上图中可以看到妈 阅读全文

摘要： 1.什么叫浅响应式? 响应式：vue3中有ref和reactive两个方法，可以把数据变成响应式数据，响应式简单来讲就是能监测到数据得变化，从而去更新视图，使用ref和reactive创建得数据不管它得层级有多深，只要改变都能监测到。 例如： const person = ref({ name:'z 阅读全文

摘要： 浮动带来的问题 一个元素设置了浮动之后，就脱离了标准流(漂浮在标准流之上)，因此如果他的父级容器在此时没有设置固定的高度，即由内容撑开，就会导致父级容器不能被撑开。而此时与父级容器同级的其他元素就会上移占据父级容器的位置。即高度塌陷。 清除浮动的方法 （1）定高法：强行给父元素添加一个固定的高度；缺 阅读全文

摘要： Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局，并且在V3版本之后坚持移动设备优先。 Bootstrap是一个前端开发的框架，其实就是一堆HTML代码，有一些自带的CSS样式类 阅读全文

摘要： 很长一段时间没有写静态页面布局，很多东西都开始模糊了，趁着最近做了一个小项目，把一些静态页面布局的知识简单梳理一下，加深自己的印象 一、流式布局——flex布局 1.流式布局的特征 （1）宽度自适应，高度固定，但是不是百分百还原设计图 （2）图标和字体的大小都是固定的，并不是所有的东西都是自适应的 阅读全文