最新使用webpack打包样式文件，以及html文件，前端开发包括什么

总结

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

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

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

前端面试题汇总

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

JavaScript

性能

linux

hello

4.index.less

h3{

color: aqua;

font-size: larger;

}

5.index.js

import ‘./index.less’

function reduce(x,y) {

return x-y;

}

console.log(reduce(3,1));

6.最重要的就是配置了。

const HtmlWebpackPlugin = require(‘html-webpack-plugin’);

const { resolve } = require(‘path’);

module.exports = {

entry: ‘./src/index.js’,

output: {

path: resolve(__dirname, ‘./dist’),

filename: ‘bundle.js’,

},

plugins: [

//自动打包所有资源,引入到dist文件夹中的index.html

new HtmlWebpackPlugin({

template: ‘./src/index.html’

})

],

module: {

rules: [

{

test: /.less$/,

use:[‘style-loader’,‘css-loader’,‘less-loader’]

}

]

ES6

• 列举常用的ES6特性：

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

• let、const、var

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

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

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

微信小程序

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

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

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

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

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

• 简述微信小程序原理？

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

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