前端面试技术总结
2022-09-14 17:00:22 0 举报AI智能生成
适用于前端面试，2-3年工作经验
作者其他创作
大纲/内容
flex
vw/vh
rem/em
布局
核心对象XMLHttpReques
axios是通过Promise实现对ajax技术的一种封装，主要使用其异步通信功能
两者都支持数据请求，但是axios可以拦截请求和响应
ajax/axios
element-ui（主要使用）
vant-ui（阿里的）
view-ui-plus（v3的ui组件库）
element-ui-plus（v3的ui组件库）
uView-ui（全面兼容vue和uni-app）
AntV（蚂蚁集团）
echarts（百度--》Apache）
数据可视化
组件库
uni-app（Vue.js 开发方式的跨端开发框架）
vuex状态管理
vue2
pinia状态管理
vue3
开发框架
websokect即时通信（一般用于对话框或消息提示）
通信协议
骨架屏
数据懒加载
图片懒加载
防抖节流
重排重绘
性能优化
scss在服务端编译，less在浏览器编译
定义变量：scss用$，less用@
less
两者都是预处理动态编译语言
sass
css
fetch与pull的区别
如何判断哪个文件发生了冲突
git
eslint（统一代码风格）
cloneDeep（深拷贝）
lodash（工具库）
day.js（解析验证操作显示日期和时间，替代moment.js）
axios（最常见的请求库）
mock.js（生成随机数据）
crypto.js（密码、token加密）
js
解构
数组操作
箭头函数
promise
async/await
es6
手写简单服务器
node.js
Swiper（主要解决移动端的触摸滑动，轮播图等）
fullPage（全屏滑动库）
PhotoSwipe（图片预览组件，常与上面两个配合使用）
移动端
在 module.rules 中配置，类型为数组。每一项都是一个 Object
本质是函数，对接收内容进行转换，返回转换后的结果。
Loader
在 plugins 中单独配置，类型为数组，每一项是一个 Plugin 的实例
就是插件，可以扩展webpack的功能
Plugin
启动构建，读取与合并配置参数，加载 Plugin，实例化 Compiler
初始化
从 Entry 出发，针对每个 Module 串行调用对应的 Loader 去翻译文件的内容，再找到该 Module 依赖的 Module，递归地进行编译处理
编译
将编译后的 Module 组合成 Chunk，将 Chunk 转换成文件，输出到文件系统中
输出
运行流程
webpack
vite
打包工具
技术总结
0 条评论
回复 删除
下一页
