- 博客(59)
- 收藏
- 关注
RSS订阅原创 HTML面试题
DOCTYPE一般放在文档的开头，告诉浏览器页面使用的HTML或XHTML的版本，让浏览器按照相应的规则解析页面。如果不写DOCTYPE，那么浏览器会按照自己的规则解析页面，这不利于维护网页的兼容性。常见的浏览器内核有：trident（ie内核）、gecko（火狐内核）、blink（chorme内核）、webkit（苹果内核）1、语义化标签（hrader、footer、nav等），使得页面的内容结构化，见名知义；一、渲染引擎，取得网页内容，计算网页的显示方式，输出显示。3、canvas绘图；
2024-02-03 14:44:36
831
原创 React 面试题
React中的props是只读的，主要是为了维护组件的可预测性和可维护性。如果允许子组件修改props，那么一个父组件将状态传递给多个子组件时，这些子组件就可以随意修改props的值，导致状态的不可预测，给调试和维护带来困难。为了解决这个问题，React采用了只读的props机制。子组件只能读取props的值，但不能修改它们。这种设计模式类似于函数式编程中的纯函数，纯函数不会改变传入的参数，只会返回一个新的值。通过保护props不被修改，React确保了组件的可预测性和可维护性。
2024-01-30 13:18:12
1631
原创 ReactHooks 官网文档翻译
您可以将对象和数组置于状态。在React中，状态被认为是只读的，所以您应该替换它，而不是突变现有的对象。默认情况下，组件不会将其DOM节点公开给父组件，这么写会报错return (<inputref={ref}/>});
2024-01-26 11:00:56
1205
原创 计算机网络、浏览器面试题
事件委托也叫事件代理，利用的是事件冒泡机制，通过指定一个事件处理程序来管理某一类型的所有事件的方法。例如为ul 中所有的li 绑定一个点击事件，那么直接绑定在ul上即可；为什么使用CDN 会更快（了解）？没有使用CDN的情况下，用户从浏览器输入地址，依次经过浏览器缓存、操作系统缓存（如本地host文件）、域名解析服务器、根域名解析服务器、顶级域名服务器直到找到对应的ip地址返回给用户，用户向该地址发起请求；使用了CDN的情况下，用户在浏览器中输入要访问的域名，浏览器向DNS服务器请求对域名进行解析。
2024-01-17 11:11:08
1192
原创 2022年面经记录（base杭州）
三、有一个已经排序好的数组，找到数组中的目标值并返回其所有，如果没有那么返回数组应该插入的合适位置的所有。1、不要害怕开始，面试是准备不完的，请遵循二八法则，差不多的你差不多的岗位差不多的工资。6、说个你做的最好的项目，这个项目具体有什么页面什么功能。3、项目中用到的请求库是什么，用了什么插件解决什么问题。14、es6 的模块化和require js的区别。8、判断数据类型的方式有哪些，判断数组的方式有哪些。2、职业规划，hr：有没有具体的，大家都这么说。7、你认为你的实习经历给你带来最大的提升是什么。
2024-01-10 20:09:50
1174
原创 尚硅谷vite+vue3 （尚医通）项目实战笔记
因此sass语法进行了改良，Sass 3就变成了Scss(sassy css)，与原来的语法兼容，只是用{}取代了原来的缩进。Sass是为了使CSS开发更方便而产生的，原先我们是用原生CSS来写样式，增加了编程的特性，但它不方便，比如：不支持嵌套、运算、作用域 等。直接找到它的类名覆盖不生效，因为我们组件样式有scope 局部样式，想要修改第三方组件库的样式，可以使用深度选择器。可以让样式穿透到子组件中，例如一个父组件中使用了一个子组件，并且需要修改子组件内部某个元素的样式。
2024-01-10 19:02:42
1028
原创 前端开发vscode 常用插件记录
二、css peek 它的主要作用是帮助开发人员更轻松地查找和导航CSS样式表中的类、ID、选择器和样式定义（鼠标移动到css样式名即可查看样式，点击直接跳转对应文件）十、GitLens 提供了对 Git 版本控制系统的全面支持，包括代码历史记录、代码比较、代码注释、代码作者等功能。一、Vetur 提供了对 Vue.js 项目的全面支持，包括语法高亮、智能提示、代码片段、错误检查、格式化等功能。三、Vue Peek 插件用来拓展 Vue 代码编辑的体验，可以让我们快速跳转到组件、模块定义的文件。
2024-01-10 19:01:10
520
原创 计算机网络、浏览器相关高频面试题
查询各个服务器的负载情况，判断哪一台服务器的负载较小。没有使用CDN的情况下，用户从浏览器输入地址，依次经过浏览器缓存、操作系统缓存（如本地host文件）、域名解析服务器、根域名解析服务器、顶级域名服务器直到找到对应的ip地址返回给用户，用户向该地址发起请求；② 节省带宽：由于CDN可以缓存网站的内容，因此当用户访问网站时，CDN会从最近的服务器节点提供内容，而不是从源服务器上提取。完整的请求报文包括请求行（包含请求的方法、url、协议版本）、请求头（浏览器的信息键值对组成）、空行、请求体（请求的数据）；
2024-01-10 17:28:03
939
原创 黑马微信小程序学习笔记
默认情况下，在小程序内安装的第三方的包，是安装在node_module目录内的，且安装完包后也是不能马上使用的，因为小程序比较特殊，它是无法直接读取node_module软件包的，那小程序该如何使用安装的包呢？需要注意的是：每安装一个新包，就需要重新构建npm一次，且在构建之前，为了防止出现一些不必要的未知错误，可以先把之前安装包后构建生成的miniprogram_npm目录删除，然后再点击构建npm重新生成；物理（设备）像素：真实存在的，物理硬件屏幕上的最小显示单元，屏幕的分辨率，像素越高越清晰。
2023-11-30 19:03:18
1234
原创 尚硅谷CSS学习笔记
等等），导致节点位置发生变化，此时触发浏览器重排（reflow），需要重新生成渲染树。③维护方面：CSS Sprites在维护的时候比较麻烦，页面背景有少许改动时，就要改这张合并的图片，无需改的地方尽量不要动，这样避免改动更多的CSS，如果在原来的地方放不下，又只能（最好）往下加图片，这样图片的字节就增加了，还要改动CSS。我们在编码时，不用过于关注浏览器的私有前缀，不用去记忆，去查询，因为常用的css3 新特性，主流浏览器都是支持的，对于老版本浏览器，我们也可以借助现代构建工具，去帮我们添加私有前缀。
2023-10-10 22:21:06
990
原创 尚硅谷HTML习笔记
C/S架构软件（client、server），需要安装才能使用的软件，需要偶尔更新，不跨平台。3、隐藏域，input的type设为用户不可见的一个输入区域。2、单选框，多个radio的name属性要保持一致，并且必须设置value，value即为选择的数据值。B/S架构软件（browser、server），直接在网页就可以使用的，无需安装和更新，可跨平台。1、存储时，务必采用合适的字符编码，否则无法存储数据会丢失。1、普通的输入框必须要写name，但不需要写value，Name相当于定义的key。
2023-10-01 12:51:27
381
原创 尚硅谷Git学习笔记
分布式版本控制系统，各个客户端可以在本地管理自己的版本，从远程服务器中获取最新资源，提取的不是最新文件的快照，而是将代码仓库完整的镜像到本地。集中化的版本控制系统都有一个单一的集中管理的服务器，保存所有文件的修订版本。不能修改生成的文件夹。git reflog 查看提交记录，显示的版本号是前7位的 git log 是详细的完整信息，可以看作者和时间以及完整的commit id。设置用户签名：就是在首次安装git的时候设置用户名和邮箱，这个是设在客户端的，和代码托管中心的用户名没有关系。
2023-09-29 01:12:26
375
原创 webpack 面试题
热更新的核心就是客户端从服务端拉去更新后的文件，准确的说是 chunk diff (chunk 需要更新的部分)，实际上webpack-dev-server与浏览器之间维护了一个websocket，当本地资源发生变化时，webpack-dev-server会向浏览器推送更新，并带上构建时的hash，让客户端与上一次资源进行对比。输出资源：根据入口和模块之间的依赖关系，组装成一个个包含多个模块的 Chunk，再把每个 Chunk 转换成一个单独的文件加入到输出列表，这步是可以修改输出内容的最后机会。
2023-09-27 10:58:32
398
原创 尚硅谷前端求职指南
4、不能出现错别字、英文转悠名词大小写不同意、标点符号不一致、字体大小不同、5、没满页呈现，不能出现一页半的情况。去面试时随身携带，双手递交（因为有些公司没有打印你的简历，如果自带了，会是加分项目）1、必要信息展示清清楚，展示优势规避劣势（我是谁、我想干什么、我能干什么）2、项目经验常用格式：名称、时间、描述、职责、成绩、开发环境。1、不需要写不相干的技能、把重要的核心的技能往前放。2、分类要清晰、内容高度概括、用词精炼准确。1、工作经历要倒叙，把最近的工作放在前。2、基本格式是：时间段、公司、职务。
2023-09-26 15:26:34
116
原创 尚硅谷webpack课程学习笔记
3、我们之前打包执行的是npx webpack ./src/main.js --mode=development 这个命令，写了webpack的配置文件中设置了入口后，可以直接使用npx webpack 执行了。引入的是打包后的文件，如果更改入口起点的名称，或者添加一个新的入口，那么会在构建时重新命名生成的 bundle，但是 index.html 仍然在引用旧的名称！2、创建基本的mani.js 文件、src、public文件、写入es6 模块化语法，报错，浏览器无法识别。
2023-09-20 09:27:32
673
1
原创 less 里面的calc 和 运算符有什么区别 ？
算术运算符 +、-、*、/ 可以对任何数字、颜色或变量进行运算。在大多数情况下这是没有意义的，一个长度乘以一个长度就得到一个区域，而 CSS 是不支持指定区域的。Less 会按照数字的原样进行操作，并将明确声明的单位类型分配给结果。// 结果是#223355。//结果是#101010。// 结果是#112244。// 结果是 15%// 数字转换为相同的单位。
2023-09-18 16:29:39
300
原创 移动端h5项目的兼容和适配问题
推测可能是Android在排版计算的时候参考了primyfont字体的相关属性（即HHead Ascent、HHead Descent等），而primyfont的查找是看font-family里哪个字体在fonts.xml里第一个匹配上，而原生Android下中文字体是没有family name的，导致匹配上的始终不是中文字体，所以解决这个问题就要在font-family里显式申明中文，或者通过什么方法保证所有字符都fallback到中文字体。单位面积内的像素越多，图像的效果就越好。
2023-08-29 17:03:18
3175
原创 前端JS实现路由跳转页面的方式有哪些？
方式四：// window.history.back() window.history.go(-1);方式一： window.location.href = ‘http://www.baidu.com’;方式五：window.location.replace(“http://www.baidu.com”)方式二：window.location.reload( ) 刷新当前页面。方式六：winodw.location.assign(“URL”)方式七：window.navigate(‘URL’)
2023-07-21 10:31:57
417
原创 前端灰度发布是什么
1、对于服务端渲染的应用：用户首先发起请求后，服务器并不会直接组装静态资源，而是先去灰度规则里获取名单，然后将灰度名单拿到进行判断处理来决定渲染那一套模板资源给到客户端，最终给处于灰度名单里的用户展示新版本页面，而非名单内的用户继续使用旧版本的页面内容，如需要放量时，直接在灰度规则里进行修改即可。当用户的请求被接收到后，先通过getRule获取灰度规则来确定给当前用户展示哪一个版本号的资源，然后返回带着资源版本的模板内容，客户端接收到该模板之后，再加载对应的版本号资源，从而达到灰度要求。
2023-07-21 10:10:44
196
原创 应用和迭代（名词解释）
需求上线时间为0530，则可建迭代“xx-0530”, 或按上线节点来 “530”● 一个迭代对应一个代码分支, 分支名可以以迭代名称为标准，如 “xx-530”● 一个完整的前端应用，一般用应用脚手架创建，包含路由，页面，状态等。如果一个迭代涉及多人开发，可先在个人分支开发，发布前合并到迭代分支。● 迭代流程包含多个发布阶段，默认为“测试”，“预发”，“生产”● 应用的分组（业务中心，数据中台等）只用于逻辑分类，便于管理。● 用于应用相关需求的发布，管理应用的上线生命周期。● 一个应用对应一个代码仓库。
2023-03-01 10:52:34
393
原创 yarn 更新依赖包命令
2、根据第一步观察修改package.json里面的中间版本 保存文件。6、再来一次 yarn outdated 观察只有大版本。4、再来一次yarn outdated 观察有小版本。1、yarn outdated 检查过时的依赖包。5、直接yarn upgrade 升级依赖包。3、执行 yarn install。
2023-03-01 10:23:46
6987
原创 window.open 打开新页面失效
原因：浏览器出于安全的考虑，会拦截掉非用户操作打开的新页面；实际上，在异步的方法中以及非用户操作打开的新页面都会被拦截（不同浏览器不同版本表现不同，不是所有情况都会被拦截，但是任然需要做兼容处理）在开发h5项目的时候 经常需要使用window.open 来打开新页面，但有时会出现失效的情况。在接口请求完成后，根据返回的结果调用window.open 失效。交互上的小修改，这样写需要用户手动确定才会跳转。2、 使用a标签进行跳转。
2023-02-25 13:18:10
8141
原创 Ajax 如何使用
传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页,而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带宽，由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
2023-01-31 16:20:14
136
原创 《红宝书》学习笔记
内存泄漏就是指由于疏忽或者程序的某些错误造成未能释放已经不再使用的内存的情况。简单来讲就是假设某个变量占用100M的内存，而你又用不到这个变量，但是这个变量没有被手动的回收或自动回收，即仍然占用100M的内存空间，这就是一种内存的浪费，即内存泄漏根据内存泄漏的定义，有些变量或数据不再被使用或不需要了，那么它就是垃圾变量或垃圾数据，那么此时就需要对这些垃圾数据进行回收而JavaScript采用的则是自动回收的机制，即我们不需要关心何时为变量分配多大的内存造成内存泄漏的情况1.闭包使用不当。
2023-01-31 16:17:13
582
原创 代码输出示例
实际上这里是从右往左执行的，首先执行y = 1, 因为y没有使用var声明，所以它是一个全局变量，然后第二步是将y赋值给x，讲一个全局变量赋值给了一个局部变量，最终，x是一个局部变量，y是一个全局变量，所以打印x是报错。这里需要注意的是在async1中await后面的Promise是没有返回值的，也就是它的状态始终是pending状态，所以在await之后的内容是不会执行的，包括async1后面的 .then。我们知道，匿名函数的this是指向全局对象的，所以this指向window，会打印出3；
2023-01-31 10:21:17
493
原创 《图解HTTP》学习笔记
三次握手（Three-way Handshake）其实就是指建立一个TCP连接时，需要客户端和服务器总共发送3个包。进行三次握手的主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备。第一次客户端将标有SYN的数据包发送给服务器，第二次服务器收到后回传一个带SYN/ACK标志的数据报以确认信息，最后客户端再回传一个带ACK的数据包，握手完成；
2023-01-26 13:01:22
347
原创 CSS 高频面试题
CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题”，可以在CSS中使用变量、简单的逻辑程序、函数（如右侧代码编辑器中就使用了变量$color）等等在编程语言中的一些基本特性，可以让CSS更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。赋予绝对定位的元素会从文档流中拖出，使用left、right、top、bottom等属性相对于相对于最近的已定位的父级元素进行绝对定位，如果元素的父级没有设置定位属性，则根据 body 元素左上角作为参考进行定位。每个项目两侧的间隔相等。
2023-01-23 20:08:54
381
原创 react 面试准备题
对于合成事件来说，有一个专门事件池来管理事件的创建和销毁，当需要使用事件时，就会在事件池中复用对象，事件回调结束后，再销毁事件对象上的属性，以便于下次再复用对象。调用 setState 时，组件的 state 并不会立即改变， setState 只是把要修改的 state 放入一个队列， React 会优化真正的执行时机，并出于性能原因，会将 React 事件处理程序中的多次React 事件处理程序中的多次 setState 的状态修改合并成一次状态修改。也就引发了子组件的重新渲染。
2023-01-21 20:42:06
193
原创 黑马 typeScript 学习笔记
如果一个文件不带有顶级的import或者export声明，那么它的内容被视为全局可见的；就是定义一个类的结构，所有的属性不能有实际的值，方法都是抽象方法，可以被对象引用和实现实现接口就是使一个类满足接口限制，其实就是在限制对象内部属性的类型，更加严格。泛型可以理解为宽泛的类型，通常用于类和函数，就是我们在创建时不知道数据类型，用any的话就关闭了类型检查，就可以使用泛型。行为有：摇尾巴、叫、吃等。ts是一门编程语言，是js的超集，增加了类型判断，可以在任何操作系统，浏览器和主机上执行，但是先得编译成js。
2023-01-21 00:47:06
236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人