- 博客(12)
- 收藏
- 关注
RSS订阅原创 浏览器渲染页面的流程
通过给 script 标签设置 defer 属性，将脚本文件设置为延迟加载，当浏览器遇到带有 defer 属性的 script 标签时，会再开启一个线程去下载 JS 文件，同时继续解析 HTML，等 HTML 全部解析完、DOM 加载完成之后，再去执行加载好的 JS 文件。（CSSOM树的解析和DOM树的解析式并行的，但是render tree的生成时需要依赖DOM和CSSOM，所以css不会阻塞dom的解析，但是会阻塞dom的渲染）下来，等js文件执行并且执行完毕后，html才会继续解析。
2023-02-02 15:33:17
903
转载 cookie、session、token
会随着http请求在浏览器与服务器之间来回传递，其存储大小为4KB左右。它是存储在浏览器端的一小段文本数据。token 诞生在服务器但保存在客户端，会存储在cookie中，也会存储在strotrage中，它与cookie、session不是同一个维度的东西。session 是诞生并且存储在服务器端的数据，我们。通常会将session id 存储在cookie中，因此cookie严格来说只是一个数据载体，
2023-02-02 15:22:34
196
原创 常见的状态码
400 请求无效 多为前端提供的数据名称或类型于后台不一致。304 这次的请求于上次的请求之间未发生过修改。401 需要用户验证。403 服务器拒绝执行。302 临时重定向。
2023-02-02 14:39:08
212
原创 js如何实现四舍五入 Math.round()
很多人都会对Math.round（）来处理负数的情况下产生疑问，其实它的用法和正数是一样的，需要注意的是小数部分为0.5的时候，无论正负数他都会向上取整。反正如果左右的距离都是0.5，那么就朝着x轴的正方向取呗。所谓的四舍五入，其实就是取与该值最接近的整数罢了。或许用坐标轴更好记？
2022-11-14 15:09:48
602
原创 v-model 收集表单数据
hobby的初始值为[],此时勾选了打游戏和吃饭，那么hobby收集到的数据为study和game组成的数组。当hobby的初始值为空字符时，我收集到的hobby为 布尔类型。没有配置value，收集到的数据为布尔类型。最后收集到的数据为‘femal’
2022-11-03 20:54:05
213
原创 如何在Vue中配置代理服务器（详解）
但是这样会有缺陷，如果你请求的资源本地就有，他会直接返回本地的数据，而不会向服务器发送请求，所以建议大家还是用方式1，虽然麻烦，但是可以配置多个代理，也不会出现资源直接从本地返回的情况。上述代码中，我配置一个匹配所有前缀为/api的请求，也就是所有以/api为头的请求都会走我上面配置的代理，向。我们可以利用axios的二次封装，给所有的请求都添加上/api这个前缀（这个前缀是可以随意命名的）当然还有更加简洁的做法，让所有的请求都走代理，而并不去匹配请求的前缀。此时我们点击按钮发送的请求为。
2022-11-02 15:36:09
11545
1
原创 用js实现两数之和（哈希表）
我们可以建立一张哈希表，用来存储已经遍历过的值以及它对应的下标，这样可以避免重复遍历。通过for循环遍历数组的每一项时，先去哈希表里面找一找是否存在某个值X使得 X+nums[i] == target,因为题目中提到只会出现一个答案，所以若存在这个值，直接将其下标返回即可，若哈希表中不存在，则将该值和对应的下标存入哈希表中。若循环结束并没有找到这个值，则返回空数组。给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值target 的那两个整数，并返回它们的数组下标。
2022-10-22 20:18:28
325
转载 用js实现整数转罗马数字（贪心算法）
通常情况下，罗马数字中小的数字在大的数字的右边。但也存在特例，例如 4 不写做 IIII，而是 IV。数字 1 在数字 5 的左边，所表示的数等于大数 5 减小数 1 得到的数值 4。同样地，数字 9 表示为 IX。例如， 罗马数字 2 写做 II ，即为两个并列的 1。12 写做 XII ，即为 X + II。27 写做 XXVII, 即为 XX + V + II。排列组合可得：罗马数字一共可以有13种情况，按从大到小排列，依次得出每个字符所出现的个数，在相加就可得到答案。
2022-10-22 20:00:54
622
原创 用javascript实现罗马数字转整数
联系一下实际，该解法是基于对罗马数字的理解上进行深入的，从后往前遍历，如果该字符为‘I’，而res>=5,那么说明，在‘I’之前一定有‘V’，所以‘I’取-1，所以‘IV’ = 5-1 =4，同理‘IX’ = 10-1=9。按照正常的思路，我们会选择从前往后遍历，通过判断前后两个字符之间的大小关系，如果前面的字符代表的数字小于后面的字符所代表的数字，则前面的数字取反。这里我们选择从后往前遍历，可以联想以下我们平时接触到的各类罗马数字，这是一道力扣上的简单算法题目。
2022-10-21 18:51:52
457
原创 v-if，v-show，display：none，visibility:hidden的区别和联系
他们二者都可以控制显示与隐藏，且隐藏元素后再页面上不占用空间，但不同的是，当v-if的结果为false，那么浏览器将不会对其进行渲染（也就是dom结构不存在），dom结构不存在当然就不占用空间了。他们二者的区别，这里就不再老生常谈了，在面试中如果涉及到这二者的区别时，注意可以扩展以下，重绘和回流。2.v-show：它也可以控制网页元素的显示与隐藏，其原理是给元素设置了display：none；1.v-if ： vue的内置指令，作用的条件渲染，可以动态的控制元素的显示于隐藏。配合使用，功能更加强大。
2022-10-21 12:06:27
1324
原创 浏览器渲染页面的流程
第一步：输入url，通过DNS解析获取服务器的地址第二步：经过TCP三次握手，简历链接，并获取html文件第三步：解析html，如果遇到一些外部的链接资源，浏览器会立即启动别的线程下载这些资源第四步：如果在head中遇到js代码，html的解析会停留下来（就是常说的js阻塞网页的加载）第五步：解析完成html后生成DOM树第六步（和第五步并行）：下载完css文件后，解析生成cssom树（CSSOM树的解析和DOM树的解析式并行的，但是render tree的生成时需要依赖DOM和CSSOM，所以css不会阻
2022-10-21 11:25:05
359
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人