07 2021 档案

摘要:基于axios库进行适合自己项目的二次封装 一、对第三方库进行二次封装的好处 对第三方库的依赖低,一旦第三方库不再维护或者出现问题,只需要改动封装的这个实例即可,而不用去每一个请求的地方进行修改。 二、二次封装的时候文件夹的功能划分 request文件夹下的http.js主要用于封装axios实例 阅读全文
posted @ 2021-07-24 23:33 小高同学1997 阅读(471) 评论(0) 推荐(0)
摘要:前端组件化开发中的CSS 在目前整个前端都使用组件化开发的模式下,CSS样式的编写就成为了一个问题。因为CSS也叫做层叠样式表,意思就是多个css样式作用于同一个HTML元素的时候,浏览器会根据权重的大小来进行覆盖,为元素应用权重最高的那一组css样式,很明显这种特性不适合组件化开发。 组件化开发模 阅读全文
posted @ 2021-07-19 00:21 小高同学1997 阅读(7923) 评论(0) 推荐(0)
摘要:一、React是什么? 官方定义:React是一个用于构建用户界面的javaScript库 对于前端开发人员来说,其工作内容就是构建用户界面,而构建用户界面离不开三个技术: HTML:构建页面的结构 CSS:构建页面的样式 JavaScript:构建页面动态内容和页面交互 原生js开发页面到渐进式框 阅读全文
posted @ 2021-07-18 20:28 小高同学1997 阅读(332) 评论(0) 推荐(0)
摘要:MutationObserver 构造函数 MutationObserver() 在通过new 调用该构造函数的时候,需要传入一个回调函数callback当做参数,这个callback的详细说明如下: 参数 mutationsList:描述所有被触发改动的 MutationRecord 对象数组 o 阅读全文
posted @ 2021-07-11 13:32 小高同学1997 阅读(155) 评论(0) 推荐(0)
摘要:Canvas应用:图片压缩算法实现 前端图片压缩应用场景 前端页面限制用户只可以上传5MB大小的图片 前端在接受到用户上传的图片之后,服务器只允许上传1MB大小的图片,此时需要前端将图片先进行压缩,压缩之后再调用图片上传接口将图片上传 第一步:创建input元素,监听input表单域的change事 阅读全文
posted @ 2021-07-10 23:25 小高同学1997 阅读(332) 评论(0) 推荐(0)
摘要:TypeScript基础 全局安装TypeScript及检查版本 cnpm install -g typescript 全局安装TypeScript tsc -v 输出版本号为Version 4.3.5 在开发工具中配置.ts文件自动编译为.js文件 新建文件夹,在根目录下运行命令 tsc --in 阅读全文
posted @ 2021-07-10 23:00 小高同学1997 阅读(134) 评论(0) 推荐(0)