前端呆头鹅

一 如何优化首次加载时的白屏时间？1.1 尽量减少文件大小1.2 减少关键资源个数1.面试官直呼高手，当即录用。 通常情况下的优化主要体现在下载 CSS 文件、下载 JavaScript 文件这些关键资源，和执行 JavaScript造成的阻塞问题。1.尽量减少文件大小，比如通过...

一 组件定义与引用1.1 方案分析1.2 组件定义1.3 组件引入1.二 组件封装2.1 页面初步绘制2.2 文章详情接口准备2.2.1 接口定义2.2.2 接口封装2.2.2.该组件功能为，展示文章详情，具有审核通过与审核不通过操作项。1.新建文件src/views/artic...

一 列表展示功能1.1 模拟接口1.2 接口封装1.3 接口调用1.4 页面绘制1.4.1 el-table列表绘制1.4.二 分页查询功能三 条件查询功能3.1 页面绘制3.2 定义事件3.2.1 查询3.2.文章管理模块主要进行对文章的增删改查。首先开发列表展示功能，具有查询...

当点击 编辑 按钮后，弹出编辑窗口，并查询出标签信息渲染。修改后点击确定 提交。编辑对话框组件与前文中新增对话框组件为同一组件，无需绘制页面和再次引入。这里需要两个模拟接口，打开对话框时需要根据对应id取出标签信息作初始渲染，点击确认提交时提交数据。1.1.在src\api\la...

整个过程需要各个进程之间的配合。进程与线程是两个概念，程序启动时，操作系统为程序创建内存，用以存放代码、运行中的数据和执行任务的线程，这样的一个运行环境叫进程。目前浏览器皆为多进程浏览器，也就是浏览器的运行需要多个进程同时协作，共同运行。1.浏览器进程主要负责用户交互、子进程管理...

一 页面绘制二 组件引入三 组件传值四 方法定义4.1 对话框弹出事件4.2 对话框关闭事件4.3 校验事件4.4 提交事件4.4.1 准备接口4.4.2 接口封装4.4.点击新增按钮，弹出对话框，点击对话框确认键，校验与提交对话框内表单内容。与类别管理部分相同，新增与修改共用一...

一篇博文对应一个类别，但是对应多个标签。标签管理的功能也是，展示，修改等。首先准备标签数据列表接口。1.1.新建src/api/label.js，在其中放置标签相关接口。data: { ...和类别管理形同，传入查询条件，当前页，每页行数，取回数据。1.在src\views\la...

类别修改一 绘制页面二 模拟接口设置2.1 id查询分类2.三 接口封装四 方法定义4.1 对话框弹出4.点击编辑按钮，弹出对话框，修改类别相关信息，点击确认键提交。观察到，类别修改对话框与类别增加对话框几乎相同，所以可以使用同一组件。两者标题，表单内容，提交事件(触发接口)不同...

类别新增一 组件引入二 组件页面绘制2.1 绘制对话框2.三 数据引入四 方法定义4.1对话框弹出事件4.2 对话框关闭事件4.3 表单校验4.4 表单提交4.4.1 模拟接口设置4.4.2 接口封装4.4.上章中我们建立了一个类别新增按钮。现在我们为该按钮填充事件。添加新增类别...