- 博客(6)
- 收藏
- 关注
RSS订阅原创 Vue插槽的使用
vue的插槽主要有三种，匿名插槽，具名插槽和作用域插槽。前两种插槽也可叫做内容插槽，它的作用是允许向组件模板中插入HTML内容，并且在组件模板中插槽指定的位置显示出来。而作用域插槽的就是用来传递数据的插槽，当你想在一个组件模板的插槽中使用数据 时，要注意一个问题作用域的问题，Vue 官方文档中说了父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的;为了让子组件中的数据在父级的插槽内容中可用我们可以将数据作为元素的一个特性绑定上去具体用法匿名插槽由于匿名插槽.
2022-01-19 23:36:17
746
1
原创 前端本地缓存知识：indexDB、localStorage、sessionStorage
前端缓存在实习的时候接触过一个需求是，要求用户在离线状态下也能打开客户端查看部分数据，并对数据进行操作，在联网后向服务器同步操作更新服务器的数据。因此在对前端进行本地数据的存储进行调研，了解到以下的技术，总结以下自己的学习。1.indexDB首先indexDB是一个运行在浏览器的非关系型数据库，作为一个数据库，它存储的数据量就是没有上线的，同时它不仅可以存储字符串，还可以存储二进制数据。主要特点1 键值对存储：indexDB内部采用对象仓库存放数据。所有类型的数据都可以直接存入，包括Java
2022-01-16 23:11:57
4026
原创 Vuex的介绍及使用
前言：vuex是vue.js的状态管理模式，它采用集中式储存管理应用所有组件的状态，并以相应的规则保证状态以一种可预测的方式进行变化。上面是vuex官方文档的介绍，在我看来vuex就像是一个整个vue项目的工具仓库，里面存放一些公共的工具可以供各个组件去调用。主要解决了多个组件依赖于同一状态时，对于多层嵌套的组件的传参将会非常繁琐，vue的传参可以通过父子组件传参和路由传参，而对于兄弟组件而言，上述方法都无法使用，所以通过vuex来实现兄弟组件之间的传参问题。1.statestate可以存放一
2022-01-14 22:35:53
237
原创 前端身份认证技术
前言由于http的访问是无状态的，上一次的请求与本次请求是毫无关系的，而在实际情况中，用户在登陆完成后，再通过接口去请求数据时，服务器需要识别出是谁在请求该接口，并返回相应的数据。在这种需求的情况下，就产生了以下的技术。1.Cookie1.1 诞生：cookie的诞生是为了弥补http协议无状态的不足1.2 作用：cookie实际上是一段小的文本信息。客户端请求服务器，如果服务器需要记录该用户状态，就使用response相客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览
2022-01-09 00:18:42
864
原创 ES6中的Set与Map
ES6中新增的数据结构Map在ES6之前，JavaScript中实现“键值”的形式是Object来实现的，其中Object以对象的属性名作为键，以属性值作为值。但是在Object中，定义属性名只能使用字符串数据类型，而Map类似于对象，也是键值对集合，各种类型的值（包括对象，数字）都能当做键。创建Map实例Map()构造函数，创建Map实例const map1 = new Map //创建一个空映射const map2 = new Map([ //传入二维数组初始化为Map的实例对
2021-08-04 23:38:51
57
原创 CSS一个子元素大小固定，另一个子元素宽度自适应占满父元素
方法一原理：对固定大小的子元素设为float，自适应的子元素通过margin避免两个元素的重叠，利用块级元素具有默认继承父元素宽度的特性.child1{ float: left; width: 200px; height: 200px; background-color: aqua;}.child2{ height: 200px; margin-left: 200px; background-color: blue;}方法二原理：
2021-06-27 18:42:58
3332
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人