Dream
每个选择都会产生后果,很多时候,我们的生活被挤压在一个角落里,等待着一个机会,而那个机会终会到来。——《那不勒斯四部曲》
  听一首歌的时间
  推荐文章
CSS

CSS样式的继承

1.行高的继承font:12px/24px 'Microsoft YaHei'; 指的是行高2

阅读更多
CSS

CSS定位机制

一.文档流flow 从上到下,从左到右。 1.block元素: 元素独占一行; 元素的height、width、margin、paddi

阅读更多
CSS

CSS三角的制作

1. 等腰三角形使用场景:悬停到导航栏的某个li 原理: // 宽高必须是0 !!! .box1 { width: 0;

阅读更多
CSS

CSS添加方法&优先级&CSS选择器

一、CSS添加方法:1.行内样式:表示当前样式作为CSS样式被添加到标签上(只对这个标签起作用)。 2.内嵌样式:将CSS代码内嵌到当前页面

阅读更多
Git

Git代码写错分支了怎么办

2021/12/14 11:07 场景:代码写在了主分支,在提交时显示”推送被拒“。 步骤: 1.当未提交代码:// 第一步,将修改的代码

阅读更多
Axios

HTTP与Axios

1.请求方式与请求参数1.1 请求方式 GET:从服务器端读取数据 查(R) POST:向服务器端添加新数据

阅读更多
hexo

Hexo+Gitee搭建博客踩坑总结

一、搭建过程如下:阶段 1: 本地搭建1.下载安装 node.js 2.下载安装 git 3.使用命令行(win+r,输入 cmd)下载淘宝

阅读更多
Git

Git推送部分文件

步骤: 1. git status 查看未提交文件及其路径 2. git ad

阅读更多
JavaScript

JS小总结

1. 函数 在实际开发中,经常会使用一个变量来接收函数返回的结果。 return 有终止函数的作用,return 后的语句不会被执行。 re

阅读更多
JavaScript

JS深拷贝

拷贝的对象可能是多层级的,要确保深层嵌套也一样,可以使用递归,所以: 如果是原始类型 =》 直接返回,无需继续拷贝。 如果是引用类型 =》

阅读更多
JavaScript

JS精度丢失&解决

0.1 + 0.2 !== 0.3; 精度丢失的原因: 计算机中所有的数据都是以二进制存储的,所以在计算时计算机要把数据先转换成二进制

阅读更多
JavaScript

JS获取视频任意进度

利用视频的 duration 获取视频相关信息。 利用 addEventListener 事件监听的相关事件👇🏻,可以获取各个播放进

阅读更多
CSS

Less

CSS的弊端: Less1. Less介绍 Leaner Style Sheets,是一门CSS扩展语言,也称为CSS预处理器。 作为

阅读更多
JavaScript

Promise总结

关联笔记:Promise补充 事件循环event loop 1. 一些需要知道的前置内容1.1 实例对象与函数对象 实例对象:new

阅读更多

SEO优化

1. SEO1. SEO:Search Engine Optimization,译为 搜索引擎优化,是一种利用搜索引擎的规则提高网站在有关搜

阅读更多
Vue3

Vue3生命周期的变更

销毁的概念改为卸载(unmounted),更名: beforeDestroy 改名为 beforeUnmounted。 destroy

阅读更多
Web

Web服务器

1. 什么是Web服务器 服务器(也会称之为主机)是提供计算服务的设备,它也是一台计算机。在网络环境下,根据服务器提供的服务类型不同,服务器

阅读更多
Axios

axios封装

​ 1. axios全局配置 有些信息是重复的,比如:baseUrl、header、超时时间。 axios({

阅读更多
Vue

Vue条件渲染&列表渲染&列表过滤排序&监测原理

1. 条件渲染 v-if、v-show v-show 控制 display 显示隐藏,v-if 控制节点是否存在。 当变化很频繁建议使用 v

阅读更多
CSS

border、padding与margin

场景:鼠标悬停出现内边框,位置不是写死的,所以导致li上下动。 解决:添加padding。且padding值 = -border里的数字。

阅读更多
Axios

axios拦截器

1. 请求拦截器 axios.interceptors.request.use(); axios请求拦截器:是发出请求前执行的一个回调函数。

阅读更多
CSS

flex布局&原理

flex布局原理: flex是flexible Box的缩写,意为:弹性布局。用来给盒子模型提供最大的灵活性,任何一个盒子模型都可以使用

阅读更多
Axios

reactive不能解构

当使用reactive定义一个对象,不能使用解构(数据不能修改成功)。 举例: const obj = reactive({

阅读更多
插件&工具使用

swiper自定义分页器&自定义切换按钮

1. swiper自定义分页器:js部分: pagination: { el: '.swiper-pagination

阅读更多
JavaScript

事件循环event loop

从浏览器多进程到 JS 单线程,JS 运行机制最全面的一次梳理:https://segmentfault.com/a/119000001

阅读更多
CSS

关于移动端CSS

总结: 兼容移动端主流浏览器,处理Webkit内核浏览器即可。 查看设备网站:https://material.io/devices/ 1.

阅读更多
Vue3

ref & reactive & 响应式差异

1. Ref 作用:定义一个响应式的数据。 语法:const xxx = ref(initValue) 创建一个包含响应式数据的引用对

阅读更多
CSS

各类居中&定位

图片的各类居中 想让图片水平居中: 让其父元素margin: 0 auto; 有宽度的情况下。 让其父元素text-align: ce

阅读更多
Git

删除已推送的某个文件

查看当前分支: git branch -a 切换分支: git checkout 想切换的分支 ​ 3.1 在本地仓库删

阅读更多
TypeScript

关于TS中描述Object类型的两种方式(类型签名和Record)

前言 :由于 Object 的范围很大,对象中属性可能是任意类型,而这时区分不出一个 Object 具体是什么类型。 所以一般不在 TS 中

阅读更多
CSS

外边距合并现象

使用margin定义块元素的垂直外边距时,可能会出现外边距的合并。 1. 相邻块元素垂直外边距的合并: 当上下两个相邻的两个块元素(兄弟元素

阅读更多
JavaScript

如何终止多层循环

1. 使用for的情况下 给外层和内层循环分别使用标签语句起个名字 (红宝书P167,3.6.7章节。) 通过 break 标签语句

阅读更多
HTML

字符,编码,乱码问题

1.字符:文字,符号 空符字符:&nbsp 2.字符集:字符的集合 3.编码:将字符和二进制码对应起来 ASCⅡ:数

阅读更多
CSS

媒体查询+rem实现元素动态变化

1. rem em相对于父元素的字体大小来说的。 rem相对于HTML元素字体大小来说的。1rem等于html元素上字体设置的大小。 rem

阅读更多
CSS

边框图片的使用

场景:盒子大小不一,但是边框样式相同时。不以背景图的形式。 实现:使用css或js切图。把四个角切出去,中间部分可以铺排,拉伸或环绕。(九

阅读更多
CSS

精灵图与字体图标

1. 精灵图盒子位置是固定的,移动的是图片,所以一般x,y的值都是负的(向左,向下)。 background: url() no-repea

阅读更多
CSS

CSS需要留意的可置换元素

block,inline 和 inlinke-block 细节对比:inline-block 看上去值名 inline-block 是一个混

阅读更多
JavaScript

重绘&回流(重排)

重绘:repaint; 回流/重排:reflow。 重绘:不影响任何布局的style变化。 color、text-align、a: h

阅读更多
Git

新建分支后与本地git建立联系

先查看所有分支: git branch -a ​ 获取所有分支,这时就可以看到新的分支出现了。 git

阅读更多
HTML

图像格式和路径

一、图像格式: JPG:有损压缩,图片色彩丰富。(快,不失真) GIF:简单动画,背景透明。 PNG:无损压缩,透明,交错,动画(支持

阅读更多
Vue3

Vue3语法变更总结

1.生命周期的变更 销毁的概念改为卸载,更名: beforeDestroy改名为beforeUnmounted。 destroyed改名为

阅读更多
JavaScript

JavaScript中的操作符

!! 和 ?? 1.1 !!的含义: 在JS中,当想把一个数据转为布尔类型时: 可以直接取反,这样返回的就是布尔类型;但这样值也就

阅读更多
TypeScript vuex4

vuex4 & 结合TS的特殊处理

1. 关于vuex4store/index.js文件: 调用createStore创建仓库,它里面传入的是一个对象; createStor

阅读更多
TypeScript

使用InstanceType获取组件的类型

1. InstanceType作用&使用1.1 前言: 使用defineComponent的vue组件,导出的是一个对象👇🏻(里

阅读更多
JavaScript

JSX基本语法&使用

JSX文档:https://zh-hans.reactjs.org/docs/introducing-jsx.html PS:我只记录了一

阅读更多
Vite

Vite无法使用动态src路径的问题 & 解决

vite中使用动态图片路径src的三个方式:1. 使用 new URL 的方式;2. 手动 import 引入每张图片;3. 使用以下方式�

阅读更多
JavaScript

类class(JS & TS)

1. 类的定义 使用class关键字; 在严格模式下,需要给属性初始化。 直接初始化,或在constructor中初始化都可以。 clas

阅读更多
TypeScript

使用TS封装axios

大致步骤👇🏻(PS:过程中的代码可能不是最终的,可以在后面看最终的总结及代码。) 1. 封装 axios 实例 封装后可以 new 出多

阅读更多
Vite无法使用动态src路径的问题 & 解决 Vite无法使用动态src路径的问题 & 解决
vite中使用动态图片路径src的三个方式:1. 使用 new URL 的方式;2. 手动 import 引入每张图片;3. 使用以下方式👇🏻: 将图片命名为统一前缀。 使用Vite提供的 **import.meta.glob()**
2023-02-27
使用InstanceType获取组件的类型 使用InstanceType获取组件的类型
1. InstanceType作用&使用1.1 前言: 使用defineComponent的vue组件,导出的是一个对象👇🏻(里面将对象传给了defineComponent方法,但它还会返回出来) 👆🏻这个组件经de
2023-01-07
使用TS封装axios 使用TS封装axios
大致步骤👇🏻(PS:过程中的代码可能不是最终的,可以在后面看最终的总结及代码。) 1. 封装 axios 实例 封装后可以 new 出多个实例,每个实例可以有不同的 BASE_URL 等。 1.1 使用 class 封装 axios
2022-12-11
关于TS中描述Object类型的两种方式(类型签名和Record) 关于TS中描述Object类型的两种方式(类型签名和Record)
前言 :由于 Object 的范围很大,对象中属性可能是任意类型,而这时区分不出一个 Object 具体是什么类型。 所以一般不在 TS 中直接使用 Object 类型,而是以下两种方式描述对象: class / constructor;
2022-12-10
类class(JS & TS) 类class(JS & TS)
1. 类的定义 使用class关键字; 在严格模式下,需要给属性初始化。 直接初始化,或在constructor中初始化都可以。 class Person { name: string = '', //
2022-11-12
JavaScript中的操作符 JavaScript中的操作符
!! 和 ?? 1.1 !!的含义: 在JS中,当想把一个数据转为布尔类型时: 可以直接取反,这样返回的就是布尔类型;但这样值也就反了,所以再取反得到正确的值。 类似于 Boolean(变量) 的方式。 1.2 ??
2022-11-06
vuex4 & 结合TS的特殊处理 vuex4 & 结合TS的特殊处理
1. 关于vuex4store/index.js文件: 调用createStore创建仓库,它里面传入的是一个对象; createStore会接收一个泛型, // 先引入: import { createStore }
JSX基本语法&使用 JSX基本语法&使用
JSX文档:https://zh-hans.reactjs.org/docs/introducing-jsx.html PS:我只记录了一些注意点,前置的使用示例&语法未在本篇笔记中。 1. jsx使用配置 babel配置 :
2022-10-16
JS获取视频任意进度 JS获取视频任意进度
利用视频的 duration 获取视频相关信息。 利用 addEventListener 事件监听的相关事件👇🏻,可以获取各个播放进度&在不同阶段操作数据。 play: 视频开始播放 。 playing: 视频播放过程中
2022-09-16
JS精度丢失&解决 JS精度丢失&解决
0.1 + 0.2 !== 0.3; 精度丢失的原因: 计算机中所有的数据都是以二进制存储的,所以在计算时计算机要把数据先转换成二进制进行计算,然后在把计算结果转换成十进制。 二进制计算发生了精度丢失,导致再转换成十进制后和预计的结果
2022-09-06
重绘&回流(重排) 重绘&回流(重排)
重绘:repaint; 回流/重排:reflow。 重绘:不影响任何布局的style变化。 color、text-align、a: hover、 重绘的速度会明显快于回流。 回流:引起布局改变的style变化。 长/宽/高、bor
2022-09-05
Vue3语法变更总结 Vue3语法变更总结
1.生命周期的变更 销毁的概念改为卸载,更名: beforeDestroy改名为beforeUnmounted。 destroyed改名为unmounted。 vue2中的两次判断改为一次(如图)。 Vue3提供的**Compos
2022-08-24
1 / 5