导文 CSS 1. 请解释CSS的盒模型是什么，并描述其组成部分。 答案：CSS的盒模型是用于布局和定位元素的概念。它由内容区域、内边距、边框和外边距组成，这些部分依次包裹在元素周围。 2. 解释CS

“这是我参与8月更文挑战的第8天，活动详情查看： 8月更文挑战” 30W字前端面试题总结，值得收藏！

前端使用 vue ，后端使用 express 框架 ，数据库使用 mongodb，从零实现一个简单的注册功能 ，练习使用 nodejs 书写接口的能力。

项目背景 我们的系统（一个 ToB Web 的单页应用）经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。 项目整体是基于 Vue + TypeS

如果想做到前端负责人，项目搭建封装是必须掌握的，没有人甘于平庸，我想你也是！多入口打包+pinia+pinia插件开发+路由动画+axios二次封装+viewport等等，项目中会用到的，我都有写。

在面试时，面试官一般都会问候选人简历中所列的项目，让介绍下项目经验。常见的问法是，说下你最近的一个项目。面试中很多人忽视对这一个环节的准备，甚至不知该如何去准备，本文就面试中项目经验的准备做了总结。

相信大家都听说过"258原则"，一个网站的性能好坏很大程度上会影响到用户的体验。 在我经历的多个电商与大屏项目的优化性能的项目后，我发现图片资源的处理在网站性能优化中有着举足轻重的作用。

图片是一个网站的重要组成部分，图片影响这页面的美观和品质。简单来说图片对于网站建设的作用就是吸引用户、彰显网站风格、美化网站、简化网站页面，但是图片的不合理使用可能会影响页面的打开速度和用户的正常浏览

最近在做一个项目，技术栈为vue全家桶 + element-ui + echarts，打包后发现有1.44M，首屏体验很差。这能忍？果断开始优化。下面说说我是如何将一个打包后1.44MB的项目变成打包后只有0.42MB，性能提升70% 的。 vue-cli提供了一个很方便的查看…