- 博客(37)
- 收藏
- 关注
RSS订阅原创 2024十家公司前端面试小记
而委托与事件几乎是一家子。这个简直老生常谈，不管是园子里还是园子外，关于前端优化的东西太多太多了，不同角度不同方向也有很多，网络性能优化，加快访问速度，浏览器并行加载数量，怎样实现原生JS异步载入，CDN加速的原理，如何将不同静态资源发布到多个域名服务器上，发布后这些静态字段的url路径改怎么批量改写，用什么工具进行项目打包，css打包后的相对路径怎么转换为绝对路径，用什么工具进行项目模块依赖管理，怎么进行cookie优化等等，而正则就没有这个问题，他只匹配出正确的配对，非法的全部过滤掉，简单，方便。
2024-09-12 17:52:47
846
原创 2021小白一看就懂的前端学习路线图，零基础到精通
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总JavaScript性能linux前端资料汇总。
2024-09-12 16:05:18
598
原创 面试官问 Vue 性能优化，我该怎么回答
我们在项目进行打包后，会将开发中的多个文件代码打包到一个文件中，并且经过压缩、去掉多余的空格、babel编译化后，最终将编译得到的代码会用于线上环境，那么这样处理后的代码和源代码会有很大的差别，当有 bug的时候，我们只能定位到压缩处理后的代码位置，无法定位到开发环境中的代码，对于开发来说不好调式定位问题，因此 sourceMap 出现了，它就是为了解决不好调式代码问题的。在正式环境中不要使用 eval-source-map, 因为它会增加文件的大小，但是在开发环境中，可以试用下，因为他们打包的速度很快。
2024-09-12 05:11:30
919
原创 让我们来看一看ECMAScript2022(ES13)中的新特性
toggle(){在代码中，我们将toggle方法用#标记变为私有的。这样一来，#toggle方法只能类的内部进行调用，否则也将抛出异常。静态属性和方法静态属性和方法这个概念在其它的编程语言中早就已经有了，Javascript也会在2022的标准中加入它。（早就该加了😅）在过往，静态属性或方法只能通过原型链来调用。
2024-09-12 02:52:41
550
原创 珍爱网笔试题：只能用正则表达式把一串数字表示成千位分隔形式
现在是十一位数字，如果再加一个0，凑够十二位数呢，它可是3的倍数，我们试验一下：。要先明白的是，我们将要转换成的数字格式是这样：从个位往左数起，每三位前插入一个千位分隔符。是表示全局匹配的修饰符，全局匹配指查找所有匹配而非在找到第一个匹配后停止。，用来表示所匹配的这个空后面不能是一个单词边界，这样就可以把最前面的这个。String对象的方法，作用是找到一个或多个正则表达式的匹配。来表示，由于我们不知道究竟有多少组这样的三位数字，所以需要在。是表示匹配非单词边界的元字符，与其互为补集的元字符是。
2024-09-11 23:38:12
849
原创 深入分析JavaWeb Item32 -- 数据库连接池_java web项目items后面的值
System.out.println(“listConnections数据库连接池大小是” + listConnections.size());System.out.println(“listConnections数据库连接池大小为” + listConnections.size());* 在java中，编写数据库连接池需实现java.sql.DataSource接口，每一种数据库连接池都是DataSource接口的实现。#指定由连接池所创建的连接的自动提交（auto-commit）状态。
2024-09-11 22:22:09
611
原创 每天10个前端小知识 【Day 2】_cookie的有效时间设置为0会怎么样
Map 是Object的一个子类，可以有序保存任意类型的数据，使用键值对去存储，其中键可以存储任意类型，通过const m = new Map();即可得到一个map实例。访问 map: 通过map.get(key)方法去属性, 不存在则返回undefined object: 通过obj.a或者obj[‘a’]去访问一个属性, 不存在则返回undefined。Map 通过map.set去设置一个值，key可以是任意类型。
2024-09-11 17:32:44
349
原创 为什么数据库会丢失数据？今天我就来跟你掰扯掰扯
除了持久化的特性之外，数据库可能还需要提供 ACID（Atomicity, Consistency, Isolation, Durability）或者 BASE（Basically Available, Soft state, Eventual consistency）的保证，有些数据库还会提供分片、副本以及分布式事务等复杂功能，这些功能的引入也增加了数据库系统的复杂性，而随着程序复杂性的增加，出现问题的可能性也随之增长。所有的数据都会写入两个相同的磁盘，两个磁盘都能对外提供数据读取的服务。
2024-09-11 13:40:51
637
原创 Web核心技术之Request(1)
业务处理完后，后台就需要给前端返回业务处理的结果即响应数据把响应数据封装到response对象中后台服务器[Tomcat]会解析response对象,按照[响应行+响应头+响应体]格式拼接结果浏览器最终解析结果，把内容展示在浏览器给用户浏览对于上述所讲的内容，我们通过一个案例来初步体验下request和response对象的使用。@Override//使用request对象 获取请求数据//url?//使用response对象 设置响应数据。
2024-09-11 11:53:06
946
原创 Vue源码：数据响应式原理
/ 因为数组肯定不是最高层，比如obj.g属性是数组，obj不能是数组，第一次遍历obj这个对象的第一层的时候已经给g属性（就是这个数组）添加了__ob__属性。// 不要忘记初心，Observer类的目的是：将一个正常的object转换为每个层级的属性都是响应式(可被侦测)的object。// 有三种方法push/unshift/splice能够插入新项，现在要把插入的新项也变成observe的。// 把这个数组身上的__ob__取出来，__ob__已经被添加了，为什么已经被添加了？
2024-09-11 10:02:22
851
原创 Obsidian+PicGo+Gitee搭建免费图床_2024 免费图床
当前已经完成了 node.js 的安装。即使不进行此步骤的环境变量配置也不影响node.js的使用配置环境的作用如下：若不进行环境变量配置，那么在使用命令安装 node.js全局模块 （如：npm install -g vue）时，会默认安装到C盘的路径 (C:\Users\hua\AppData\Roaming\npm) 中，此处为方便，没有配置环境，详细配置环境的步骤可以参考上文链接。
2024-09-11 08:11:43
452
原创 express学生管理系统、前后端分离（十二）
.ajax({if(res.code==1){ // {code:1,msg:‘删除成功’}// 关闭模态框//刷新当前页面})})})myself.js//代码// 添加alert(‘不能为空’);return;$.ajax({// 查询 如果添加成功看，需要请求查询接口。find();})})// 搜索console.log(‘搜索’)$.ajax({var str=‘’;str+=`开启模态框的button 删除。
2024-09-11 03:34:20
896
原创 2024年我们聊聊 serverless 与云开发
只有一张图能描述前端开发者此时此刻的心情：2020 年初的一场疫情让我们有了更多宅在家里学习的时间了。前不久我也受邀担任了腾讯主办的「协力抗疫，码力全开」线上公益黑客马拉松的嘉宾评委。这次黑马大赛和以往不同之处在于全程都是线上，自由组队，通过 2 天时间开发一款和抗击疫情相关的微信小程序。2 天时间有近 200 人提交了 80 多个参赛作品。这次大赛还有一个技术上的两点就是“云开发”。提到云开发，我们自然会想到另一个概念，那就是 Serverless。
2024-09-11 01:36:53
446
原创 2021前端面试题总结
高阶函数只是将函数作为参数或返回值的函数。函数式编程（通常缩写为FP）是通过编写纯函数，避免共享状态、可变数据、副作用 来构建软件的过程。数式编程是声明式 的而不是命令式 的，应用程序的状态是通过纯函数流动的。与面向对象编程形成对比，面向对象中应用程序的状态通常与对象中的方法共享和共处。函数式编程是一种编程范式 ，这意味着它是一种基于一些基本的定义原则（如上所列）思考软件构建的方式。当然，编程范式的其他示例也包括面向对象编程和过程编程。
2024-09-11 00:25:44
717
原创 快速入门SaltStack_saltstack基本使用
minion在第一次启动时，会在/etc/salt/pki/minion/（该路径在/etc/salt/minion里面设置）下自动生成minion.pem（private key）和 minion.pub（public key），然后将 minion.pub发送给master。在salt中可以通过salt://代替根路径，例如你可以通过salt://top.sls访问/srv/salt/top.sls。salt states的核心是sls文件，该文件使用YAML语法定义了一些k/v的数据。
2024-09-08 21:35:56
1211
原创 史上最全的Linux常用命令汇总（超全面！超详细！）收藏这一篇就够了！
在使用 ln 创建链接时，如果没有 -s 选项，会创建一个 硬链接，而不是软链接。
2024-09-08 17:40:41
1458
原创 一名优秀的工程师应该学会在工作中提升自己，面试篇
架构师是程序员的终极梦想，为什么很多程序员做不了架构师呢？1、良好健康的职业规划很重要，但大多数人都忽略了2、学习的习惯很重要，持之以恒才是正解。3、编程思维没能提升一个台阶，局限在了编码，业务，没考虑过选型、扩展4、身边没有好的架构师引导、培养。所处的圈子对程序员的成长影响巨大。文章到此就结束了，期望对工程师们的工作学习有所帮助。需要申明的是，文章内容挂一漏万，所谓的架构师能力模型也是作者的个人观点。欢迎大家在评论中分享自己在学习成长方面的心得。如果觉得有那么一点收获的话，希望可以得到您的。
2024-09-08 13:26:59
1802
原创 【Linux】翻山越岭——进程地址空间_c语言父子进程地址空间
对于磁盘程序内部的地址称为逻辑地址，在Linux下，虚拟地址到线性地址、逻辑地址是一样的，但在其他地方，区分比较明确，进程本身是需要被管理的（通过先描述，在组织），所以操作系统会使用内核数据结构对地址空间进行管理，这个地址空间实际是内存的一种数据结构mm_struct，OS会为每个进程创建一个mm_struct对象，进行管理。并且操作系统会为每个进程创建进程地址空间，但是对于操作系统来说，存在着比较多的进程，所以操作系统需要对进程地址空间进行管理。有了这个基本框架，我们对于语言的学习更加易于理解，
2024-09-08 09:07:29
851
原创 SUSE Linux Enterprise Server 12 SP3系统安装详解_suse12系统下载
网络设置，可以选择dhcp，也可以自己设置静态ip，特此说明一下，这里的ip设置和centos不一样，ip在ifcfig-eth0里，网关在routes里，还有dns配置在/etc/resolv.conf文件里，nameserver (此处有一个空格) 8.8.8.8。点击Accept，跳转到前面有地图的那个页面，再点击Next，就进入到用户设置了。安装附加的插件产品，根据需要进行选择，我这边暂时没有需要，直接NEXT。接下来选择跳过，提醒不能更新系统，那无所谓咯。将系统默认分盘进行删除，
2024-09-08 03:39:39
436
原创 Linux自动化运维—anisble_anisable
最近很多小伙伴找我要Linux学习资料，于是我翻箱倒柜，整理了一些优质资源，涵盖视频、电子书、PPT等共享给大家！
2024-09-07 20:59:06
1402
原创 Linux常用命令发布啦！
mkdir命令用来创建指定名称的目录，但是必须要求创建目录的用户在当前文件夹中具有写权限，并且新创建的目录的目录名不能跟这个文件夹下已有的文件名或目录名重复重复。如果这个文件已经存在的话，touch不会创建新的文件，touch只创建不存在的文件。说明：将这些文件复制一份到新的目的目录下，注意这个新的目的地目录必须存在，否则报错。-p:表示当子目录被删除后，父目录如果为空的话，则连父目录一起删除。mv不仅可以移动文件或目录，还可以修改文件或目录的名称。删除文件：rm，rm可以删除文件，也可以删除目录。
2024-09-07 15:33:05
464
原创 Linux下读取默认MAC地址
MAC具有全球唯一性。MAC0地址的低4位可以通过设备文件“/sys/fsl_otg/SBK0”读取,MAC1地址的低4位可以通过设备文件“/sys/fsl_otg/SBK1”读取。“网卡的默认MAC”是广州致远电子股份有限公司针对Awork开发套件和M283、M287工控核心板开发的一项功能，通过芯片的OTP来存储网卡MAC地址，我公司出厂的核心板和开发套件的MAC地址的前两个字节固定为“0x00”，“0x04”,后四个字节保存在OTP中，本文档主要描述了如何通过操作OTP来读取网卡MAC地址。
2024-09-07 10:06:49
783
原创 idea快捷键_idea 2024 复制光标所在行 或 复制选择内容,并把复制内容插入光标位置下面 (必备)
Alt + 右方向键 按切换当前已打开的窗口中的子视图，比如Debug窗口中有Output、Debugger等子视图，用此快捷键就可以在子视图中切换 （必备）Alt + 左方向键 切换当前已打开的窗口中的子视图，比如Debug窗口中有Output、Debugger等子视图，用此快捷键就可以在子视图中切换 （必备）可选中光标所在的单词或段落，连续按会在原有选中的基础上再扩展取消选中范围 （必备）Ctrl + B 进入光标所在的方法/变量的接口或是定义处，等效于 Ctrl + 左键单击 （必备）
2024-09-06 22:37:59
1192
原创 Docker在Windows下的安装及使用_windows docker
2）修改资源存储目录：3）配置国内镜像源，可以添加多个，json格式。
2024-09-06 20:35:00
3676
原创 Hystrix-服务容错处理：什么是Hystrix
编写第一个，如以下代码所示：@Override首先需要继承，通过构造函数设置一个Groupkey。具体的逻辑在run方法中，我们返回了一个当前线程名称的值。写一个main方法来调用上面编写的程序，如以下代码所示：输出结果是： yinjihuan:hystrix-MyGroup。由此可以看出，构造函数中设置的组名变成了线程的名字。
2024-09-04 23:43:48
753
原创 Etcd v3备份与恢复
Kubernetes 集群备份主要是备份 ETCD 集群。三台 ETCD 全部健康，分别到每台 Master 启动 kube-apiserver。：ETCD 不同的版本的 etcdctl 命令不一样，但大致差不多，本文备份使用。：备份ETCD集群时，只需要备份一个ETCD就行，恢复时，拿同一份备份数据恢复。上面三台 ETCD 都恢复完成后，依次登陆三台机器启动 ETCD。三台 ETCD 启动完成，检查 ETCD 集群状态。检查 Kubernetes 集群是否恢复正常。，如有侵权，请联系删除。
2024-09-04 17:35:47
322
原创 Docker容器化技术实战操作汇总（附开发环境搭建）
阿里云镜像地址卸载 Docker#1.卸载依赖#2.删除资源#/var/lib/docker 的默认工作路径配置阿里云镜像加速EOF底层原理回顾我们安装好执行的 helloWordDocker 是怎么工作的？Docker 为什么比VM快？Docker有着比虚拟机更少的抽象层。Docker利用的是宿主机的内核，vm需要是Guest OS。所以说，新建一个容器的时候，docker不需要向虚拟机一样重新加载一个操作系统内核，避免引导。
2024-09-04 15:32:22
1368
原创 cpp知识汇总（1） 指针vs引用、static、const
x的地址为ebp-4，b的地址为ebp-8，因为栈内的变量内存是从高往低进行分配的。所以b的地址比x的低。lea eax,[ebp-4] 这条语句将x的地址ebp-4放入eax寄存器mov dword ptr [ebp-8],eax 这条语句将eax的值放入b的地址ebp-8中上面两条汇编的作用即：将x的地址存入变量b中，这不和将某个变量的地址存入指针变量是一样的吗？所以从汇编层次来看，的确引用是通过指针来实现的。C++中的指针参数传递和引用参数传递。
2024-09-04 13:24:17
1179
原创 32岁的我裸辞了，八年 Java 老鸟，只因薪水被应届生倒挂，在闭关三个月后拿到阿里 Offer，定级 P7！
大厂的面试问得真的很深，还要前面有所准备，一面的时候还有些紧张，后面就很自信了，哪怕是和 HR 聊薪资也敢往上要了，最后拿到了阿里、京东、滴滴三个大厂 offer，字节算法面的很多，也是被卡在这了，没面过。经过这段时间的学习，简历上的技术栈相对以前来说要好看了很多，再根据她的指点，对简历上的项目进行了一些优化，突出用过的技术，遇到问题的解决方法等，并换位到 HR 角度去看自己的简历有没有什么不足的地方，先让自己的简历拿到足够多的面试机会。学会各种框架有必要吗?HotSpot 虚拟机对象探秘。
2024-09-03 21:22:41
679
原创 2021春招Java后端开发面试总结：25个技术专题（最全面试攻略）
3、finally是在return后面的表达式运算后执行的（此时并没有返回运算后的值，而是先把要返回的值保存起来，管finally中的代码怎么样，返回的值都不会改变，任然是之前保存的值），所以函数返回值是在finally执行前确定的；18、有两个篮子，分别为A 和 B，篮子A里装有鸡蛋，篮子B里装有苹果，请用面向对象的思想实现两个篮子里的物品交换（请用代码实现）19、如何解决消息队列的延时以及过期失效问题？1、数据里有{1,2,3,4,5,6,7,8,9}，请随机打乱顺序，生成一个新的数组（请以代码实现）
2024-09-03 04:07:47
1838
转载 1hutool实战：DateUtil(时间工具类)-当前时间_hutool 时间戳
当前时间，转换为{@link DateTime}对象，忽略毫秒部分。当前时间，格式 yyyy-MM-dd HH:mm:ss。当前时间，转换为{@link DateTime}对象。当前日期，格式 yyyy-MM-dd。当前时间的标准形式字符串。当前时间的时间戳（秒）
2024-09-02 19:40:14
1062
原创 Hive SQL 行转列 和 列转行 1列转多列 函数和示例
下面，对于存在细分行业的字段，进行行转列操作，操作也是固定的函数 …中 IT互联网_IT信息技术|金融_银行业|金融_保险业|金融_资本市场_证券期货|教育|商贸|（除上述的其他行业分类）|-|工业|物流。低 IT互联网_IT信息技术|金融_银行业|金融_保险业|金融_资本市场_证券期货|教育|商贸|（除上述的其他行业分类）|-|工业|物流。高 IT互联网_IT信息技术|金融_银行业|金融_保险业|金融_资本市场_证券期货|教育|商贸|（除上述的其他行业分类）|-|工业|物流。高 （除上述的其他行业分类）
2024-08-30 09:01:18
467
原创 Dao层设计思想、JdbcUtils类、数据库连接池技术
虽然抽出来两个方法使得我们在开发的时候代码的重复度降低，但是现在项目还存在一个问题，就是加载驱动和创建数据库连接都是我们直接写死的，但是这些字符串常量是有可能要修改的。所以我们就可以把这些字符串常量抽取出来存放在一个文件中，然后每次读取的时候从这个文件中读取数据，这样就很好的解决了可以单独修改连接条件。为了解决上面的问题，我们可以把建立连接和释放资源这两个方法封装到一个公共的工具类中JdbcUtils.这个类为所有dao类服务。1.dao类中的增删改查方法里面的代码的重复度非常高。
2024-08-30 03:35:59
605
原创 apollo在Spring boot加载过程解析
2、配置 application.propertiesapollo 自身的配置共包含 9 项，必要配置只有 3 项，其他的都是可选的配置。apollo 在 spring-boot 环境下的配置命名和 System 参数的命名保持了一直，最终 spring 的配置会注入到 System 中，具体的逻辑下文分析。必须配置====#应用的ID。
2024-08-30 00:45:55
663
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人