- 博客(26)
- 收藏
- 关注
RSS订阅原创 HTTP中GET和POST的区别是什么？
POST：参数放在请求体中，参数不可见，且理论上长度没有限制（实际上服务器有配置限制，如Nginx默认限制1MB），更适合传输大量或敏感的信息（POST请求也可以在URL上放参数）也就是说，GET只需要汽车跑一趟就把货送到了，而POST得跑两趟，第一趟，先去和服务器打个招呼“嗨，我等下要送一批货来，你们打开门迎接我”，然后再回头把货送过去。GET：参数通过URL拼接传递，暴露在请求URL中，具有可见性，长度有限（取决于浏览器和服务器，默认2048字节）GET：幂等（重复请求不会改变服务器状态）
2024-11-27 00:05:35
626
1
原创 防抖和节流
在最后一次操作后等待一段时间，如果在这段时间内没有新的操作发生，则执行相应的函数；如果有新的操作，则重新计时。无论这段时间内触发了多少次事件，函数只会执行一次。
2024-11-25 20:58:33
220
原创 HTML面试题（2）
离线存储（Application Cache）：允许开发者指定哪些文件(如 HTML 页面、图像、JS 脚本和 CSS 样式表)应该被浏览器缓存，并能够在没有网络连接时访问它们。创建一个以.appcache结尾的清单文件，在文件中列出需要缓存的资源。提供多个文件源和各自的分辨率，浏览器会根据设备的屏幕尺度和像素密度（DPI）选择最适合的图像。块级元素在页面中通常表现为“块”，会在其前后自动换行，默认占据父元素的完整宽度。空元素是那些只有开始标签，没有结束标签的元素，因为它们不包含任何内容。
2024-11-15 20:26:41
655
1
原创 JS原型概念
[ProtoType]]是特性，不是属性，不能通过代码访问。可以通过__proto__访问。首字母大写的函数通常称为构造函数，构造函数搭配new操作符来创建对象实例。构造函数的prototype属性指向原型（箭头函数除外）实现继承：把person1设置为person2的原型。原型的constructor属性指向构造函数。所有内置对象的原型也是Object类型的实例。所有原型的最顶层都是Object类型的实例。
2024-11-15 16:47:23
191
原创 前端文件优化
对于一张100*100像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是 RGBA 存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字 节），所以该图⽚⼤⼩⼤概为 39KB（10000 * 1 * 4 / 1024）。但是在实际项⽬中，⼀张图⽚可能并不需要使⽤那么多颜⾊去显示，我们可以通过减少每个 像素的调⾊板来相应缩⼩图⽚的⼤⼩。
2024-11-15 13:54:42
779
原创 优化渲染过程
将某些逻辑延迟到使⽤时再计算。该技术可以用于首屏优化。对于某些耗时逻辑并不需要在首屏使用的，可以使用懒执⾏。懒执⾏需要唤醒，⼀般可以通过定时器或者事件的调用唤醒。
2024-11-15 12:30:47
209
原创 前端网络性能优化问题
DNS 解析也是需要时间的，可以通过预解析的⽅式来预先获得域名所对应的 IP。强缓存在缓存期间不需要请求， state code 为 200可以通过两种响应头实现： Expires和Cache-ControlExpires 是 HTTP / 1.0 的产物，表示资源会在 Wed, 22 Oct 2025 08:41:00 GMT 后过期，需要再次请求。并且 Expires 受限于本地时间，如果修改了本地时间，可能会造成缓存 失效。
2024-11-15 12:17:00
913
原创 浏览器的渲染机制
当HTML解析到时，会暂停构建DOM，完成后才会从暂停的地方开始构建DOM。所以优化首屏加载速度的方法之一是，不在首屏加载JS文件。并且CSS也会影响JS的执行，只有解析完样式表，才会执行JS，所以可以认为在这种情况下，CSS也会暂停构建DOM。在构建CSSOM树时，会阻塞渲染，直到CSSOM树构建完成。并且构建CSSOM树十分消耗性能，所以应尽量保证层级扁平，减少过度层叠，越是具体的CSS选择器，执行越慢。4.根据渲染树布局，计算每个节点的位置。2.处理CSS构建CSSOM树。
2024-11-15 10:09:20
157
原创 存储 cookie sessionStorage localStorage
Service Worker本质上在网络不可用时Web应⽤程序与浏览器之间的代理服务器，实现离线体验。还可以在网络可⽤时作为浏览器和⽹络间的代理，也允许访问推送通知和后台同步API。4.拦截网络请求：处理fetch事件，检查缓存，如果缓存中有对应资源则返回，没有则发送网络请求缓存该资源。http-only 只能通过http(s)访问，不能通过JS访问，减少XSS攻击。value 用于保存用户登录态 应该将该值加密。2.安装事件：处理install事件，缓存资源。1.注册Service Worker脚本。
2024-11-15 09:57:24
128
原创 HTML面试题
src用于指定要加载的资源路径，常出现于标签由name（指定元数据的名称）和content（提供与name对应的数据）定义，用于描述网页。href用于指定的目标地址和在文档头部使用引入外部样式表时，用href制定样式表的地址。defer适用于需要在HTML完全解析后才运行的JS，尤其是依赖于DOM的JS，适用于包含多个JS的页面。5.
2024-11-14 20:10:00
1105
1
原创 Virtual Dom
DOM 是多叉树的结构，如果需要完整的对比两颗树的差异，那么需要的时间复杂度会是 O(n ^ 3)，这个复杂度肯定是不能接受的。2. 新的节点的 tagName 或者 key 和旧的不同，这种情况代表需要替换旧的节点，并且也不再需要遍历新旧节点的⼦元素了，因为整个旧节点都被删掉了。既然我们已经通过 JS 来模拟实现了 DOM，那么接下来的难点就在于如何判断旧的对象和新的对象之间的差异。1. 遍历旧的节点列表，查看每个节点是否还存在于新的节点列表中。2. 遍历新的节点列表，判断是否有新的节点。
2024-11-14 16:49:40
612
原创 MVVM框架
在 MVVM 中，UI 是通过数据驱动的，数据⼀旦改变就会相应的刷新对应的UI，UI如果改变，也会改变对应的数据。ViewModel 只关⼼数据和业务的处理，不关⼼ View 如何处理数据，在这种情况 下，View 和 Model 都可以独⽴出来，任何⼀⽅改变了也不⼀定需要改变另⼀⽅，并且可以将 ⼀些可复⽤的逻辑放在⼀个 ViewModel 中，让多个 View 复⽤这个 ViewModel。在 MVVM 中，最核⼼的也就是数据双向绑定，例如 Angluar 的脏数据检测，Vue2中的数据劫持。
2024-11-14 10:54:21
336
原创 秋招算法题
全部人只能组建出一支战队，战队的 m 项属性分别为min{max{3,6,8},max{9,9,8},max{6,3,9},max{4,1,3},max{6,1,7}}，化简得到 min{8,9,9,4,7}= 4。现在，小歪已经将候选人的名单给你了，他希望组建出的战队的战斗力尽可能的高，请你帮助他选择合适的人选。由于小并不关心具体的人选，他只是喜欢大数字，所以你只需输出最终的战队战斗力。随后几 行，每行输入m 个整数41,a2,···,am(l ≤ ai < 10)代表每一位战士的 m 项属冬。
2024-11-03 16:31:27
248
原创 秋招选择题
D.当建立连接后，邮件的传送是先从 MAIL FROM 命令开始的。B.SMTP 协议需要一个中间服务器来作为通信的中转站。B.箭头函数内部的this是词法作用域(块级作用域）C.SMTP 协议采用了客户/服务器的通信方式。B.标签是HTML5新增的标签。下列关于元素的说法错误的是。D.元素的背最颜色默认是灰。下列对is箭头函数描述错误的是。D.箭头函数不能用作函数生成器。A.箭头函数不可以使用闭包。A.是行内元素。关于SMTP的说法错误的是。
2024-11-03 16:26:10
219
原创 秋招选择题
B.canvas可以通过Javascript APl来操作绘制2D图形它是逐像素进行渲染的。在 JavaScript 中，可用于设置对象的原型链为对象a的标准方式包括。D.SVG图形可以通过JavaScript和DOM来创建和操控。A.SVG是一种基于XML的并且用于描述图形的语言。A.Function()方法可以在安全子集中调用。D.eval()方法可以在安全子集内部调用。以下关于js中图形编程说法不正确的是。B.在子集中可川引用window对象。C.with语句禁上在子集内部使用。
2024-11-03 16:21:58
217
原创 秋招算法题
小X和小Y正在进行加密算法有关的研究。小X提出了一种简单的加密算法:对于一个只包含小写英文字母的字符串，将’a’替换成1、'b’替换成2…‘z’替换成26，比如一个字符串’abcyz’,加密后变成’1232526’。但是小Y觉得对于一个加密后的数字串可能对应很多原串:比如’1232526’可能表示abcyz’,也可能表示’abcbebf",也可能表示’|cyz’…但同执的小X并不想听取小Y的想法。
2024-11-03 16:10:28
156
原创 windos常用快捷键
切换输入法：长按ctrl shift重命名：选中文件后F2打开图片属性：Alt+双击左键在当前目录下打开cmd命令行：- 在当前路径地址栏中直接输入’cmd’，然后回车。- 在当前路径下，按住’shift’键同时点击鼠标右键，点击“在此处打开Powershell”。选中一行：鼠标放在行末 shirt+Home
2024-10-30 15:37:03
137
原创 WebStorm常用快捷键
格式化快捷键：【ctrl+alt+L】选中所有相同的词：Shift + Ctrl + Alt + J选中下一个相同的词：Alt + J全局搜索：shit+shit全局替换：ctrl+shirt+R
2024-10-30 15:34:03
286
原创 VScode常用快捷键
跳转到下一个该词：双击选中该词后 点ctrl 再点鼠标左键同时编辑多行：Alt 鼠标左键选中多行同时选中相同的单词：ctrl+D打开/关闭侧边栏：ctrl+B全局替换：ctrl+shirt+h
2024-10-30 15:32:30
199
原创 如何使用github上传本地项目代码
打开github我们刚刚新建的仓库页面，下滑到最下面，复制这一行。2. 把本地仓库代码推送到远程仓库 master分支。git commit -m “本次提交的注释”git add . 把本地代码添加到暂存区。git init 初始化本地git仓库。注意“add” 和“.”之间有一个空格。在项目目录下打开git bash。1.关联本地仓库和远程仓库。
2024-09-05 12:22:11
622
原创 gitee使用手册
在Git使用过程中，我们的默认分支是Master（可以修改），我们在Master完成一次开发，生成了一个稳定版本，当我们需要做修改时，只需要新建一个分支，在该分支上开发，完成后合并到主分支即可。Git（读音为/gɪt/）是一个开源的分布式版本控制系统，也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。git merge dev：在切换到master分支后执行此命令，可以把dev分支合并到master分支。在使用gitee之前，我们先来了解一些必需的基本概念。
2023-11-23 20:25:34
2561
2
原创 如何完整引入element ui并使用element ui中的搜索框
事件中监听回车键事件，当用户按下回车键时，会触发。，Element UI 还提供了更高级的搜索框组件。组件还提供了许多其他属性和事件，如。中配置 element 组件库。等，可根据需要进行配置。
2023-11-09 16:50:42
2793
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人