当前位置: 首页 > news >正文

前端面试考核点【更持续新中】

文章目录

    • HTML
    • css
    • js
    • Vue
    • React
    • TypeScript
    • 移动端&小程序
    • 编译/打包/构建
    • npm
    • nodejs
    • 微前端
    • 网络安全
    • 浏览器
    • 性能
    • OKR
    • 工程化、标准化

HTML

  1. Script放在body中间会阻塞吗?defer与async的区别?https://blog.csdn.net/qq_41887214/article/details/124909219

  2. DOM和CSSOM的构建会相互影响吗 https://blog.csdn.net/qq_41887214/article/details/130481228

css

  1. css尺寸单位,移动端适配方案
  2. 网站都变成灰色了,如何实现的呢?https://blog.csdn.net/qq_41887214/article/details/128173530
  3. css3:animation 属性 https://blog.csdn.net/qq_41887214/article/details/124586397

js

  1. this的指向 https://blog.csdn.net/qq_41887214/article/details/123624026
  2. 在构造函数里定义 function 和使用 prototype.func 有什么区别 https://blog.csdn.net/qq_41887214/article/details/129290638
  3. JS中判断数据类型的方法 https://blog.csdn.net/qq_41887214/article/details/103606946
  4. JavaScript的排序方法 https://blog.csdn.net/qq_41887214/article/details/130253312
  5. 实现一个发布订阅者模式 https://blog.csdn.net/qq_41887214/article/details/124836375

Vue

  1. vue 父子组件的生命周期顺序 https://blog.csdn.net/qq_41887214/article/details/103919975

  2. 自定义组件的 v-model https://blog.csdn.net/qq_41887214/article/details/120817103

  3. 解决【v-show 有时失效】问题 https://blog.csdn.net/qq_41887214/article/details/121376596

  4. vue响应式原理 https://blog.csdn.net/weixin_48181168/article/details/120158346

  5. 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

  6. 虚拟dom: https://blog.csdn.net/yiyueqinghui/article/details/105468012

  7. diff算法 https://blog.csdn.net/qq_41887214/article/details/130279091

  8. vue中的diff算法 https://blog.csdn.net/qq_41887214/article/details/130550580

  9. Vue3响应式原理 https://blog.csdn.net/qq_41887214/article/details/122508032

  10. Vue3
    10. 1. 常用 Composition API
    10. 2. watch watchEffect
    10. 3. 数据通讯方式
    10. 4. …

React

  1. React Vue 对比,更熟悉哪个
  2. 常用hooks有那些 https://react.docschina.org/reference/react/hooks
  3. useLayoutEffect:是 useEffect 的一个版本,在浏览器重新绘制屏幕之前触发。
  4. useCallback useMemo
  5. React:虚拟 DOM Diff 算法解析 https://blog.csdn.net/qq_41887214/article/details/130279091
  6. 如何在 React 中优雅的写 CSS?CSS作用域隔离 https://blog.csdn.net/qq_41887214/article/details/121579964
  7. React Fiber 架构详解 https://blog.csdn.net/qq_41887214/article/details/130570813
  8. React Fiber 使用 MessageChannel requestAnimationFrame 模拟实现requestIdleCallback https://blog.csdn.net/qq_41887214/article/details/131097303

TypeScript

  1. 使用程度
  2. interface 与 type 区别
  3. 如何声明一个全局变量
  4. d.ts文件 如何组织管理

移动端&小程序

  1. 移动端兼容问题举例
  2. 对小程序的实践,掌握的框架如 uni-app、taro

编译/打包/构建

  1. webpack 性能优化 https://webpack.docschina.org/guides/build-performance/#minimal-entry-chunk
  2. webpack 如何编写
  3. webpack 编写插件 https://blog.csdn.net/qq_41887214/article/details/128840821
  4. tapable详解 https://blog.csdn.net/qq_41887214/article/details/128822743
  5. rollup

npm

  1. npm包流程(发布、更新、废弃) https://blog.csdn.net/qq_41887214/article/details/120438332
  2. npm包更新发布版本流程

nodejs

  1. nodejs管理工具

  2. nodejs 方面的研究

  3. fs模块的常用方法 https://blog.csdn.net/qq_41887214/article/details/122871447

  4. Node.js 中间件机制 https://blog.csdn.net/qq_41887214/article/details/123935325

  5. 如何编写 cli

  6. 服务端 express、koa

微前端

网络安全

浏览器

  1. 浏览器缓存 https://blog.csdn.net/qq_41887214/article/details/108873188
  2. HTTP缓存https://blog.csdn.net/qq_41887214/article/details/129339031
  3. 常见的跨域现象和跨域解决 https://blog.csdn.net/qq_41887214/article/details/108955540
  4. 如何减少重排与重绘 https://blog.csdn.net/qq_41887214/article/details/108895624

性能

  1. Web前端最新优化指标:FP、FCP、FMP、LCP、TTI、CLS、FID、FPS等 https://blog.csdn.net/qq_41887214/article/details/130516839?spm=1001.2014.3001.5501
  2. 前端异常监控解决方案研究https://blog.csdn.net/qq_41887214/article/details/130651823
  3. 如何进行 web 性能监控?https://blog.csdn.net/qq_41887214/article/details/130658244
  4. web监控数据上报方案 https://blog.csdn.net/qq_41887214/article/details/130659155
  5. 前端性能优化 https://blog.csdn.net/qq_41887214/article/details/130233618

OKR

工程化、标准化

  1. 前端工程化

  2. 前端标准化

  3. 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越小&#xff1…...

【错误记录】Uncaught TypeError: m.nodeName.toLowerCase is not a function

描述:在控制台输出上述错误~ 原因:在页面中,使用jQuery 开发时,命名不能和jQuery一起方法属性冲突,比如这里的nodeName,这里换一个不冲突的名字,就解决问题了。...

王颖奇:ONES.ai 上线,以及我的一些思考

ONES.ai 正式上线!为你解锁更智能、更高效的新一代研发管理体验 我们上线了 ONES.ai,当然我们用了公开的 LLM(AI),目前我们最方便使用的就是公开的 LLM,其实是不是 公开的 LLM 也不重要,在未来可预见的时间内&#xff…...

将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 最后 插件市场 插件市场 效果如下图 注意 主要&#xff1a;使用my-share.vue和绘制canvas的hch-poster.vue这两个使用 使用my-share.vue <template&…...

【算法专题】双指针

双指针 双指针1. 移动零2. 复写零3. 快乐数4. 盛水最多的容器5. 有效三角形的个数6. 和为s的两个数字7. 三数之和8. 四数之和 双指针 常见的双指针有两种形式&#xff0c;⼀种是对撞指针&#xff0c;⼀种是左右指针。 对撞指针&#xff1a;⼀般用于顺序结构中&#xff0c;也称…...

redis运维(七)基础通用命令

一 基础通用命令 备注&#xff1a; 与具体数据类型无关Tab键 自动补全补充&#xff1a; redis 命令是不区分大小写 通用不到 10 个提升逼格的 redis 命令 后续&#xff1a; slowlog、rename-command、monitor、set ① help command 需求&#xff1a; 显示有关redis命令的…...

搜索引擎ElasticSearch分布式搜索和分析引擎学习,SpringBoot整合ES个人心得

ElasticSearch Elasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎&#xff0c;基于RESTful web接口。Elasticsearch是用Java语言开发的&#xff0c;并作为Apache许可条款下的开放源码发布&#xff0c;是一种流行的企业级搜索引擎。Elas…...

云原生微服务架构图

云原生微服务架构的具体架构图会根据应用程序的需求、规模和业务场景而有所不同。以下是一个通用的云原生微服务架构图&#xff0c;具体每层的组件可能有所不同&#xff1a; 用户界面层&#xff1a; Web应用或移动应用&#xff1a; 提供用户访问和交互的前端应用。API Gateway&…...

泊车功能专题介绍 ———— AVP系统技术要求之人机交互云平台

文章目录 人机交互车端人机交互车外人机交互灯光交互声音交互 车内人机交互信号装置标示的交互声音交互 场景左右转弯经过让行提示泊入泊出 激活及退出条件激活条件退出条件 场端人机交互V2X交互故障车提醒路口盲区预警弱势交通参与者提醒 场端设施的预警车辆入场车辆故障 APP人…...

精密云工程:智能激活业务速率 ——华为云11.11联合大促倒计时 仅剩3日

现新客3.96元起&#xff0c;下单有机会抽HUAWEI P60 Art&#xff0c;福利仅限双十一&#xff0c;机会唾手可得&#xff0c;立即行动&#xff01; 双十一购物节来临倒计时&#xff0c;华为云备上多款增值产品&#xff0c;以最优品质迸发冬日技术热浪&#xff0c;满足行业技术应用…...

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循环可以遍历数组&#xff0c;它一共有三个参数&#xff0c;第一个参数可以当成数组索引值&#xff0c;想要遍历时候可以设置初始值为0&#xff0c;然后以数组长度为判断依据&#xff0c;如果不…...

Python程序设计基础2

第1关:HUT开学了: # 请在此添加代码 Name = input() # 输入学生的姓名 ########## Begin ########## print("|++++++++++++++++++++++|") print("| |") print("| Welcome to HUT |") print("| …...

域名服务器有哪些类型

域名服务器有哪些类型 随着现在网络的不断发展&#xff0c;越来越多的企业开始使用网络建站&#xff0c;以此来进行营销和推广&#xff0c;而网站在建设过程中需要使用域名和空间&#xff0c;那么域名服务器是什么&#xff1f;下面由给大家说一下。 主域名服务器 负责维护一…...

5.什么是Spring的依赖注入(DI)?IOC和DI的区别是什么

很多人把IOC和DI说成一个东西&#xff0c;笼统来说的话是没有问题的&#xff0c;但是本质上还是有所区别的,希望大家能够严谨一点&#xff0c; IOC和DI是从不同的角度描述的同一件事&#xff0c;IOC是从容器的角度描述&#xff0c;而DI是从应用程序的角度来描述&#xff0c;也…...

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器的上位机配置操作说明

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器专为工业环境精心打造&#xff0c;完美适配AGV和无人叉车。同时&#xff0c;集成以太网与语音合成技术&#xff0c;为各类高级系统&#xff08;如MES、调度系统、库位管理、立库等&#xff09;提供高效便捷的语音交互体验。 L…...

23-Oracle 23 ai 区块链表(Blockchain Table)

小伙伴有没有在金融强合规的领域中遇见&#xff0c;必须要保持数据不可变&#xff0c;管理员都无法修改和留痕的要求。比如医疗的电子病历中&#xff0c;影像检查检验结果不可篡改行的&#xff0c;药品追溯过程中数据只可插入无法删除的特性需求&#xff1b;登录日志、修改日志…...

Spring Boot+Neo4j知识图谱实战:3步搭建智能关系网络!

一、引言 在数据驱动的背景下&#xff0c;知识图谱凭借其高效的信息组织能力&#xff0c;正逐步成为各行业应用的关键技术。本文聚焦 Spring Boot与Neo4j图数据库的技术结合&#xff0c;探讨知识图谱开发的实现细节&#xff0c;帮助读者掌握该技术栈在实际项目中的落地方法。 …...

Ascend NPU上适配Step-Audio模型

1 概述 1.1 简述 Step-Audio 是业界首个集语音理解与生成控制一体化的产品级开源实时语音对话系统&#xff0c;支持多语言对话&#xff08;如 中文&#xff0c;英文&#xff0c;日语&#xff09;&#xff0c;语音情感&#xff08;如 开心&#xff0c;悲伤&#xff09;&#x…...

学习STC51单片机32(芯片为STC89C52RCRC)OLED显示屏2

每日一言 今天的每一份坚持&#xff0c;都是在为未来积攒底气。 案例&#xff1a;OLED显示一个A 这边观察到一个点&#xff0c;怎么雪花了就是都是乱七八糟的占满了屏幕。。 解释 &#xff1a; 如果代码里信号切换太快&#xff08;比如 SDA 刚变&#xff0c;SCL 立刻变&#…...

蓝桥杯3498 01串的熵

问题描述 对于一个长度为 23333333的 01 串, 如果其信息熵为 11625907.5798&#xff0c; 且 0 出现次数比 1 少, 那么这个 01 串中 0 出现了多少次? #include<iostream> #include<cmath> using namespace std;int n 23333333;int main() {//枚举 0 出现的次数//因…...

基于 TAPD 进行项目管理

起因 自己写了个小工具&#xff0c;仓库用的Github。之前在用markdown进行需求管理&#xff0c;现在随着功能的增加&#xff0c;感觉有点难以管理了&#xff0c;所以用TAPD这个工具进行需求、Bug管理。 操作流程 注册 TAPD&#xff0c;需要提供一个企业名新建一个项目&#…...

LRU 缓存机制详解与实现(Java版) + 力扣解决

&#x1f4cc; LRU 缓存机制详解与实现&#xff08;Java版&#xff09; 一、&#x1f4d6; 问题背景 在日常开发中&#xff0c;我们经常会使用 缓存&#xff08;Cache&#xff09; 来提升性能。但由于内存有限&#xff0c;缓存不可能无限增长&#xff0c;于是需要策略决定&am…...

Python环境安装与虚拟环境配置详解

本文档旨在为Python开发者提供一站式的环境安装与虚拟环境配置指南&#xff0c;适用于Windows、macOS和Linux系统。无论你是初学者还是有经验的开发者&#xff0c;都能在此找到适合自己的环境搭建方法和常见问题的解决方案。 快速开始 一分钟快速安装与虚拟环境配置 # macOS/…...

qt+vs Generated File下的moc_和ui_文件丢失导致 error LNK2001

qt 5.9.7 vs2013 qt add-in 2.3.2 起因是添加一个新的控件类&#xff0c;直接把源文件拖进VS的项目里&#xff0c;然后VS卡住十秒&#xff0c;然后编译就报一堆 error LNK2001 一看项目的Generated Files下的moc_和ui_文件丢失了一部分&#xff0c;导致编译的时候找不到了。因…...