2024年vue之项目实战elementUI经验之谈，一个web从启动到主页面显示经历了哪些过程

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

• 2.测试案例书写

• 3.测试命令执行

• 4.参考API

• 三、npm安装错误

• • 1.chromedriver@2.46.0 install: `node install.js`

• 2.‘cross-env’ 不是内部或外部命令，也不是可运行的程序

• 四、vue参考文档部署

• 项目js常用误区

• 项目vue用法采坑

• 项目兼容性问题

• • 一、ie的兼容性问题
• • （一）、placeholder在ie上的兼容性问题
• • 1.input输入框有placeholder时

• 2.autoComplete组件

• 3.placeholder样式问题

• （二）、ie9打包后，切换tab,table组件数据不显示（组件elementUI 2.2.0版本）

• elementUI用法注意事项

• • 一、服务器搭建elementUI文档官网步骤

• 二、基于elemenUI设定项目框架

vue项目编译搭建

========================================================================

一、babel预编译

---

1.导出模块报错

编译module.exports.default = *** 报错

方案解决：

二、cli脚手架

---

（一）、cypress端到端测试

1.依赖包安装

方法一、离线安装：

下载cypress.zip包

配置系统环境变量

CYPRESS_INSTALL_BINARY

文件路径:./cypress.zip

重启电脑

运行npm i

方法二、在线安装：

@cypress/code-coverage

@vue/cli-plugin-e2e-cypress

在线安装速度慢时建议采用离线安装

2.测试案例书写

3.测试命令执行

package.json配置

“test:unit”: “vue-cli-service test:unit”,

“test:e2e”: “vue-cli-service test:e2e – mode development --headless”,

“test:e2e-gui”: “vue-cli-service test:e2e --mode development”

在现有项目中搭建测试

安装cli：npm install -g @vue/cli

运行：vue add e2e-cypress

4.参考API

cypress官网地址

e2e-cypress用法网址

三、npm安装错误

---

1.chromedriver@2.46.0 install: node install.js

解决方案：npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

2.‘cross-env’ 不是内部或外部命令，也不是可运行的程序

解决方案：

npm install --save-dev cross-env

类似报错

**’webpack’ 不是内部或外部命令，也不是可运行的程序

或批处理文件。**

四、vue参考文档部署

---

1.从git上clone代码

2.依赖安装

npm i

3.运行指令

npm run start

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

[外链图片转存中…(img-8Sxw4i3Q-1714821445297)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】