前端面试题整合

最新推荐文章于 2022-12-25 18:51:19 发布
最新推荐文章于 2022-12-25 18:51:19 发布
阅读量170 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44387725/article/details/89075787
NodeJs（前端面试题整合）
m0_68271787的博客
04-01 901
gulp 是基于 node 的自动化构建工具作用：1 自动压缩 JS 文件2 自动压缩 CSS 文件3 自动合并文件4 自动编译 sass5 自动压缩图片6 自动刷新浏览器机制：Unix 操作系统的管道（pipe）思想 前一级输出 后一级输入常用命令：.src 输出（Emits）符合所提供的匹配模式（glob）或者匹配模式的数组（array of globs）的文件。将返回一个 Vinyl files 的 stream 它可以被 piped 到别的插件中。
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1722
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
前端应该掌握的一些技能
anchu7971的博客
06-10 340
css 1、盒模型 2、flex 3、css单位 4、css选择器 5、bfc 清除浮动 6、层叠上下文 7、常见页面布局 8、响应式布局 9、css预处理，后处理 10、css3新特性 animation和transiton的相关属性 animate和translate 11、display哪些取值 12、相邻的两个inline-block节点为...
【秋招面经】微盟前端题目总结
qq_40992225的博客
10-29 1569
说下页面布局的方式flex 的属性及使其垂直居中的方式隐藏页面中某个元素的方法CSS 选择器及优先级CSS 盒子模型BFC 概念、规则、触发方式加载css的是否会阻塞浏览器的解析和渲染Sass 如何实现复用Sass 中mixin 如何使用说下浏览器的存储浏览器的缓存协商缓存的过程js事件模型有哪几种说下闭包闭包应用的场景节流防抖使用过的ES6 方法ES6里的 set 和 map箭头函数的特性apply与bind的区别。
2019年最新前端面试题
魏晓栋
12-27 525
1.简述异步和同步的区别 ​ JS是单线程的，分主线程和队列事件，同步事件在主线程中执行，前一个执行完才能执行后一个，异步事件在队列中，等待 主线程的事件执行结束后才开始执行。 2.JS的基本数据类型 1.undefined 2.null 3,number 4,string 5.symbol 6.boolean (引用类型 object) 3.this指向问题 ​ this 是 JS 函数中的...
2016年9月前端面试题总结
weixin_30249203的博客
05-10 122
阿里内推： 死于一面：　1.js监听css3动画怎么实现，具体到每一帧（gg） 　　　　　　2.如何应对双边距的兼容问题 　　　　　　3.简单讲讲CMD，AMD应用场景，原理，区别（一半没答上来） 　　　　　　4.闭包原理，优势 　　　　　　5.zepto，seaJs用过没（没有==就直接跳过了） 　　　　　　6.react用过么？--没有，用过ng1,2 　　　　　　7.简单说下双...
前端实习生微信笔试题（附笔者答案）/ 深圳 day：1.10
weixin_46915259的博客
04-20 1163
前端面试题 请简单描述html、css、js（2分） 1.1：html是超文本标记语言，是用来描述网页的一种语言 1.2：CSS是层叠样式表，用于对HTML的元素进行渲染，美化页面 1.3：JavaScript是一种脚本语言，是单线程的。源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。可用来实现网页上的交互。 js有哪些数据类型（3分） 基本数据类型： String、Number、Boolean、Null、Undefined。 引用数据类型：Object、Arr
2025高频前端面试题（含答案）
热门推荐
weixin_44672169的博客
04-22 25万+
一、简单页面 1、CSS选择器样式优先级 2、CSS实现三列布局（左右固定宽度，中间自适应） （1）CSS浮动 第一个float:left，第二个float:right，第三个设置margin-left和margin-right （2）绝对定位法 第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right （3）flex布局 .left{ width:200px; 或者 flex:0 0 200px; } .right{ width:200px;
JS进阶篇（前端面试题整合）（三）
00后|互联网💻|办公室🍵茶农，希望通过技术改变生活|爱折腾💪|收集各类📚网络资源，好物不私藏，点点关注，不迷路。 全网搜：阿宇的编程之旅 or 阿宇的宝库
12-25 1157
最近刷面试题遇到了一些比较有意思的题目，做个记录（题目均来源于牛客网，解析均是本人的理解，有任何问题欢迎在评论区指出） Q：请问以下两次检测对象constructor是否拥有属性名1的结果分别是什么？Q：以下哪些对象是Javascript内置的可迭代对象？A：抛出ReferenceError。Q：下面这段程序的显示结果是？
前端开发面试题整合（css、js、vue。react等）
06-29
前端开发面试题整合（CSS、JS、Vue、React 等） 本文将详细解释前端开发面试中常见的 CSS 相关知识点，并提供相应的答案和解释。 1. CSS 中 position 定位有哪几个值可选？它们有什么区别？ CSS 中 position 定位...
前端300道常见面试题，前端找工作必备
weixin_43474701的博客
12-15 1万+
前端面试题汇总 一、HTML 和 CSS 1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident 内核Firefox：gecko 内核Safari:webkit 内核 Opera:以前是 presto 内核，Opera 现已改用 Google Chrome 的 Blink 内核Chrome:Blink(基于 webkit，Google 与 Opera Software 共同开发) 2、每个 HTML 文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 声明位
微盟2018校园招聘面试题学习
热爱技术、喜欢学习、乐于分享
09-22 1870
1.Integer等号判断题目     题目是这样的：     Integer t1=100;     Integer t2=100;     Integer t3=200;     Integer t4=300; 判断： t1==t2 返回的值t3==t4 返回的值 我们来看一下Integer的valueOf源码： 其中 默认IntegerCache.low
我的春招实习+秋招总结【前端开发】
赵乘风_i
11-06 4070
双非本科，通信工程，算是转到IT行业这边的了。从大二暑期正式开始学习前端，想想已经一年的时间了。期间经历了很多，从迷惘到清晰，从艰难自学到找到实习，从备战秋招到找到工作。能经历的我都经历过了。来说说那些【前端工作者】的艰辛与欢乐。 开始自学前端大二暑期留在学校，一边参加数学建模培训，一边自己学习前端的基础。由于之前学习过一些HTML和JS的基础，我就直接开始学习jquery了，跟着李炎恢老师的JQ
前端面试题整理 — 微信小程序 （2020年06）
莉莉的博客
11-12 2154
一.简单描述下微信小程序的相关文件类型？ wxml 、wxss 、js 、json ①.wxml 模板文件，是框架设计的一套标签语言，结合基础组件、事件系统、可以构建出页面的结构 ②.wxss 样式文件，是一套样式语言，用于描述WXML的组件样式 ③.js 脚本逻辑文件，逻辑处理网络请求 ④.json 配置文件，小程序设置，如页面注册，页面标题及tabBar app.json 整个小程序的全局配...
互联网大厂校招前端面试考点分享，你能答到第几题？
diaozhu1028的博客
06-13 342
大神说：如果你打开了这个网站，你会发现每一次点击，都会呈现出你在过去的网站中所看不到的交互式的动态效果，而这些效果的制造者，没错，正是我们的前端工程师。而现在html5和微信小程序的火爆，无疑是让风口浪尖上的前端更上一个层次，好了废话不多说，简单讲述一下互联网大厂的面试考点吧，看看你能答到第几题？！ 阿里校招： 1.js监听css3动画怎么实现，具体到每一帧 2.如...
最全前端面试问题及答案总结
永不放弃的博客
09-14 2万+
HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。 其他： HTTP、安全、正则、优化、重构、
一道有意思的微信前端面试题
weixin_34211761的博客
11-28 651
实现一个LazyMan，可以按照以下方式调用: LazyMan(“Hank”)输出: Hi! This is Hank! LazyMan(“Hank”).sleep(10).eat(“dinner”)输出 Hi! This is Hank! //等待10秒.. Wake up after 10 Eat dinner~ LazyMan(“Hank”).eat(“dinner”).eat(“suppe...
2020微信小程序前端面试题汇总
weixin_49295874的博客
12-10 2911
https://blog.youkuaiyun.com/guopeisi/article/details/104890221
webpack前端面试题
最新发布
06-14
<think>我们正在处理一个关于Webpack前端开发面试题汇总的请求。根据提供的引用内容，我们可以整合出一些常见的Webpack面试题。注意，我们需要根据引用内容来构建答案，同时确保回答结构清晰，并生成相关问题。根据引用内容，我们可以总结以下Webpack面试题：1.Webpack是什么？它的核心作用是什么？（引用[1]）2.如何使用Webpack进行打包？（引用[2]）3.Loader和Plugin的区别是什么？（引用[3]）4.请举例说明Webpack中常用的Plugin，例如DefinePlugin（引用[4]）5.如何利用Webpack优化前端性能？（引用[5]）此外，引用[1]提到有20道面试题，但这里我们只看到部分，所以我们可以结合其他引用补充一些。根据引用[5]的内容，还可以包括：6.什么是TreeShaking？原理是什么？7.什么是ScopeHoisting？作用是什么？8.生产环境和开发环境的SourceMap如何配置？现在，我们根据这些内容来组织回答，并生成相关问题。注意：回答中引用的段落末尾要自然地添加引用标识。</think>### Webpack 前端开发面试题汇总 Webpack 是前端开发的核心工具之一，以下是高频面试题总结（基于引用内容整合）： #### 一、核心概念类 1. **Webpack 的定义与核心作用** 静态模块打包工具，将JS/CSS/图片等资源转换为依赖图（Dependency Graph），通过入口文件递归构建依赖关系，输出优化后的静态资源[^1]。 2. **Loader 与 Plugin 的区别** - **Loader**：本质是函数，在打包前对文件进行转换（如 `ts → js`，`scss → css`）。运行时机在打包文件之前[^3]。 - **Plugin**：扩展Webpack功能，基于事件机制监听打包过程节点（如 `DefinePlugin` 创建全局常量）。运行时机在Loader结束后[^3][^4]。 $$ \text{Loader} \subset \text{预处理} \quad vs \quad \text{Plugin} \subset \text{生命周期扩展} $$ #### 二、配置与优化类 3. **基础打包流程** ```bash npx webpack ./src/main.js --mode=development # 开发模式 npx webpack ./src/main.js --mode=production # 生产模式 ``` 注意：`package.json` 的 `name` 字段不能为 `webpack`[^2]。 4. **性能优化策略** - **代码压缩**： - JS: `TerserPlugin` - CSS: `OptimizeCSSAssetsPlugin` - 图片: `image-webpack-loader` - **减少冗余**： - `Tree Shaking`：利用ES6模块静态分析移除未使用代码（需设置 `module: false`）[^5] - `PurgecssPlugin`：清除未使用的CSS - **提升运行效率**： - `Scope Hoisting`：合并模块作用域，减少闭包数量（生产模式默认开启）[^5] 5. **Source Map 配置** 生产环境推荐：`cheap-module-source-map`（平衡安全性与调试需求）[^5]。 #### 三、插件与高级功能 6. **常用插件示例** ```javascript const webpack = require('webpack'); plugins: [ new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') // 定义环境常量 }) ] ``` 该插件在编译时注入全局常量[^4]。 7. **模块热替换（HMR）原理** 通过WebSocket建立开发服务器与浏览器的通信，监听文件变化后替换模块而不刷新页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值