前端面试考核点【更持续新中】
文章目录
- HTML
- css
- js
- Vue
- React
- TypeScript
- 移动端&小程序
- 编译/打包/构建
- npm
- nodejs
- 微前端
- 网络安全
- 浏览器
- 性能
- OKR
- 工程化、标准化
HTML
-
Script放在body中间会阻塞吗?defer与async的区别?https://blog.csdn.net/qq_41887214/article/details/124909219
-
DOM和CSSOM的构建会相互影响吗 https://blog.csdn.net/qq_41887214/article/details/130481228
css
- css尺寸单位,移动端适配方案
- 网站都变成灰色了,如何实现的呢?https://blog.csdn.net/qq_41887214/article/details/128173530
- css3:animation 属性 https://blog.csdn.net/qq_41887214/article/details/124586397
js
- this的指向 https://blog.csdn.net/qq_41887214/article/details/123624026
- 在构造函数里定义 function 和使用 prototype.func 有什么区别 https://blog.csdn.net/qq_41887214/article/details/129290638
- JS中判断数据类型的方法 https://blog.csdn.net/qq_41887214/article/details/103606946
- JavaScript的排序方法 https://blog.csdn.net/qq_41887214/article/details/130253312
- 实现一个发布订阅者模式 https://blog.csdn.net/qq_41887214/article/details/124836375
Vue
-
vue 父子组件的生命周期顺序 https://blog.csdn.net/qq_41887214/article/details/103919975
-
自定义组件的 v-model https://blog.csdn.net/qq_41887214/article/details/120817103
-
解决【v-show 有时失效】问题 https://blog.csdn.net/qq_41887214/article/details/121376596
-
vue响应式原理 https://blog.csdn.net/weixin_48181168/article/details/120158346
-
vue2响应式原理之依赖收集
5. 1. https://www.bilibili.com/video/BV1ex4y137Td/?spm_id_from=333.337.search-card.all.click&vd_source=34a6975a033f268a428886f5c5e8609b
5. 2. https://blog.csdn.net/demoren/article/details/125133745 -
虚拟dom: https://blog.csdn.net/yiyueqinghui/article/details/105468012
-
diff算法 https://blog.csdn.net/qq_41887214/article/details/130279091
-
vue中的diff算法 https://blog.csdn.net/qq_41887214/article/details/130550580
-
Vue3响应式原理 https://blog.csdn.net/qq_41887214/article/details/122508032
-
Vue3
10. 1. 常用 Composition API
10. 2. watch watchEffect
10. 3. 数据通讯方式
10. 4. …
React
- React Vue 对比,更熟悉哪个
- 常用hooks有那些 https://react.docschina.org/reference/react/hooks
- useLayoutEffect:是 useEffect 的一个版本,在浏览器重新绘制屏幕之前触发。
- useCallback useMemo
- React:虚拟 DOM Diff 算法解析 https://blog.csdn.net/qq_41887214/article/details/130279091
- 如何在 React 中优雅的写 CSS?CSS作用域隔离 https://blog.csdn.net/qq_41887214/article/details/121579964
- React Fiber 架构详解 https://blog.csdn.net/qq_41887214/article/details/130570813
- React Fiber 使用 MessageChannel requestAnimationFrame 模拟实现requestIdleCallback https://blog.csdn.net/qq_41887214/article/details/131097303
TypeScript
- 使用程度
- interface 与 type 区别
- 如何声明一个全局变量
- d.ts文件 如何组织管理
移动端&小程序
- 移动端兼容问题举例
- 对小程序的实践,掌握的框架如 uni-app、taro
编译/打包/构建
- webpack 性能优化 https://webpack.docschina.org/guides/build-performance/#minimal-entry-chunk
- webpack 如何编写
- webpack 编写插件 https://blog.csdn.net/qq_41887214/article/details/128840821
- tapable详解 https://blog.csdn.net/qq_41887214/article/details/128822743
- rollup
npm
- npm包流程(发布、更新、废弃) https://blog.csdn.net/qq_41887214/article/details/120438332
- npm包更新发布版本流程
nodejs
-
nodejs管理工具
-
nodejs 方面的研究
-
fs模块的常用方法 https://blog.csdn.net/qq_41887214/article/details/122871447
-
Node.js 中间件机制 https://blog.csdn.net/qq_41887214/article/details/123935325
-
如何编写 cli
-
服务端 express、koa
微前端
网络安全
浏览器
- 浏览器缓存 https://blog.csdn.net/qq_41887214/article/details/108873188
- HTTP缓存https://blog.csdn.net/qq_41887214/article/details/129339031
- 常见的跨域现象和跨域解决 https://blog.csdn.net/qq_41887214/article/details/108955540
- 如何减少重排与重绘 https://blog.csdn.net/qq_41887214/article/details/108895624
性能
- Web前端最新优化指标:FP、FCP、FMP、LCP、TTI、CLS、FID、FPS等 https://blog.csdn.net/qq_41887214/article/details/130516839?spm=1001.2014.3001.5501
- 前端异常监控解决方案研究https://blog.csdn.net/qq_41887214/article/details/130651823
- 如何进行 web 性能监控?https://blog.csdn.net/qq_41887214/article/details/130658244
- web监控数据上报方案 https://blog.csdn.net/qq_41887214/article/details/130659155
- 前端性能优化 https://blog.csdn.net/qq_41887214/article/details/130233618
OKR
工程化、标准化
-
前端工程化
-
前端标准化
-
UI组件库
相关文章:
前端面试考核点【更持续新中】
文章目录 HTMLcssjsVueReactTypeScript移动端&小程序编译/打包/构建npmnodejs微前端网络安全浏览器性能OKR工程化、标准化 HTML Script放在body中间会阻塞吗?defer与async的区别?https://blog.csdn.net/qq_41887214/article/details/124909219 DOM和…...
linux-docker安装
TOC 一,Docker简介 百科说:Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化,容器是完全使用沙箱机制&…...
如何用html css js 画出曲线 或者斜线;
效果图 解题思路 将图片全部定位至中心点,然后x轴就变动translateX ,y轴同理; 这里有两个问题 浏览器: 以左上角为原点0,0 越往下y越大 数学坐标系:以中心点为原点0,0 越往下y越小࿱…...
【错误记录】Uncaught TypeError: m.nodeName.toLowerCase is not a function
描述:在控制台输出上述错误~ 原因:在页面中,使用jQuery 开发时,命名不能和jQuery一起方法属性冲突,比如这里的nodeName,这里换一个不冲突的名字,就解决问题了。...
王颖奇:ONES.ai 上线,以及我的一些思考
ONES.ai 正式上线!为你解锁更智能、更高效的新一代研发管理体验 我们上线了 ONES.ai,当然我们用了公开的 LLM(AI),目前我们最方便使用的就是公开的 LLM,其实是不是 公开的 LLM 也不重要,在未来可预见的时间内ÿ…...
将AI技术与VR元宇宙相结合的整体解决方案
当前人工智能与VR虚拟现实两大热门技术的融合,正引领着人类走向更智能、更数字化、更便捷、更快速的时代。将这两者结合,AI智能检索应用到VR教学中,将为教育带来前所未有的好处。 个性化教学体验 通过AI智能检索,VR教学可以针对每…...
IPKISS Tutorials 3------绘制矩形版图
IPKISS Tutorials 3------绘制矩形版图 方法1------使用Rectangle函数模块导入与放置层设定创建PCell可视化版图这里给大家介绍一下如何在 IPKISS 绘制一个矩形结构的版图。 方法1------使用Rectangle函数 import si_fab.all as pdk import ipkiss3.all as i3class Box(i3.PC…...
为什么需要用高压放大器
高压放大器是一种重要的电子设备,它的主要功能是将高电压信号放大到所需的输出水平。在各种不同的应用中,为什么我们需要使用高压放大器呢?本文将详细探讨以下几个方面的原因。 高压放大器在科学研究中起着关键的作用。在物理学、化学、生物学…...
前端uniapp生成海报绘制canvas画布并且保存到相册【实战/带源码/最新】
目录 插件市场效果如下图注意使用my-share.vue插件文件如下图片hch-posterutilsindex.js draw-demo.vuehch-poster.vue 最后 插件市场 插件市场 效果如下图 注意 主要:使用my-share.vue和绘制canvas的hch-poster.vue这两个使用 使用my-share.vue <template&…...
【算法专题】双指针
双指针 双指针1. 移动零2. 复写零3. 快乐数4. 盛水最多的容器5. 有效三角形的个数6. 和为s的两个数字7. 三数之和8. 四数之和 双指针 常见的双指针有两种形式,⼀种是对撞指针,⼀种是左右指针。 对撞指针:⼀般用于顺序结构中,也称…...
redis运维(七)基础通用命令
一 基础通用命令 备注: 与具体数据类型无关Tab键 自动补全补充: redis 命令是不区分大小写 通用不到 10 个提升逼格的 redis 命令 后续: slowlog、rename-command、monitor、set ① help command 需求: 显示有关redis命令的…...
搜索引擎ElasticSearch分布式搜索和分析引擎学习,SpringBoot整合ES个人心得
ElasticSearch Elasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口。Elasticsearch是用Java语言开发的,并作为Apache许可条款下的开放源码发布,是一种流行的企业级搜索引擎。Elas…...
云原生微服务架构图
云原生微服务架构的具体架构图会根据应用程序的需求、规模和业务场景而有所不同。以下是一个通用的云原生微服务架构图,具体每层的组件可能有所不同: 用户界面层: Web应用或移动应用: 提供用户访问和交互的前端应用。API Gateway&…...
泊车功能专题介绍 ———— AVP系统技术要求之人机交互云平台
文章目录 人机交互车端人机交互车外人机交互灯光交互声音交互 车内人机交互信号装置标示的交互声音交互 场景左右转弯经过让行提示泊入泊出 激活及退出条件激活条件退出条件 场端人机交互V2X交互故障车提醒路口盲区预警弱势交通参与者提醒 场端设施的预警车辆入场车辆故障 APP人…...
精密云工程:智能激活业务速率 ——华为云11.11联合大促倒计时 仅剩3日
现新客3.96元起,下单有机会抽HUAWEI P60 Art,福利仅限双十一,机会唾手可得,立即行动! 双十一购物节来临倒计时,华为云备上多款增值产品,以最优品质迸发冬日技术热浪,满足行业技术应用…...
SpringBoot整合EasyExcel
目录 一、EasyExcel介绍 1、简介 2、常用注解 二、SpringBoot整合EasyExcel 1、基本环境 (1)引入依赖 (2)创建实体类 2、EasyExcel内容读取 (1)创建监听器 (2)测试 3、EasyExcel内容校验 (1)场景描述 (2)EasyExcel监听器 (3)测试 4、EasyExcel内容批量插…...
详解JS遍历数组的十八种方法
for循环 let arr[1,2,3] for(let i0;i<arr.length;i){console.log(arr[i]) }for循环可以遍历数组,它一共有三个参数,第一个参数可以当成数组索引值,想要遍历时候可以设置初始值为0,然后以数组长度为判断依据,如果不…...
Python程序设计基础2
第1关:HUT开学了: # 请在此添加代码 Name = input() # 输入学生的姓名 ########## Begin ########## print("|++++++++++++++++++++++|") print("| |") print("| Welcome to HUT |") print("| …...
域名服务器有哪些类型
域名服务器有哪些类型 随着现在网络的不断发展,越来越多的企业开始使用网络建站,以此来进行营销和推广,而网站在建设过程中需要使用域名和空间,那么域名服务器是什么?下面由给大家说一下。 主域名服务器 负责维护一…...
5.什么是Spring的依赖注入(DI)?IOC和DI的区别是什么
很多人把IOC和DI说成一个东西,笼统来说的话是没有问题的,但是本质上还是有所区别的,希望大家能够严谨一点, IOC和DI是从不同的角度描述的同一件事,IOC是从容器的角度描述,而DI是从应用程序的角度来描述,也…...
内存分配函数malloc kmalloc vmalloc
内存分配函数malloc kmalloc vmalloc malloc实现步骤: 1)请求大小调整:首先,malloc 需要调整用户请求的大小,以适应内部数据结构(例如,可能需要存储额外的元数据)。通常,这包括对齐调整,确保分配的内存地址满足特定硬件要求(如对齐到8字节或16字节边界)。 2)空闲…...
大话软工笔记—需求分析概述
需求分析,就是要对需求调研收集到的资料信息逐个地进行拆分、研究,从大量的不确定“需求”中确定出哪些需求最终要转换为确定的“功能需求”。 需求分析的作用非常重要,后续设计的依据主要来自于需求分析的成果,包括: 项目的目的…...
工业安全零事故的智能守护者:一体化AI智能安防平台
前言: 通过AI视觉技术,为船厂提供全面的安全监控解决方案,涵盖交通违规检测、起重机轨道安全、非法入侵检测、盗窃防范、安全规范执行监控等多个方面,能够实现对应负责人反馈机制,并最终实现数据的统计报表。提升船厂…...
2024年赣州旅游投资集团社会招聘笔试真
2024年赣州旅游投资集团社会招聘笔试真 题 ( 满 分 1 0 0 分 时 间 1 2 0 分 钟 ) 一、单选题(每题只有一个正确答案,答错、不答或多答均不得分) 1.纪要的特点不包括()。 A.概括重点 B.指导传达 C. 客观纪实 D.有言必录 【答案】: D 2.1864年,()预言了电磁波的存在,并指出…...
在 Nginx Stream 层“改写”MQTT ngx_stream_mqtt_filter_module
1、为什么要修改 CONNECT 报文? 多租户隔离:自动为接入设备追加租户前缀,后端按 ClientID 拆分队列。零代码鉴权:将入站用户名替换为 OAuth Access-Token,后端 Broker 统一校验。灰度发布:根据 IP/地理位写…...
3403. 从盒子中找出字典序最大的字符串 I
3403. 从盒子中找出字典序最大的字符串 I 题目链接:3403. 从盒子中找出字典序最大的字符串 I 代码如下: class Solution { public:string answerString(string word, int numFriends) {if (numFriends 1) {return word;}string res;for (int i 0;i &…...
CMake控制VS2022项目文件分组
我们可以通过 CMake 控制源文件的组织结构,使它们在 VS 解决方案资源管理器中以“组”(Filter)的形式进行分类展示。 🎯 目标 通过 CMake 脚本将 .cpp、.h 等源文件分组显示在 Visual Studio 2022 的解决方案资源管理器中。 ✅ 支持的方法汇总(共4种) 方法描述是否推荐…...
分布式增量爬虫实现方案
之前我们在讨论的是分布式爬虫如何实现增量爬取。增量爬虫的目标是只爬取新产生或发生变化的页面,避免重复抓取,以节省资源和时间。 在分布式环境下,增量爬虫的实现需要考虑多个爬虫节点之间的协调和去重。 另一种思路:将增量判…...
Git 3天2K星标:Datawhale 的 Happy-LLM 项目介绍(附教程)
引言 在人工智能飞速发展的今天,大语言模型(Large Language Models, LLMs)已成为技术领域的焦点。从智能写作到代码生成,LLM 的应用场景不断扩展,深刻改变了我们的工作和生活方式。然而,理解这些模型的内部…...
消息队列系统设计与实践全解析
文章目录 🚀 消息队列系统设计与实践全解析🔍 一、消息队列选型1.1 业务场景匹配矩阵1.2 吞吐量/延迟/可靠性权衡💡 权衡决策框架 1.3 运维复杂度评估🔧 运维成本降低策略 🏗️ 二、典型架构设计2.1 分布式事务最终一致…...
