0426 手打基础丸

163 阅读2分钟

手打基础丸 🧆 => 精选基础知识,经过多道工序精心制作而成,口感鲜嫩多汁。一口咬下,香气四溢,加上传统前端风味,令人回味无穷...... 助力食用者厚积薄发,夯实根基进阶上层。

vue2支持哪个版本的IE浏览器?

IE10、11完全支持,IE9基本支持,某些功能不支持、IE8以下完全不支持(vue2基于ES5,其中的Object.defineProperty方法不支持IE8及以下)

MVVM、MVP、MVC模式?

MVVM:model--view--viewModel,视图通过声明式绑定vm,用户与视图交互vm自动更新m,m更新后vm自动更新v,实现了视图和模型的自动同步更新

MVP:model--view--presenter,mvc的改进版,所有交互通过presenter分别传递给视图和模型,视图模型各兼其职相互独立

MVC:model--view--controller,controller接收用户输入,操作模型后更新视图

vue中如何监听键盘事件?

使用监听键盘事件@keyup、@keydown

使用键盘修饰符

@keyup.键名如@keyup.enter或者@keyup.alt.enter(支持组合键)

@click.enter.exact ='onClick(自定义方法)' // 仅在按下ctrl且未按下其他键时触发,exact精确控制

vue支持自定义按键别名, 键名不支持驼峰命名 config.keyCodes = { enter: 0 }

什么是前端工程化?

指通过工具、流程、规范的引入,提高开发效率、代码质量和项目可维护性所作的一系列工作。涵盖从代码编写到项目部署的整个生命周期。

工程化组成部分:

构建工具:webpack(打包)、vite(快速开发)

自动化工具:gulp(自动化构建)、grunt(任务运行)

包管理工具:npm、yarn

ESLint?

是一种JS静态代码分析工具,用于统一规范代码书写语法规则和风格。

可以在早期阶段发现潜在错误,提高代码质量和代码可维护性。