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