前端面试技术总结
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 条评论
下一页
为你推荐
查看更多