- 博客(40)
- 收藏
- 关注
RSS订阅原创 2024年 Vue经典面试题 -- 必问知识点 --（包含答案）
一个组件被复用多次的话，也就会创建多个实例。本质上，这些实例用的都是同一个构造函数。如果data是对象的话，对象属于引用类型，会影响到所有的实例。所以为了保证组件不同的实例之间data不冲突，data必须是一个函数。13.
2024-09-12 17:56:41
674
原创 2021届前端秋招经验分享（最终拿下拼多多、美团、京东offer）
个人介绍建议还是提前准备一个模板，可以针对公司进行细微的修改，突出自己与公司契合的闪光点，不过主要还是要贴合简历，能让面试官在听你的个人介绍的同时对照简历，从而进一步熟悉了解你。
2024-09-12 16:09:11
445
原创 面试官：react中的setState()是同步还是异步？如何证明？
数量+1在this.setState()下面打印this.state.number，观察其结果打印结果为0，说明在执行console.log()的时候state的状态还没被改变，证明这时候setState是异步的。再举一个更明显的例子，修改上面的addNumber()：addNumber(){ //数量连续+1看上面的例子，感觉像会打印出3，结果并不是：页面显示与打印结果对比上面只执行一次的代码，结果相同，why?为什么会是异步？
2024-09-12 05:15:22
708
原创 记一次字节跳动前端面试，四轮技术面通过，已拿offer
技术题问的不多1.写一个EventEmitter三面：主管面，介绍工作经历，聊项目亮点balabala1.编程题，在一个无序数组中找到第二大的数2.项目设计题，写一个***大战（写出类和属性方法，不需要实现）3.***大战的各个动画是怎么动起来的（游戏引擎怎么运作）4.当浏览器地址栏输入一个url到页面展现，这个过程？
2024-09-12 02:56:35
812
原创 立下flag）每日10道前端面试题-18 关于【盒模型】十问
通俗的讲，就是一个特殊的块，内部有自己的布局方式，不受外边元素的影响。每个元素的左外边距与包含块的左边界相接触（从左向右），即使浮动元素也是如此。（这说明BFC中子元素不会超出他的包含块，而position为absolute的元素可以超出他的包含块边界）这样就会出现第一个p标签的margin-bottom不会和第二个p标签的margin-top重叠，这也是BFC元素的另一个原则，不会影响到外边的box，是一个独立的区域。BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面元素，反之亦然。
2024-09-12 00:57:06
393
原创 用 HTTPS 就安全了？HTTPS 会被抓包吗？
其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）《前端开发四大模块核心知识笔记》最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。
2024-09-11 23:42:03
1163
原创 深入探讨 JavaScript 逻辑赋值运算符
除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。
2024-09-11 22:26:02
547
原创 全栈开发实践：Vue 3、Nodejs、MongoDB和UniApp的个人博客系统_vue3前端跨域访问后端+nodejs+mongodb
实际的接口路径定义的地方。创建博文接口地址示例：POST /v1/blog/blog_articles/create。模型层通常负责定义和管理与数据存储相关的内容。控制器是处理路由请求和业务逻辑的地方。
2024-09-11 13:51:10
613
原创 Web核心技术之Request
HTTP的请求中会包含很多请求数据[请求行+请求头+请求体]后台服务器[Tomcat]会对HTTP请求中的数据进行解析并把解析结果存入到一个对象中所存入的对象即为request对象，所以我们可以从request对象中获取请求的相关参数获取到数据后就可以继续后续的业务，比如获取用户名和密码就可以实现登录操作的相关业务response:设置响应数据业务处理完后，后台就需要给前端返回业务处理的结果即响应数据把响应数据封装到response对象中。
2024-09-11 11:57:00
2044
原创 Vue生成PDF
let eleW = ele.offsetWidth // 获得该容器的宽// let eleH = ele.offsetHeight // 获得该容器的高let eleH = ele.scrollHeight // 获得该容器的高let eleOffsetTop = ele.offsetTop // 获得该容器到文档顶部的距离let eleOffsetLeft = ele.offsetLeft // 获得该容器到文档最左的距离。
2024-09-11 10:06:15
591
原创 Ohm：用 JavaScript 创造你的编程语言_创造编程语言
由于新的hexDigit 规则和 Ohm 的构建规则一样，所以我们可以把它注释掉，然后让 Ohm 自己来实现它。一个十六进制数字（hexDigit）是从 0 到 9，或从 a 到 f，或 A 到 F（包括大写和小写的情况）的一个字符。一个浮点数必须以一个数开始，即使它就是个 0，.123 不是有效的，实际上真正的 JavaScript 语言也有相同的规则。使用标准的断言 assertAPI，以下这个测试函数能够匹配一些输入并运用我们的语义把它转换成一个数，然后把这个数和我们期望的输入进行比较。
2024-09-11 08:15:36
852
原创 JavaScript是解释型语言--V8、JIT
汇编语言 ==> 面向过程编程 ==> 面向对象编程汇编语言是编程语言的拓荒年代，它非常底层，直接和计算机硬件打交道，开发效率低，学习成本高；C语言是面向过程的编程语言，已经脱离了计算机硬件，可以设计中等规模的程序了；Java、C++、Python、C#、PHP 等是面向对象的编程语言，它们在面向过程的基础上又增加了很多概念。计算机不能直接理解机器语言以外的语言，因此需要将我们写的代码编译成机器语言，然后再交给计算机去执行。
2024-09-11 05:55:50
940
原创 express搭建简单的后台服务器（基础篇）
什么叫中间件，引用官方的解释就是：中间件（Middleware） 是一个函数，它可以访问请求对象（request object (req)）, 响应对象（response object (res)）, 和 web 应用中处于请求-响应循环流程中的中间件，一般被命名为 next 的变量。Express 是一个自身功能极简，完全是由路由和中间件构成一个的 web 开发框架：从本质上来说，一个 Express 应用就是在调用各种中间件。
2024-09-11 03:38:14
498
原创 2024年面试前端初中级岗位需要注意什么？（面试官角度分享）
甚至不会的可以描述思路去推导出一个答案，这个答案对或不会完全没关系，重要的是看到了思路，也就看到了知识面和知识体系构成，还能看到一部分经验总结带来的推导，就很够了。听回答的人，真的很尴尬的……反面例子是云山雾罩连公司业务范围都描述了，实际最后问一圈问题下来，其实让我终于搞明白了，实际上只是调了个现成的库，或后端给的接口……从毕业到现在做前端开发一眨眼三年了，公司最近在招聘初中级的前端开发，我看了不少简历，并且对一些小伙伴进行了沟通，对面试找工作有一些自己浅薄的观点，当然这些全是个人观点，不喜勿喷。
2024-09-11 01:40:46
705
原创 2024 前端JavaScript高频手写面试题大全，助你查漏补缺
**中转函数@param fn 柯里化的原函数@param length 原函数需要的参数个数@param holder 接收的占位符@param args 已接收的参数列表@param holders 已接收的占位符位置列表@return {Function} 继续柯里化的函数 或 最终结果*///将参数复制一份，避免多次操作同一函数导致参数混乱//将占位符位置列表复制一份，新增加的占位符增加至此。
2024-09-11 00:29:36
1143
原创 快速掌握grep命令及正则表达式_grep -i ‘e$‘+‘^g‘ etc passwd
:upper:] – 大写字母：‘A B C D E F G H I J K L M N O P Q R S T U V W X Y Z’。[:space:] – 特殊字符：制表符，换行符，垂直制表符、换页，回车，和空间。[:digit:] – 数字： ‘0 1 2 3 4 5 6 7 8 9’。[:lower:] – 小写字母：‘a b c d e f ‘。[:alnum:] – 字母数字字符。[:blank:] – 空格和制表符。< 在单词的开始位置匹配空格字符串。[:alpha:] – 字母顺序。
2024-09-08 21:43:41
564
原创 吊炸天的 Kafka 图形化工具 Eagle，必须推荐给你！
21819092接下来我们使用命令行来操作下Kafka，熟悉下Kafka的使用。使用命令行操作Kafka确实有点麻烦，接下来我们试试可视化工具。
2024-09-08 17:50:33
2821
原创 一文搞懂telnet在windows和linux上的使用方法(1)
用户在使用该系统之前要输入标识和口令，这个过程被称为’登远程登陆是指用户使用Telnet命令，使自己的计算机暂时成为远程主机的一个仿真终端的过程。但是，telnet因为采用明文传送报文，安全性不好，很多Linux服务器都不开放telnet服务，而改用更安全的ssh方式了。原理: Telnet服务虽然也属于客户机/服务器模型的服务，但它更大的意义在于实现了基于Telnet协议的远程登录（远程交互式计算）。-k 使用Kerberos认证时，加上此参数让远端主机采用指定的领域名，而非该主机的域名。
2024-09-08 13:36:48
1113
原创 【Linux】详解动静态库的制作和使用&；&；动静态库在系统中的配置步骤
此时在我当前路径下就有这个库了。但是，当我们去编译的时候，gcc编译器是不认识我们这个静态库的，gcc默认只能识别lib64目录下的C标准库，要让gcc链接我们的库，需要在指令中指明哪一个库让gcc链接。加上-fPIC同样可以形成.o文件。形成动态库不需要用到其它指令，gcc编译器就可以形成动态库，只不过要加上-shared命令。但如果直接使用我们的这个动态库，同样会和我们之前使用静态库一样发生链接错误。那么就同样要告诉编译器我们库的名字和所在的路径（参考上面静态库路径的写法）。但是，在ubuntu系统下你
2024-09-08 09:15:12
1099
原创 Ubuntu Linux HWE 内核科普 – Linux 小知识_hwe内核
这就是 HWE 内核产生的目的，从上游社区及时引入 Ubuntu LTS 版本并测试调整，形成适应新硬件的、功能更强的新内核，即“硬件启用（HWE，HardWare Enablement）内核”。Ubuntu 20.04 LTS 系列，在安装系统时，如果是在现在普通的 UEFI 硬件系统上，桌面版 ISO（如：ubuntu-20.04.5-desktop-amd64.iso）安装，默认是安装 HWE 内核，有些版本安装菜单会有 OEM 可选项；这样，这些内核都经过了较长时间的使用与测试了。
2024-09-08 03:51:33
1230
原创 linux常用命令（面试）
当然，如果想解压缩，就直接替换上面的命令 tar -cvf / tar -zcvf / tar -jcvf 中的“c” 换成“x” 就可以了。例：grep -r “close” /home/* | more 在home目录下所有文件中查找，包括close的文件，并分页输出。tar -jcvf /home/abc.tar.bz2 /home/abc 打包，并用bzip2压缩。tar -zcvf /home/abc.tar.gz /home/abc 打包，并用gzip压缩。使用ESC或i或：来切换模式。
2024-09-07 15:40:49
518
原创 Linux中FTP服务器搭建与安全配置(1)
## 步骤6：防火墙配置如果系统启用了防火墙，需要配置防火墙规则以允许FTP流量通过。#### 针对Ubuntu/Debian。
2024-09-07 10:14:33
460
原创 ip路由表题目(ZJUT路由表)
（以前，我一直"与"，但是不知道为什么这么做，不知道得到的网络地址是什么意思，有什么用;我们可以根据给出的路由表的172.20.10.0和172.20.10.15(改变的是最后8位)也就是只能与在同一个子网的主机直接通信，直接ping通，仅仅配置好ip地址和子网掩码就好；（该ip地址和主机在同一个子网内，一般分配最大的主机，子网掩码也和该子网的一致）但是如果该主机想和另外一个子网/网络的主机进行通信，那怎么办呢？那主机要怎么利用路由器呢？注意啊，我们一定要知道我们“与”的出来的网络地址是什么意思。
2024-09-06 22:45:43
435
原创 Docker基础篇-3
import [OPTIONS] file|URL|- [REPOSITORY[:TAG]] #从tar包 中的内容创建-一个新的文件系统映像[对应export]run [OPTIONS] IMAGE [COMMAND] [ARG…pull [OPTIONS] [IMAGES] #从docker镜像源服务器拉取指定镜像或者库镜像。images [OPTIONS] [REPOSITORY[:TAG]] #列出系统当前镜像。
2024-09-06 20:42:42
401
原创 4个Linux技巧，让工作效率翻倍_提升linux效率
对于经常使用的目录，可以增加一条自定义命令，实现一键直达。这点在下文详解，先看个效果。如果您在此路径中cl。
2024-09-06 16:11:56
2135
原创 IDEA 15款神级良心插件强烈推荐收藏，提高一倍工作效率！
JRebel支持大多数现实世界的企业Java堆栈，并且易于安装到现有的开发环境中。管理zookeeper的idea插件本代码是根据https://github.com/linux-china/zookeeper-intellij修改过来的，解决了一些npe异常。只输入了一个fin 的各种提示就处理了，当你选择一个回车的时候 mapper.xml 也就给你生成了。那就顺便推荐一下这个吧，超多的主题插件，各种颜色，各种模式，感兴趣的可以试一下，图我就不截了。代码提示工具，扫描你的代码后，根据你的敲击完美提示。
2024-09-04 23:51:26
1033
原创 Feign源码分析
feign是一个伪客户端，即它不做任何的请求处理。其中Client组件是一个非常重要的组件，Feign最终发送request请求以及接收response响应，都是由Client组件完成的，其中Client的实现类，只要有Client.Default，该类由HttpURLConnnection实现网络请求，另外还支持HttpClient、Okhttp.首先在启动配置上检查是否有@EnableFeignClients注解，如果有该注解，则开启包扫描，扫描被@FeignClient注解接口。
2024-09-04 17:43:23
512
原创 Docker方式部署redis-cluster
-userredis5:redis6:这里引用了别人的一个镜像，方便快捷。这里使用host(主机)网络模式，把redis数据挂载到本机目录下。若不想使用host模式，也可以把network_mode去掉，但就要加ports映射。redis-cluster的节点端口共分为2种，一种是节点提供服务的端口，如6379；一种是节点间通信的端口，固定格式为：10000+6379。services:redis1:ports:‘8001:8001’ #服务端口。
2024-09-04 15:40:00
2137
原创 CTO 说了，用错 @Autowired 和 @Resource 的人可以领盒饭了
这段是Spring工作组的建议，大致翻译一下：属性字段注入的方式不推荐，检查到的问题是：Spring团队建议:“始终在bean中使用基于构造函数的依赖项注入，始终对强制性依赖项使用断言”Field注入警告。
2024-09-04 13:31:54
718
原创 36天突击腾讯终拿Offer！ Redis、高并发、分布式、微服务资料一键领取
需要小编整理的redis缓存，高并发，分布式，微服务等，面试答案、学习笔记、思维脑图（xmind）的朋友可以**redis缓存学习笔记+xmind思维导图。
2024-09-03 21:45:50
634
原创 2024年，字节跳动扩招一万Java程序员！
同时，Java凭借着其安全性、面向对象、分布式、多线程、动态性等多重特点，**坐拥着最大的市场需求，有着“常青树”一般的地位！**理论结合实践，手把手带入企业开发模式，**了解前后端实操项目全流程，让没有工作经验的人，也能迅速建立起对商业项目的认知，深入掌握必备技能点。老师是有十几年研发经验的架构师，对于Java语言超级深入，因此能用通俗易懂的语言解释Java专业概念，能把内存、变量等专业语法概念通过游戏外挂的角度来讲解，不论你是在基础上，或是经验上有不足，想要提升技术，进入大厂，那么这个课程绝对适合你。
2024-09-03 16:30:59
509
原创 2021最新Java集合 ———Java随笔记
可以很明显的看出，ArrayList 继承了AbstractList，实现了RandomAccess、Cloneable、java.io.Serializable。点到List源码中看一看：既然实现了Cloneable接口，那么代表了它覆盖了函数clone(),证明他是可以被克隆的。既然实现了java.io.Serializable接口，意味着它支持序列化，能通过序列化进行传输。
2024-09-03 04:25:19
982
原创 2-1 Socket家族的基石
说起905.4王国，Socket家族可谓功不可没。可以这么说，没有Socket家族的技术背景，905.4王国根本无从谈起。本节总结一下，我们在学习Socket编程的时候，需要知道的一些基础性概念。一、什么是 socket？socket 的原意是“插座”，在计算机通信领域，socket 被翻译为“套接字”，它是计算机之间进行通信的一种约定或一种方式。通过socket这种约定，一台计算机可以接收其他计算机的数据，也可以向其他计算机发送数据。
2024-09-02 19:57:46
529
原创 HTTP协议经典面试题整理及答案详解
整体范围 | 已定义范围 | 分类 || 100~199 | 100~101 | 信息提示 || 200~299 | 100~206 | 成功 || 300~399 | 300~305 | 重定向 || 400~499 | 400~415 | 客户端错误 || 500~599 | 500~505 | 服务端错误 |
2024-08-30 09:08:53
461
原创 elasticsearch实践之代码结构设计
throw new ApiElasticSearchException(“【批量创建索引】量创建索引失败，失败原因：” + e.getMessage());throw new ApiElasticSearchException(“【查询索引异常】查询索引异常，失败原因：” + e.getMessage());throw new ApiElasticSearchException(“【创建索引】创建索引失败，失败原因：”+e.getMessage());
2024-08-30 06:20:59
655
原创 DBA技术栈（三）：MySQL 性能影响因素
数据更新频率：如果业务需要频繁更新数据，那么MyQL的性能就会降低，因为MyQL需要处理大量的更新操作。数据备份和恢复：如果业务需要进行数据备份和恢复，那么MySQL也需要消耗更多的资源来保证数据的安全性，从而影响性能表现。
2024-08-30 03:43:34
838
原创 AQS源码解读（番外篇）——四种自旋锁原理详解（Java代码实现SpinLock
/超时自旋，直接返回false@Override@Override/**获取持有锁的当前线程@return*//**获取当前线程重入次数@return*//**释放锁@return*///不是当前线程，不能unLock 抛异常//每次减一，c = 0,证明没有线程持有锁了，可以释放了c = 0;//排它锁，只有当前线程才会走到这，是线程安全的 修改statesetState©;/**获取锁@return*/
2024-08-30 00:53:30
974
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人