1. webpack3和webpack4的区别1.1. mode/–mode参数新增了mode/--mode参数来表示是开发还是生产(development/production)production 侧重于打包后的文件大小,development侧重于goujiansud1.2. 移除loaders,必须使用rules(在3版本的时候loaders和rules 是共存的但是到4的时候只...
转载 2022-03-29 14:32:17
190阅读
1. webpack 打包原理把所有依赖打包成一个 bundle.js 文件,通过代码分割成单元片段并按需加载。 2. webpack 的优势(1) webpack 是以 commonJS 的形式来书写脚本滴,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁移;(2)能被模块化的不仅仅是 JS 了;(3)开发便捷,能替代部分 grunt/gulp 的工作,比如打包、压缩混淆、图片转ba
转载 2021-07-13 15:52:15
347阅读
1. webpack3和webpack4的区别1.1. mode/–mode参数新增了mode/--mode参数来表示是开发还是生产(development/production)production 侧重于打包后的文件大小,development侧重于goujiansud1.2. 移除loaders,必须使用rules(在3版本的时候loaders和rules 是共存的但是到4的时候只...
转载 2021-06-30 16:33:20
106阅读
? 什么是热更新(HMR - Hot Module Replacement)?热模块替换(Hot Module Replacement, HMR)是前端开发中的赖ESBuild,即时编译速度快使用。
原创 7月前
199阅读
1、与webpack类似的工具还有哪些?谈谈你为什么选择webpack?grunt优点:出现的比较早,第一代打包工具缺点:配置项太多,只有一个配置文件,而且不同的插件可能有自己的配置字段,学习成本较高gulp 基于nodejs的steam流打包工具优点:流式写法,简单直观,api少,代码量少,适合多页面应用开发缺点:异常处理麻烦,都是异步操作,很难精细的控制执行顺序webpackwebpack
原创 2022-09-03 07:32:43
842阅读
webpack面试题总结 本文主要是对webpack面试会常被问到的问题做一些总结,且文章会不断持续更新1.webpack打包原理把所有依赖打包成一个 bundle.js 文件,通过代码分割成单元片段并按需加载。2.webpack的优势(1) webpack 是以 commonJS 的形式来书写脚本滴,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁移。(2)能被模块
转载 2023-10-07 22:37:42
132阅读
从头发的浓密程度和干练的走路姿势我察觉到,面前坐着的这位面试官也是一把好手。我像以往一样,准备花3分钟的时间进行自我介绍。在此期间,我的目光被16寸的MacBook Pro所吸引,这次的自我介绍我做足...
转载 2021-07-26 10:02:39
159阅读
一. JS中的let和var的区别 在ES6之前,我们都是用var来声明变量,而且JS只有函数作用域和全局作用域,没有块级作用域,所以{}限定不了var声明变量的访问范围。 例如:{ var i = 9; } console.log(i); // 9 //ES6新增的let,可以声明块级作用域的变量。 { let i = 9; // i变量只在 花括号内有效!!! }
转载 2023-12-24 12:52:11
47阅读
HTML+CSS1.如何清除浮动?(4种)clear:both:本质就是闭合浮动, 就是让父盒子闭合出口和入口,不让子盒子出来   (1).额外标签法:在最后一个浮动标签后,新增加一个标签,给其设置 clear:both;(不推荐)        优点:通俗易懂,方便        缺点:添加无意义
转载 2023-07-21 16:07:02
388阅读
一. 说说你对vue的了解谈谈对它的理解吧: 1、Vue 作者尤雨溪 2、是一套构建用户界面的渐进式框架。 3、Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 4、Vue的编译器在编译模板之后,会把这些模板编译成一个渲染函数 。而函数被调用的时候就会渲染并且返回一个 虚拟DOM的树 。 5、 用Object.defineProperty 方法实现双向数据绑定。比如,
转载 2023-11-13 09:24:40
113阅读
收集整理2022年最新前端面试题及答案,方便平时翻看记忆,欢迎各位大佬们补充。一般来说,把下面基础中的高频题写熟练就差不多了。当然去面大厂这些远远不够,还要再刷一些算法题。基础高频1.手写 instanceof// 原理:验证当前类的原型prototype是否会出现在实例的原型链proto上,只要在它的原型链上,则结果都为true function myinstanceOf_(obj, class
转载 2023-08-06 00:40:17
286阅读
前言从前端学习到找一份合适的工作,大大小小的面试必不可少,所以我对初级前端面试题进行了初步整理,也方便自己查阅,也希望对小伙伴们有所帮助!  HTMLHTML语义化HTML语义化就是让页面内容结构化,它有如下优点1、易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。2、有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。3、方便其他设备解析,如盲人阅读器根据语义渲染网页4、有
原创 2022-12-11 16:28:44
1410阅读
1点赞
1、前端面试题
原创 2022-11-26 16:42:16
1067阅读
谈谈你对webpack的看法 webpack是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件(图片,字体)等,让开发更高效。对于不同类型的依赖,webpack有对应的模块加载器,而且会分析模块间的依赖关系,最后合并生成优化的静态资源。 webpack的基本功能和工作原理?...
原创 2022-10-13 16:59:35
56阅读
webpack是一个模块打包工具,可以递归地打包项目中的所有模块,最终生成几个打包后的文件。区别:webpack支持代
1.v-show和v-if的区别v-show是通过display控制元素的显示隐藏.v-if是真正的渲染和销毁.如果频繁切换用v-show.2.v-show和keep-alive的区别简单的用v-show,复杂的用keep-alive,如tab切换3.v-for为什么用keykey是元素的唯一标识,可以减少渲染次数,提高性能4.vue生命周期beforecreate 还没有初始化data和meth
转载 2021-04-08 09:17:29
466阅读
2评论
undefined、任意的函数以及 symbol 作为对象属性值时 JSON.stringify() 对跳过(忽略)它们进行序列化 undefined、任意的函数以及 symbol 作为数组元素值时,JSON.stringify() 将会将它们序列化为 null undefined、任意的函数以及 symbol 被 JSON.stringify() 作为单独的值进行序列化时,都会返回 unde...
原创 2021-09-02 14:02:49
282阅读
1.style标签在上面和下面的区别style标签在HTML文档中的位置,实际上会影响页面的加载和显示效果。放在下面会导致页面先加载html,加载完成后加载css。如果在HTML文档中将style标签放在body标签后面,会导致浏览器在解析到尾部样式表(外联或写在style标签)时停止之前的渲染,等待加载且解析样式表完成后重新渲染。这可能会导致FOUC(Flash of Unstyled Cont
原创 2023-11-09 16:14:01
117阅读
原创 2021-08-02 15:43:25
326阅读
Javascript 有多少种数据类型,如何判断?primitive types(基本类型,栈内存):Number String Boolean Null Undefined Symbol object types(对象类型,堆内存): Object Array Date RegExp Map Set 等等结合 typeof 和 instanceof 可以判断一个通用的方法是 Object.pro
原创 2023-10-18 02:10:46
382阅读
  • 1
  • 2
  • 3
  • 4
  • 5