- 博客(71)
- 收藏
- 关注
RSS订阅
原创 手把手教你安装vue脚手架
第一步 先安装Node.jsNode.js官网https://nodejs.org/zh-cn/download/windows点击这个即可下载好之后,就可以开始安装了最好选择Add to PATH 这样就可以帮我们配置好环境变量了然后一路Next 到最后finish就ok了第二步 安装vue脚手架通过win+R键 输入cmd 进入命令行为了能更快的下载脚手架首先我们需要输入下方命令安装淘宝镜像npm config set registry=http://registry.
2022-04-18 10:54:12
39529
14
原创 LeetCode8. 字符串转换整数 (atoi)（含有详细注释）
题目描述public class Solution { public int myAtoi(String str) { int len = str.length(); //先将字符串转换为字符数组 char[] charArray = str.toCharArray(); //忽略前导空格 int index = 0; while (index < len && charArray[index] == ' ') { index++;
2022-02-25 21:30:19
7936
原创 LeetCode7. 整数反转（含有详细注释）
给你一个 32 位的有符号整数 x ，返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围 [−231, 231 − 1] ，就返回 0。假设环境不允许存储 64 位整数（有符号或无符号）示例 1：输入：x = 123输出：321示例 2：输入：x = -123输出：-321示例 3：输入：x = 120输出：21示例 4：输入：x = 0输出：0class Solution { public int reverse(
2022-02-23 11:03:42
7402
原创 a为何值是下面代码输出“成立“
如果a是一个引用数据类型，比如说对象，在执行的时候执行到a==1时，由于采用的是双等号，会进行隐式类型转换。该题涉及到三次隐式转换，且三次a返回的值分别是1，2，3我们只需要让a的初始值为1，下次++就好了。对于引用数据类型的隐式类型转换目的是。答案如下 三种方法均可以。
2024-03-24 15:51:24
239
原创 JS的作用域链是静态的，它的取值是在创建阶段而不是调用阶段
由于第8行的f()执行的就是第2行定于你的fn()函数，而第二行的函数fn()的创建是在全局作用域下的，所以无论在哪里调用函数fn()里面输出的x都是读取的是全局的x，在这里就会输出10
2024-01-20 19:43:11
493
1
原创 React+antd在一个Modal里面使用树状结构的Table时，实现第一列的文本内容过长时换行后对齐显示
检索看到它的结构是这样的，文本把td的整个内容占完了，第一行由于span 和 button占着位置，所有没有从最开始显示，这是不合适的，我们可以为这个文本加一个div标签。在table渲染行的第一个属性中加一个render，为这一行的文本加一个div，使用flex和overflowWrap实现我们想要的效果。React+antd在一个Modal里面使用树状结构的Table时，第一列的文本内容过长换行不对齐怎么修复。上图可以看到文本换行之后是没有对齐的。这样我们想要的效果就实现了。
2024-01-18 18:20:37
785
原创 您想拥有改变JS部分内部实现的逻辑吗？不妨了解一下ES6新增的“知名符号”
ES6之后新增了知名符号，知名符号是一些具有特殊含义的共享符号（共享符号是通过Symbol.for(“”)创建的符号 ），通过 Symbol 的静态属性得到，它可以暴露了某些场景的内部实现。
2024-01-18 11:37:44
581
原创 浏览器的四种缓存协议
ETag需要搭配If-None-Match使用，在首次请求资源时，服务端会把结果签名缓存在服务端，并设置在响应头ETag字段中返回给浏览器，业务侧则需要缓存ETag和结果数据，并且在下次请求的时候带在请求头if-none-match字段中，服务端再次接收到请求后，判断ETag和If-None-Match是否相等，如果相等，则意味着数据结果并没有发生变化，直接返回304，业务侧接收到304后，直接访问之前的缓存结果数据。在服务器端设置Expires为十秒后，则表示在10s内重复请求从缓存内获取数据。
2023-10-21 11:21:16
676
原创 前端面试笔试遇到的算法题 (笔面试前可以看看，有解析，持续更新建议收藏)
前端面试笔试遇到的算法题 (笔面试前可以看看，有解析，持续更新建议收藏)
2023-10-15 23:57:05
228
原创 Leetcode 151. 反转字符串中的单词 JS版两种方法（内置API，双指针）有详细讲解 小白放心食用
Leetcode 151. 反转字符串中的单词 JS版两种方法（内置API，双指针）有详细讲解 小白放心食用
2023-10-06 11:49:40
922
原创 前端笔试题总结，带答案和解析（三）
这个系列将持续更新前端笔试题一期十题，每五题做一个标题（方便跳转），您可以一期一期阅读，也可以在点击汇总，一口气看完，如果对题目有不理解的地方，欢迎大家在评论区提问，如果有更好的意见也欢迎大家留言！！！
2023-10-05 19:18:32
752
原创 前端笔试题总结，带答案和解析（二）
这个系列将持续更新前端笔试题一期十题，每五题做一个标题（方便跳转），您可以一期一期阅读，也可以在点击汇总，一口气看完，如果对题目有不理解的地方，欢迎大家在评论区提问，如果有更好的意见也欢迎大家留言！！！
2023-10-04 15:50:00
647
3
原创 关于js的类型转换（强制类型和隐式类型）
null, undefined, “”, 0, -0, NaN 转换成布尔值是false， 剩下的全转化 true;
2023-10-04 12:35:42
164
原创 来看看这个JS题输出什么？教你通过断点调试一步步看原因
【代码】来看看这个JS题输出什么？教你通过断电调试一步步看原因。 var foo = { n: 1 }; (function (foo) { console.log(foo.n)//1 foo.n = 3 var foo = { n: 2 } foo.n = 4 console.log(foo.n)//4 })(foo) console.log(foo.n)//3
2023-10-03 19:25:53
779
原创 JS手写Promise 包含实例方法（catch，finally）和静态方法（resolve，reject，race，all，allSetted，any）
【代码】JS手写Promise 包含实例方法（catch，finally）和静态方法（resolve，reject，race，all，allSetted，any）
2023-10-03 16:54:10
123
原创 JS中的 typeof 针对各种类型的返回值 以及typeof历史遗留问题
在 JavaScript 最初的实现中，JavaScript 中的值是由一个表示类型的标签和实际数据值表示的。对象的类型标签是 0。由于 null 代表的是空指针（大多数平台下值为 0x00），因此，null 的类型标签是 0，typeof null 也因此返回 “object”。曾有一个 ECMAScript 的修复提案（通过选择性加入的方式），但被拒绝了。该提案会导致 typeof null === ‘null’。typeof 运算符返回一个字符串，表示操作数的类型。
2023-10-03 16:25:47
182
原创 前端笔试题总结，带答案和解析（持续更新，上次更新23/10/22，目前有31题）
这个系列将持续更新前端笔试题一期十题，每五题做一个标题（方便跳转），您可以一期一期阅读，也可以在点击汇总，一口气看完，如果对题目有不理解的地方，欢迎大家在评论区提问，如果有更好的意见也欢迎大家留言！！！
2023-10-02 12:45:19
5461
4
原创 前端面试题:在浏览器输入url回车后发生什么？浏览器渲染页面详细流程
TCP/IP 协议是传输层的一个面向连接的安全可靠的一个传输协议，三次握手的机制是为了保证能建立一个安全可靠的连接，那么第一次握手是由客户端发起的，客户端会向服务端发送一个报文，在报文里面：SYN标志位置为1，表示发起新的连接。但是对于服务端而言：两次握手是不够的，因为到目前为止，服务端只知道一件事，客户端发给我的消息我能收到，但是我响应给客户端的消息，客户端能不能收到我是不知道的。那么，这个连接就被安全的建立了。位置，并且外部的CSS文件还没有下载解析好，主线程不会等待，而是继续解析后续的HTML。
2023-10-02 10:57:57
300
1
原创 JavaScript中如何确定this的值？如何指定this的值？
严格模式是采用具有限制性JavaScript变体的一种方式,从而使代码隐式地脱离“马虎模式/稀松模式/懒散模式“(sloppy)模式。严格模式通过抛出错误来消除了一些原有静默错误。严格模式修复了一些导致 JavaScript 引擎难以执行优化的缺陷：有时候，相同的代码，严格模式可以比非严格模式下运行得更快。严格模式禁用了在 ECMAScript 的未来版本中可能会定义的一些语法。// 1.为整个脚本开启严格模式// 2.为函数开启严格模式。
2023-10-01 23:03:19
495
原创 JavaScript 函数柯里化
柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。
2023-09-29 01:25:15
212
原创 JS中 bind()的用法，call(),apply(),bind()异同点及使用，如何手写一个bind()
JS中 bind()的用法，call(),apply(),bind()异同点及使用，如何手写一个bind()传参方式不同，call()和bind()是按照顺序传参，apply()是通过数组/伪数组传参。执行机制不同，call()和apply()是立即执行函数，bind()不会立即执行函数，而是会返回一个修改过this的新函数。手写一个bind()
2023-09-08 12:04:14
238
原创 JS中call(),apply()是什么，call(),apply()的原理是什么？如何手写一个call(),apply()？Symbol是什么，怎么用Symbol调优？含详细解析
首先声明 func是一个函数，person是一个对象 针对这段代码：func.call(person,'a1','a2') 调用func方法并传递两个参数'a1','a2' ，以及把func中的this设置为person对象 1. 定义myCall方法，加在Function原型上 2. 设置this并调用原函数 3. 接收剩余参数并返回结果
2023-09-07 23:40:36
424
原创 前端面试题：如何理解JS的异步？
所以浏览器采用异步的方式执行代码，当执行到像计时器，网络请求，事件监听这样的代码时，渲染主线程会把这些任务交给其他对应的线程去处理，自身转而执行后续代码。当其他线程执行完成时，会将处理好的任务加入到消息队列的末尾排队，等待主线程调度执行。单线程的话，如果他再是采用同步的方式执行代码，比如遇到一个计时器时，他就要等这个计时器结束之后才能继续执行下面的代码，这样就会使渲染主线程阻塞了，给用户造成卡死的现象。在这种异步模式下，浏览器就能正常的执行不会阻塞了，从而最大限度的保证单线程的流畅执行。
2023-09-04 21:47:41
91
原创 刷过最浪漫的一题，对的人终究会重逢：剑指 Offer 52. 两个链表的第一个公共节点（图+视频解析）
刷过最浪漫的一题，对的人终究会重逢：剑指 Offer 52. 两个链表的第一个公共节点（图+视频解析）
2023-09-04 21:05:40
72
原创 利用安全区域的概念解决移动端兼容不同手机刘海的问题
在做移动端的项目时，由于不同的手机设备设置的不同，有些手机在上方有刘海的设计，我们需要做适配，即把想要展示的内容放在安全区域内展示。这样我们就可以拿到安全区距离手机上方的距离了，接下来我们只需要给我们想要展示的页面设置一个 上方的padding即可。**通过API 解构出安全区距离手机边界四个方向的距离**
2023-08-14 15:35:52
418
原创 电脑怎么查看连接过的WIFI密码（测试环境win11，win10也能用）
打开设置点击“网络和Internet”，在下面找到“高级网络设置”点进去在下面找到 “更多网络适配器选项” 点进去4. 找到 WLAN ，然后它5.然后点击“无线属性”6.最后点击 “显示字符(H)”，正在连接的wifi密码就在上面“网络安全密钥(K)”后面显示出来了。
2023-08-08 11:45:35
2543
1
原创 Typescript中的元组与数组的区别
元组赋值的类型、位置、个数需要和定义的类型、位置、个数完全一致，不然会报错。 而数组某个位置的值可以是注解中的任何一个,且个数没有限制
2023-08-03 19:36:05
1449
原创 BFC是什么？
BFC是Block Fromatting Context（格式化上下文），它可以理解为是元素的一个隐藏属性，默认的情况下是关闭状态，当元素满足某些条件（即如何开启BFC下方的10项，回答四五个即可）后，该隐藏属性被激活，激活之后能解决三个问题（即开启BFC能解决什么问题下面的三个问题）。块格式化上下文(Block Formatting Context，BFC)是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。
2023-06-30 09:22:52
239
原创 JS深拷贝与浅拷贝及深拷贝的三种实现方法
深拷贝(deepcopy)： 是对于一个对象所有层次的拷贝(递归)，完全拷贝了父对象及其子对象。浅拷贝(copy)：是对于一个对象的顶层拷贝,拷贝父对象，不会拷贝对象的内部的子对象。其中deep表示是否深拷贝，为true为深拷贝，为false，则为浅拷贝。方法二：借用JSON对象的parse和stringify方法实现深拷贝。target： 目标对象，其他对象的成员属性将被附加到该对象上。基本类型直接的复制 是直接复制一份数据放到栈空间。3. 这个指针指向的位置存储着对象的值。
2023-05-22 09:55:46
460
原创 第十三届蓝桥杯Web组国赛真题 开学礼物大放送
又是一年开学季，蓝桥为大家准备了开学礼物，想制作一个页面来宣传一下该活动。本题需要按照要求完成一个以“开学季”为主题的页面布局。
2023-04-07 11:47:43
1154
4
原创 蓝桥杯第十三届Web组国赛天气趋势A详细题解
蓝桥杯第十三届Web组国赛天气趋势A详细题解介绍日常生活中，气象数据对于人们的生活具有非常重要的意义，数据的表现形式多种多样，使用图表进行展示使数据在呈现上更加直观。本题请实现一个 Y 城 2022 年的天气趋势图。准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：├── css│ └── style.css├── effect-1.gif├── effect-2.gif├── index.html└── js ├── axios.js ├── echa
2023-04-05 16:26:25
588
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人