前端模块化是指将前端代码按照模块化的方式进行组织和管理，以提高代码的可维护性、复用性和可扩展性。传统的前端开发中，代码通常是以全局变量和函数的形式存在，容易造成命名冲突、代码耦合度高等问题。模块化开发则通过将代码分割为独立的模块，每个模块只暴露必要的接口，从而实现代码的分层管理和复用。

前端工程化是指利用各种工具和技术来提高前端开发效率、优化项目管理、提升代码质量和可维护性的过程。它涵盖了项目构建、模块化开发、自动化测试、代码规范、版本管理、性能优化等多个方面。

JS 中的异步调用是指在代码执行过程中，某些任务不会阻塞代码的执行，而是在后台继续执行，等待任务完成后再执行相应的回调或者继续执行后续代码。异步调用通常用于处理需要等待的操作，比如网络请求、定时器等。

CSS布局：

• 正常布局流
• display属性
• 弹性盒子
• 网格
• 浮动
• 定位
• CSS 表格布局
• 多列布局

多端适配的思路：

1. 响应式设计（Responsive Design）
2. 自适应设计（Adaptive Design）

浏览器兼容性

网页的浏览器兼容性指网页在各种浏览器上的显示效果尽量保持一致的状态，90年代末的浏览器大战开始时被广泛使用。【维基百科】

Description

当接口返回数据存在层层嵌套的情况，且嵌套层数不固定时。

用多层for循环处理数据会超时，导致页面卡顿，且代码逻辑混乱。

改用递归处理数据则耗时短，代码逻辑清晰。

1. What is a trigger

触发器（trigger）：监视某种情况，并触发某种操作，它是提供给程序员和数据分析员来保证数据完整性的一种方法，它是与表事件相关的特殊的存储过程。

它的执行不是由程序调用，也不是手工启动，而是由事件来触发，例如当对一个表进行操作（ insert，delete， update）时就会激活它执行。

• onclick可以由JS引擎直接识别，在全局寻找对应处理方法。
• @click是vue语法糖，由vue在自己的methods里寻找对应处理方法。

elementUI的分页组件el-pagination，有一个属性叫current-page，由调用它的组件（即父组件）通过props传给它（el-pagination）。

有一种情境：数据很多时，当前有多页（1~N），1 < current-page <= N，当一次点击使数据变得很少以至于只有一页数据时，el-pagination组件把当前页码置为1，又因为current-page是父组件的数据，所以只能由父组件来修改，即要么添加.sync修饰符，要么向父组件发送事件父组件在methods里自己改。

如果什么都不做，那么current-page还是原先那个大于1的数字（比如是2），但此时子组件里当前页码是1，产生了冲突。假如此时一次点击使数据变得较多产生了很多页，那么当前页码是1，但是current-page是2，此时用户点击页码2想跳转到第二页，但是点击之后current-page被复制为2，子组件发现current-page被赋值前后没有变化，故页码2不会被高亮，页码1仍高亮。