小风车吱呀转

摘要： Webpack5学习手册 介绍 Webpack是一个静态资源打包工具。它会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输出出去。 输出的文件就是编译好的文件，就可以在浏览器中运行了。 我们将 Webpack 输出的文件叫做bundle。 Webpack本身功能是有限 阅读全文

摘要： canvas实现图片压缩 使用input标签用于上传图片 监听文件上传，进行图片类型检查和图片容量检查 压缩图片 3.1 使用reader获取图片base64 3.2 计算图片的压缩尺寸 3.3 将图片绘制到canvas上面，对canvas进行压缩处理，获得新的baseURL 4.上传图片 <inp 阅读全文

摘要： scss 目录 基本用法 1.使用变量$ 2.默认变量值 !default 3.局部变量和全局变量 4.变量值类型 5.语法嵌套规则 ①选择器嵌套 ②父选择器 & ③属性嵌套 ④占位符选择器 %xxx 6.注释 7.SASS 导入@import @import 局部文件 嵌套 @import 混合指 阅读全文

摘要： 学习别人的CSS，这是一个传送门 布局 实现水平垂直居中 在flex 格式化上下文中，设置了margin: auto的元素，在通过justify-content和align-self进行对齐之前，任何正处于空闲的空间都会分配到该方向的自动 margin 中去。 <div class="box"> < 阅读全文

摘要： 高级类型(上) 交叉类型 交叉类型是将多个类型合并为一个类型，使用符号&进行合并。 实现这样一个函数：将两个对象合并为一个对象并将其返回，那么它的返回值类型就可以是这2个对象类型的合并。 const mergeFunc = <T,U>(arg1:T,arg2:U): T & U =>{ let re 阅读全文

摘要： ES6中的类 回顾ES6中的类，为ts中的类作基础铺垫。 ES5创建实例 ES5通过创建构造函数，调用new创建实例对象。 //构造函数Point，当调用new创建实例对象时，this指向创建的实例，给对象设置属性x和y function Point(x,y){ this.x = x; this.y 阅读全文

摘要： 开发环境搭建 1.新建目录 进入目录 输入命令 npm init(需要自己配置)或者npm init -y (npm默认配置) 2.创建src目录 目录结构大致如下 utils——存放业务相关的可复用方法 tools——存放跟业务无关的纯工具函数 assets——存放静态资源 api——接口 con 阅读全文

摘要： 11.15 ①数组中的第K个最大元素 给定整数数组 nums 和整数 k，请返回数组中第 k 个最大的元素。 请注意，你需要找的是数组排序后的第 k 个最大的元素，而不是第 k 个不同的元素。 示例 1: 输入: [3,2,1,5,6,4] 和 k = 2 输出: 5 示例 2: 输入: [3,2, 阅读全文

摘要： 10.30 ①反转字符串 编写一个函数，其作用是将输入的字符串反转过来。输入字符串以字符数组 s 的形式给出。 不要给另外的数组分配额外的空间，你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。 示例 1： 输入：s = ["h","e","l","l","o"] 输出：["o","l 阅读全文

摘要： 10.25 ①字符串中的第一个唯一字符 给定一个字符串，找到它的第一个不重复的字符，并返回它的索引。如果不存在，则返回 -1。 示例： s = "leetcode" 返回 0 s = "loveleetcode" 返回 2 来源：力扣（LeetCode） 链接：https://leetcode-cn 阅读全文