2024年Web前端最全Electron-vue实战-每日清单---04登录页面与开机自启动的实现，字节跳动+阿里+华为+腾讯等大厂前端面试题

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

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

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

在src/main/index.js中的createWindow()函数中，Electron-vue已经为我们写好了创建窗口的实例。在这里调用到了BrowserWindow，具体的参数设置以及使用参考官方文档。这里我们先引入BrowserWindow：

import { BrowserWindow } from ‘electron’

然后看一下我们需要的参数，目前我们只需要设置窗口的宽高

// 定义一个mainWindow作为主窗口

mainWindow = new BrowserWindow({

height: 310,//窗口的高度

width: 330,//窗口的宽度

})

到这里，目前我们就可以创建一个页面了，那么Electron要如何来显示我们vue写好的页面，其实Electron-vue已经为我们做好了。

第二步 引入页面

// 定义了一个winUrl,存储要加载的页面

const winURL = process.env.NODE_ENV === ‘development’

? http://localhost:9080

file://${__dirname}/index.html

在Electron-vue中index.html对应的是index.ejs ！！！

第三步 加载页面

// 用主窗口去加载页面

mainWindow.loadURL(winURL)

到此为止，我们已经了解了Electron是如何加载页面的

下面的内容，需要了解vue！！！

下面我们开始制作登录页面，

第一步 创建文件以及文件夹

在renderer中创建一个名为layout的文件夹，并在此文件夹中创建login.vue文件.

第二步 使用element-ui实现如下页面

可以看到这是一个form表单，需要引入el-form ,然后里面有用户名输入框，密码输入框，自启动radio，已经两个button。

<el-form :model=“ruleForm” :rules=“rules” ref="ruleForm"label-width="80px"label-position=“left”>

<el-input type=“password” v-model=“ruleForm.password” placeholder="请输入密码"style=“width: 180px;”>

<el-button type=“primary” @click=“submitForm(‘ruleForm’)”>提交

<el-button @click=“resetForm(‘ruleForm’)”>重置

确定form中的数据有：userName，password，autoStart，直接使用vue进行的v-model进行绑定。

分析：

1. 我们需要定义的字段

data() {

return {

user: [],

autoStartLocal:false, // 记录本地存储的自启动，如果本地已经将自启动写入注册表，这个数据和表单里的autoStart进行比较，防止多次写入。

ruleForm: {

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

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

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。