universe_01的博客

原创 前端学习—八股HTTP复习

原创 前端学习--学习方式调整

HTTPS是HTTP协议的安全版本，HTTP协议的数据传输是明文的，是不安全的，HTTPS使用了SSL/TLS协议进行了加密处理，相对更安全。网络部分学的差不多了。指同一域名下浏览器连接数有限制（6-8），并且请求要在连接内按顺序处理，这样会导致某个请求的延迟或阻塞会影响后续请求的处理。TCP协议为了保证数据包的有序传输，如果一个数据包丢失损坏后，TCP接收端会要求重新发送该数据包，直到被正确接收为止。HTTP 和 HTTPS 使用连接方式不同，默认端口也不一样，HTTP是80，HTTPS是443。

原创 前端学习之JavaScript

当你将一个变量的引用值赋给另一个变量时，JavaScript 引擎会创建一个引用，使这两个变量指向堆内存中的同一个对象。将一个变量的引用复制到另一个变量，会创建一个新的引用，使得两个变量指向同一个对象。当你将一个变量中的原始值赋给另一个变量时，JavaScript 引擎会创建该值的副本并将其赋值给目标变量。将一个变量中的原始值复制到另一个变量会创建一个单独的值副本，这意味着更改一个变量中的值不会影响另一个变量。您可以将函数作为参数传递给其他函数，也可以将它们作为值从其他函数返回，还可以将它们存储在变量中。

原创 前端学习JavaScript，项目熟悉

DOM文档对象模型web浏览器使用DOM在内部表示HTML文档。此外，还提供一系列函数和方法，用于以编程方式修改HTML文档这些函数和方法被称为DOM应用 程序接口或DOM API。

原创 前端学习JavaScript

clip可以与overflow-clip-margin一起用，跟hidden有些类似；auto如果超过则有滚动条，内容没超过则不显示滚动条。prototype属性：除了箭头函数，所有函数都有prototype属性，对象字面量，new，Object.create()函数来创建。变量在程序中保存可重用的数据，并将其与一个名称关联起来。运算符用于连接字符串，包括变量中保存的字符串值。关键字返回值的数据类型（例如，字符串）。也是在 ES6 中引入的，它是。是声明变量的首选方法；抓取DOM元素，操控他们。

原创 前端学习css

过渡持续时间——0.5 秒（500 毫秒）;过渡的时间函数（timing function）。z-index只有在同一个层叠上下文内才可以互相比较大小，有时候设置z-index：9999没生效时因为被不同的层叠上下文隔离了。变形（变换）属性，让元素在不影响文档布局情况下：平移，旋转（rotate）缩放（scale）倾斜（skew）overflow-x ，而 overflow-y 则对应垂直方向；auto当且仅当内容超出时才显示水平滚动条，不超出则不出现滚动条。数值越小 → 元素越靠下。

原创 前端HTTP，JavaScript，网络

代理：服务器和客户端中间人的角色使用代理服务器理由：利用缓存技术减少网络带宽的流量。代理分类：是否使用缓存，是否修改报文缓存代理。会预先将资源的副本（缓存）保存在代理服务器上透明代理。不对报文做任何加工的代理网关：转发其他服务器通信数据的服务器，接受从客户端发送来的请求时，就像自己拥有资源的源服务器一样对请求进行处理利用网关可以将HTTP请求转化为其他协议通信隧道：在相隔甚远的客户端和服务器两者间选择中转，保持双方通信连接的应用程序。

原创 前端学习之八股和算法

永久性重定向。资源的URI已更新，，需要进行书签引用的变更302临时性重定向。Found明确表示客户端应当采用GET方法获取资源。客户端发送附带条件的请求时，服务器端运行请求访问资源，但未满足条件的情况。

原创 前端八股之HTTP

得到IP地址后，http协议生成针对web服务器的HTTP请求报文，TCP协议把http请求报文分成多个小段。TCP协议从对方那里接受到报文合并重组报文段，按照序号以原来的顺序重组请求。Cookie会根据从服务端发送的响应报文内的一个叫做Set-Cookie的首部字段信息，通知客户端保存Cookie。指定范围发送的请求叫做范围请求，针对范围请求，响应会返回状态码为206的响应报文。接收到请求的服务器，将请求内容的处理结果以响应的形式返回。请求行，状态行，首部字段，其他（如Cookie）

原创 前端学习之八股

数组首部操作的方法shift（）和unshift（）重排序的方法reverse（）和sort（），sort（）方法可以传入一个函数来进行比较，传入前后两个值，如果返回值为正数，则交换两个参数的位置。类数组也叫伪数组，类数组和数组类似，但不能调用数组方法，常见的类数组有arguments，通过document.getElements获取到的内容等，这些类数组具有length属性。栈：放原始数据类型，简单数据段，占空间小，被频繁使用地数据，如String，Number，Null，Boolean。

原创 day27｜前端框架学习

5、学了router路径。SAP单页应用，vue- router拦截路由跳转事件，阻止默认刷新。根据路由配置动态渲染对应组件内容。router.beforeEach是全局前置守卫钩子。to即将进入目标路由对象，from正要离开的路由对象。2、action，在pinia，管理状态，处理异步操作（API/Firebase）。6、hash模式#。和history模式干净。3、滑动窗口，能有大致思路，但是自己不会关键步骤的代码。4、ai agent真是个天才。7、命名路由可动态传递参数或查询。

原创 day26｜学习前端之算法学习

sonted（s）会把字符串的字符按字典序排序，返回一个新的列。Tuple → 不可変（immutable）→ 可哈希（只要里面完素也可希）→ 可以当 dict key。4、算法题中，把list转化成tuple，就是把可变对象变成不可变对象，从而可以作为哈希表key使用。所有学习的数据结构和算法的知识，哈希表或者数组队列。写算法题解除了要有思路外，还有就是把你脑子里的人想法按代码规范，一种新语言去表达在题解里。2、python缩近很重要：外层循环，内层循环，内层判断（因为是嵌套循环）

原创 day25｜学习前端js

只有声明（var x.）会提升，赋值表达式（=10）不会提升。因为赋值可能带有副作用（计算、函数调用、抛异常），解释器在编译阶段并不想执行这些代码。哪些可迭代（可以被for..of循环的东西）：array，string，map，set， TpyedArray，arguments对象。this，var、const、let的的TDZ和hoisting（提升）。var在全局变量的市民上会在全局窗口上创建一个对象。函数声明，被提升（hoisting）。rest左边，收集。或｜｜左边为假才返回右边，用于设置默认值。

原创 Day24｜学习前端CSS

明天看：CSS布局float layout ，flexbox，CSS grid。水平（左右）生效，宽高由内容决定，不能生效。伪类：link，：visited，：hover，：active。3、inline-block只占据需要，还能改变盒子四个方向。1、inline box内联盒子。collapsing margin边缘塌陷。伪元素：：before。通用选择器适用于所有元素，不涉及继承。CSS选择器（从上往下，权重越低）块级元素占满整行，四个方向生效。元素选择器p，div，li。伪类选择器：和类选择器.

原创 day23｜前端学习三件套

1、html和css。control shift+k能删掉光标所在那一行。3、找了一个新的html和css。css编写位置：行内样式（内联样式），内部样式，外部样式。基本选择器：通配选择器，元素选择器，类选择器，ID选择器。es6导出数据：分别导出，统一导出export ｛ ｝<ul>unordered list无序列表。<ol>order list 有序列表。使用何种导入方式，要根据导出方式决定。ES6模块化浏览器端应用广泛。inheritance继承。组合选择器，后代选择器。ahchor锚<a>

原创 day22｜学习前端ts语言

定义对象的格式（描述数据模型，API响应格式，配置对象）；属性修饰符：public，protected，private，readonly只读属性。不能用new关键词直接创建（实例化）这个类的对象。抽象类：可以包含抽象方法，也可以包含具体方法。接口：只能描述结构，不能有任何实现代码，一个类可以实现多个接口。何时使用抽象类：定义通用接口，提供基础实现，共享代码逻辑。class类：属性声明，构造器，方法，实例。泛型可以有多个，泛型接口extraInfo。interface接口：定义结构的方式。

原创 day21｜学习前端vue3框架和ts语言

vue3项目创立，从index.html引入。enum枚举可以定义一组命名常量，数字枚举（有反向映射），字符串枚举，常量枚举。tuple一种特殊的数组类型，可以存储固定数量的元素。ts中=>在函数类型声明时表示函数类型，描述参数类型和返回类型。ts声明对象类型就是提前用类型描述它的属性和形状。js=>是一种定义函数的语法，是具体的函数实现。在js/ts里对象字面量里，只能用，来分隔属性。object：所有的非原始类型，限制宽泛。ts静态类型语言，js的超集。app.vue是最后挂载的。

原创 day20｜学习前端

vue3可以写vue2语法，在vue3里，选项式和组合式是共存的。旧语法可以读出setup东西，但是setup不能读出旧语法。返回对象+解构 const｛ sum，add，bigSum｝=useSum（）function不缓存，computed计算属性缓存，只有依赖变才重新计算。computed计算属性函数，根据已有响应式数据计算出新值，具有缓存的功能。集中式状态（数据）管理pinia，redux，vuex。相当于innerText。v-bind：attr绑定属性值。

原创 day19｜学习前端框架

vue router：1、路径参数（动态路由参数）params。route路由：url路径和显示组件之间的映射关系。export暴露，对外开放，别的文件可以使用。从当前文件所在目录，向上回退一级目录。好多东西，好累，感觉怎么学都学不完。../是相对路径（原生js写法）@/是绝对路径别名（项目根路径）2、查询参数（Query参数）

原创 day18｜前端框架和算法学习

可以讲应用程序的状态保存到本地储存里，在应用程序重启后会保留状态，对于登录等场景很有用。当用户登录成功时：设置userStore中用户的登录状态为已登录，并设置过期时间。int（num1[ i]）访问字符串num1中的索引i的字符，将它转化为整数。新建的vite和之前的项目是不一样的，pinia那些包需要重新在终端下载引入。当用户退出登录时：修改userStore用户登录状态为未登录，并删除过期时间。pinia轻量级状态管理库，用于管理应用程序全局状态的工具。“abf”“123”2、简化组件之间的通信。

原创 day17｜前端和算法学习

可以用python3里面的map（func， iterable）函数，把func应用到iterable（可迭代对象）里面的每一个元素上，并返回一个map对象。一个题目它的代码解法多样，如果能自己想一个方向和思路，要gpt根据你的思路写答案。卡点：不知道怎么遍历主对角线mat[i ][ i ]和副对角线[ i ][ n-1-i ]卡点：不知道要设立四个边界，边界设立之后写不出for循环。难点：不会用编程语言写找0所在的行和列，并且将他们元素改为0。用四个边界控制螺旋矩阵t，b，l，r。

原创 day16｜前端和算法学习

看到树，要马上想到树的结构，根、左子节点和右子节点。对于树这种结构，无法直接用for循环遍历，要用DFS（depth first search）遍历整颗树。写题目要自己先思考，写一遍伪代码。太慢了，学了跟没学似的。写伪代码的时候，注意计算机它什么也不会，我在告诉她的时候必须非常详细到每一个小点。想复杂了，只需要最后回到原点（0，0）或者方向变了。判断输赢和打印结果其实这两步紧密相连。1、包括棋盘是几乘几，遍历双方的棋子，下到棋盘的位置。interpolation插值表达式。前序中序后序遍历，要画图常记忆。

原创 day15｜前端框架学习和算法

先把所有情况都画出来，然后（在满足什么情况下）把不符合条件的删除。setup语法糖：让代码更简洁好写的语法。可以用暴力法、回溯法和DFS做这个题。DFS深度搜索：每个边都走完，再回溯。ref创建：基本类型的响应式数据。“一次性的小函数，没有名字”T200岛屿数量（非常经典。要画树状图，把思路清晰。应用：二叉树搜索，图搜索。回溯算法=DFS+剪枝。把树状转化成队列形式，lambda匿名函数。

原创 day14｜学习前端和算法

元音字母设为哈希set，hashset=（[‘a’,’e’ ,’i’, ’o’, ’u’]）。createApp 创建应用，App根组件， .mount（’#app’）花盆摆放位置。心脏跳动类型的折线图，首尾都会是负无穷，主要是对比m和m+1的大小值。生命周期函数：是组件实例从创建到销毁过程中不同时间点自动调用的函数。作用域插槽：子组件向父组件传递数据，并在父组件定义的模版中渲染。条件渲染，当指令满足表达式返回真值的时候，才被渲染v-if。接受的参数，返回值，终止的条件，递归拆解。二维索引转化为一维索引。

原创 day13｜前端和算法学习

满二叉树：除了叶子节点，每个结点都有左右两个孩子。vue rounter是vue.js官方的路由管理工具，用来实现“多页面跳转”对于对撞双指针，i从头遍历，j从尾部遍历，小了移动i，数字之和大了移动j。javascript库会以工具的方式，比如属性或者方法，帮助实现特定功能。先原地排序sort。完全二叉树：从上到下，从左到右，依次填满结点形成的二叉树。环型链表，用快慢双指针，如果两者遇上，说明它是环形的。普通双指针，两个指针往同一个方向或者往不同方向移动。厚积薄发，前期做的慢很正常后期会很快的。

原创 day12｜学习前端和算法

用哈希表和栈，用stack的方法把哈希表表示出来。可以直接利用set没有重复元素这个性质，把值放入set，比较哈希表和总共元素的长度。搜索search，插入insert，删除delete的时间复杂度是O（1）遍历要考虑到各种情况，先把比较极端特殊的写一下，类似高中数学的分类考虑。先创建哈希表，遍历，把元素都放到dict里面，同时计算他的出现频次。扔进去5个元素到集合，最后集合元素只有3个，肯定有重复元素。数组，key表示ASC码，value是出现的次数。二叉树：普通二叉树，满二叉树，完全二叉树。

原创 day11｜前端和算法打卡

要看懂题目表达的意思，偶数、奇数内位置移动不消耗代价，但是奇数和偶数之间的移动消耗代价。先算出来奇数和偶数位置上他们各自有多少个，然后数量少的就是移动的代价。把左括号都放到stack里，遇到右括号将它跟stack里面pop出来，进行匹配。如果能匹配上就是有效的括号，如果不能就是false。node.js用于服务器端开发的运行时的环境；python3主要用for循环遍历，.split把邮箱地址分开。栈（stack）：先进先出，薯片盒。获取栈顶元素，stack[-1]T929电子邮件地址模拟。

原创 day10｜前端和算法学习

指针定位，要画图看链表之间的变化，除了开头和结尾的链表，其他链表都是有进有出。要在首个链表前增加dummy的0号元素。但是真正操作删除元素的时候，remove（2），需要从头开始遍历元素，是O（N）一个链表本身就包含元素本身，这个元素的下一个地址。（所以链表题里有点双指针的意思。O（n）的时间复杂度不是访问时间要把所有的全部遍历，是遍历到找到对应的元素。创建链表，添加元素，访问元素，查找元素，删除元素，链表的长度。链表（linked list）：单端链表，双端列表。节点指向，用箭头指向，可以拼接。

原创 day9｜学习前端打卡

enumerate（index，element）函数，遍历索引和元素。array数组：在连续的内存空间中，储存一组相同类型的元素。时间复杂度，O（1）的时间复杂度没有for循环。空间复杂度：算法存储空间和输入值之间的关系。声明式渲染：扩展标准html的模版语法。能在改变时触发更新的状态被称作响应式。时间复杂度和运行时间是不一样的东西。数组排序的时间复杂度是NlogN。访问：通过索引去取的index。increment更新组件状态。并列循环，加起来N+N。

原创 day8｜前端学习

2、Counter是python中模块collections一个类。计算可迭代对象中每个元素的频率。3、haystack较长的字符串，needle较短的字符串。abs（）绝对值，max（），min（），pow（x，y）java对空格不敏感（语法），字符串中的空格敏感（内容）数组：固定，所以方便查找，但是修改内容不方便。链表：方便增删改内容，但是查找所花费的时间较多。4、有效的字母异位词（anagram）list API操作列表的方法和函数。包含字母完全相同，但是顺序不用。stacks（栈），薯片。

原创 day7｜前端学习vue3

computed计算属性，她会被缓存，第二次用的时候直接调用。数组长度固定，插入一个元素必定会导致数组尾部元素“丢失”在失去焦点或按下回车键后渲染v-model.lazy。输入框值转换为数字类型v-model.number。数组能随机访问的超能力源于数组连续的内存空间。在下拉框做选择的时候，能记录她之前的数组。初始化数组为0，被储存在连续的内存空间。去除首尾空格v-model.trim。对半查找，时间复杂度O（logn）watchEffect自动监听。v-text和v-html。实时渲染，v-model。

原创 day6｜前端学习打卡

多线程中，所有变量共享，任何一个变量都可以被线程修改，解决办法：给他上锁加以隔离。进程和线程，启动多个进程或者多个线程，多核处理器。rgba表示颜色不透明度 rgba（红，绿，蓝，alpha）。计算密集型任务用c语言编写，io密集型比如web应用，用开发效率最高（代码量最少）语言。io编程：cpu和磁盘是否同步处理，分为同步io和异步io。颜色表示rgb（256，256，256）红绿蓝，三个数值相等表示灰色阴影。遇到错误，处理，调适，单元测试、文档测试。面向对象编程class，继承封装，多态。

原创 daty5｜前端学习

节点：元素节点（element node），文本节点（text node），属性节点（attribute node）获取元素：getElementById ,getElementByTagName,获取和设置属性：getAttribute, set attribute。dom：document object model 面向对象编程。css：继承（inheritance）父节点，子节点。class属性，id属性，cursor:鼠标状态。一份文档就是一颗节点树。

原创 day4｜回顾python

面向对象编程：实际的事物模型或计算对象的模型，在程序中以类的方式进行定义。类的属性：1、示例属性 同一个类不同属性。2、公共属性（类属性）同一个类共同有的。类的方法：类中定义的函数称为方法。类的定义和使用class。

原创 day3｜python回顾复习

参数类型：默认值参数，位置参数，关键词参数，默认值参数，可变数量传参，长度不定的关键字参数（**kwargs），方块函数。parameter，param对参数进行解释说明，函数的声明。变量的作用域：内置作用域，全局作用域，局部作用域。形式参数，实际参数。（类似剧本角色，演员）python，里的'f 字符串格式化。#等同于x = x+3。lambda参数：表达式。

原创 自学前端day2| html和css打基础

之前看的b站速成课，自以为学到很多，其实啥也不会。看网课是为了给自己学习检索 用的，不要对自己有思维包裹——一定要把每一节课看完。标签：<h1>,<p>，<a>,<img>。bootstrap 网络，包括container,rows,columns.便于适应各种不同的应用程序。browser应用服务器生成动态内容，然后由网络服务器发送回用户浏览器。dom是文档对象模型，用于表示和操作html文档的结构。静态内容（static，动态内容。div是块级元素，占据一整行。

原创 自学前端打卡|day1

splice（a，b）删除特定元素（要删除元素的索引位置，要删除元素的数量）。在es6语法中，用let代替var，console.log()类似于python中的print（）。两者区别，忘记了，，，index啥意思来着，明天看看。map，set，数组是不同的字符串类型。class类，里面的info（）它是一个对象的行为（类似“介绍自己”）定义函数function，传参add。1.变量可以修改，常量（number）不能修改，改了会报错。默认值有新增变量就是新增变量，没定义新增变量就是默认值。