08 2021 档案

echarts图表的封装
摘要：其实echarts官网有个快速上手的教程，一般人看一遍也知道是怎么回事，先给个传送门吧--五分钟上手 引入方式多种多样就自己去官网看了--这里简单介绍echarts怎么用，下方的封装函数比较重要 1.引入echarts.js文件 <script src="echarts.min.js"></scri 阅读全文
posted @ 2021-08-23 14:25 爱学习的兔子 阅读(1398) 评论(2) 推荐(0)
对于一个元素的居中问题
摘要：面试题天天问怎么居中，于是乎就有了这个笔记在这 水平居中 行内元素 : text-align: center; 确定宽度的块级元素： （1）width和margin实现。margin: 0 auto; （2）绝对定位和margin-left:-width/2, 前提是父元素position: rel 阅读全文
posted @ 2021-08-19 23:17 爱学习的兔子 阅读(103) 评论(0) 推荐(0)
对于fetch的理解
摘要：在一篇文章里见到一位作者是这么说的 XMLHttpRequest 是一个设计粗糙的 API，不符合关注分离（Separation of Concerns）的原则，配置和调用方式非常混乱，而且基于事件的异步模型写起来也没有现代的 Promise，generator/yield，async/await 阅读全文
posted @ 2021-08-17 14:37 爱学习的兔子 阅读(206) 评论(2) 推荐(0)
对axios的理解
摘要：axios是基于promise的，可以使用promise api axios的请求方式 axios(config) axios.request(config) axios.get(url [,config]) axios.post(url [,data [,config]]) axios.put(u 阅读全文
posted @ 2021-08-17 14:22 爱学习的兔子 阅读(242) 评论(0) 推荐(0)
对于网络请求ajax理解
摘要：先对原生Ajax进行理解： Ajax=异步JS和XML，用于创建快速动态网页的技术 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 工作原理 对于Ajax的使用和实现 很重要 (1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象. va 阅读全文
posted @ 2021-08-17 11:54 爱学习的兔子 阅读(107) 评论(0) 推荐(0)
对于浏览器本地存储的理解
摘要：此片文章仅对于浏览器的本地存储理解--Cookie localStorage sessionStorage websql indexDB cookie 由浏览器生成，前端也可以设置，保存在本地的一个文件，通过response响应头的set-cookie字段进行设置，且Cookie的内容自动在请求的时 阅读全文
posted @ 2021-08-16 16:28 爱学习的兔子 阅读(256) 评论(0) 推荐(0)
防抖节流理解
摘要：先明白一个概念，防抖和节流的区别 防抖：疯狂点击，在设定的这个时间段内只会发送最后一次点击要求 节流：定时器设置的，在设定的时间间隔内只执行一次，循环进行 对于防抖的简单函数编写 <button id="debounce">点我防抖！</button> $('#debounce').on('clic 阅读全文
posted @ 2021-08-08 21:53 爱学习的兔子 阅读(79) 评论(0) 推荐(0)
懒加载原理
摘要：懒加载，就是用到了再进行加载操作，淘宝下方的商品展示一直都是滚动不完的，因为数据很多，有时候滚动下去后发现图片还在加载，这就运用到懒加载，不使用懒加载会导致最开始进入页面时进行的请求过于繁杂，导致加载缓慢，并且浪费流量加载一些没必要显示的图片信息。 对于懒加载的使用，一般是显示在图片方面，对于图片被 阅读全文
posted @ 2021-08-06 10:28 爱学习的兔子 阅读(377) 评论(0) 推荐(0)
关于diffing算法中key的使用
摘要：在vue和react中（只学了这两个），经常需要渲染元素到DOM上，而且如果不写key，有的浏览器会进行报错或者进行提示。 在我的理解里：key其实就是一个身份的标识，证明这个位置坐的就是这个人。后期其他的人来到后坐其他的位置，这样就不影响自身的位置，从而不用重新确认。 用比较官方的话说就是，当状态 阅读全文
posted @ 2021-08-05 10:32 爱学习的兔子 阅读(152) 评论(0) 推荐(0)