首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

新鲜出炉的8月前端面试题

基础题 题目的答案提供了一个思考的方向,答案不一定正确全面,有错误的地方欢迎大家请在评论中指出,共同进步。...postmessage javascript 中常见的内存泄露陷阱 内存泄露会导致一系列问题,比如:运行缓慢,崩溃,高延迟 内存泄露是指你用不到(访问不到)的变量,依然占居着内存空间,不能被再次利用起来 意外的全局变量...,会一直向后传递,直到被捕获为止,也即是说,错误总会被下一个catch语句捕获 当Promise链中抛出一个错误时,错误信息沿着链路向后传递,直至被捕获 网站性能优化 http 请求方面,减少请求数量,...的一些原理和机制,怎么实现的 解析webpack配置参数,合并从shell传入和webpack.config.js文件里配置的参数,生产最后的配置结果。...注册所有配置的插件,好让插件监听webpack构建生命周期的事件节点,以做出对应的反应。 从配置的entry入口文件开始解析文件构建AST语法树,找出每个文件所依赖的文件,递归下去。

1.1K31

Webpack4 常用配置详解

} } SourceMap配置 Webpack打包后如果文件出错会把错误指向打包后的文件中的某一行,而我们更需要知道是源文件哪一行出错,这时就需要配置source-map ,在moudule.exports...,有助于加快编译速度; module 检测loader的错误,因此错误更全,方便快速查找错误 ; eval表示soucemap的映射代码放到打包后的js文件中,而不是生成source.map.js文件...: true // 当模块热更新失败时浏览器也不自动刷新 // proxy 可以配置跨域 } 当需要更改css文件时页面不刷新,则需要设置hot,启动HotModuleReplacement:先引入...webpack模块:const webpack = require('webpck'),再引入插件 plugins: [ new webpack.HotModuleReplacementPlugin...增加模块识别规则: module: { rules: [ { test: /\.

1.5K30
您找到你想要的搜索结果了吗?
是的
没有找到

记一次前端大厂面试

意外的全局变量,这些都是不会被回收的变量(除非设置 null 或者被重新赋值),特别是那些用来临时存储大量信息的变量 4....Promise 对象的错误具有冒泡性质,会一直向后传递,直到被捕获为止,也即是说,错误总会被下一个catch语句捕获 2....当Promise链中抛出一个错误时,错误信息沿着链路向后传递,直至被捕获 Q: 网站性能优化 1. http 请求方面,减少请求数量,请求体积,对应的做法是,对项目资源进行压缩,控制项目资源的 dns...解析webpack配置参数,合并从shell传入和webpack.config.js文件里配置的参数,生产最后的配置结果。 2....注册所有配置的插件,好让插件监听webpack构建生命周期的事件节点,以做出对应的反应。 3. 从配置的entry入口文件开始解析文件构建AST语法树,找出每个文件所依赖的文件,递归下去。 4.

1.3K70

前端面试题库系列(4)

,会一直向后传递,直到被捕获为止,也即是说,错误总会被下一个catch语句捕获 当Promise链中抛出一个错误时,错误信息沿着链路向后传递,直至被捕获 网站性能优化 http 请求方面,减少请求数量...的一些原理和机制,怎么实现的 解析webpack配置参数,合并从shell传入和webpack.config.js文件里配置的参数,生产最后的配置结果。...注册所有配置的插件,好让插件监听webpack构建生命周期的事件节点,以做出对应的反应。 从配置的entry入口文件开始解析文件构建AST语法树,找出每个文件所依赖的文件,递归下去。...的一些原理和机制,怎么实现的 解析webpack配置参数,合并从shell传入和webpack.config.js文件里配置的参数,生产最后的配置结果。...注册所有配置的插件,好让插件监听webpack构建生命周期的事件节点,以做出对应的反应。 从配置的entry入口文件开始解析文件构建AST语法树,找出每个文件所依赖的文件,递归下去。

1.3K10

让 WebStorm 自动识别 Webpack 的 alias 配置

这都 2020 年了,难道没有 IDE 支持常用前端项目结构的 alias 路径解析吗? 答案是有的,WebStorm 里就提供了 Webpack 配置文件的 alias 路径解析。...定位 为了定位问题,我先创建一个最基础的 Webpack 项目,然后通过 WebStorm 打开,发现 alias 里的路径全都能正常解析。...只不过对于解析失败的情况,给出的错误信息非常模糊,只说是一个 default 关键字不存在的异常。...看到 default 首先想到的是 ES6 模块的默认输出对象,但是项目配置是用 CommonJS 写的,并没有使用 export default。...不过从错误信息的变化看来,WebStorm 对于 Webpack 配置文件的解析不像是静态解析,更可能是后台执行了一遍 webpack.confi.js,然后取了返回结果。

2K20

从官方文档到0day挖掘思路

"msg": null // 错误提示消息 } 执行器注册 说明:执行器注册时使用,调度中心会实时感知注册成功的执行器并发起任务调度 --..."msg": null // 错误提示消息 } 从公开调度中心API看到了“XXL-JOB-ACCESS-TOKEN : {请求令牌}”,说明是靠XXL-JOB-ACCESS-TOKEN...这时候我的大脑第一反应就是通过API ,文档往后翻也看得到官方公开的执行器API。先不要激动,我们暂时还不能拿他做什么,先看看配置文件。 ? 这里面的参数大部分都是注册调度中心的信息。...这里“XXL-JOB-ACCESS-TOKEN : {请求令牌}”,执行器通讯TOKEN [选填]:非空时启用。...Token正确返回包 HTTP/1.1 200 OK content-type: text/html;charset=UTF-8 content-length: 12 {"code":200} 意外发现

1.3K20

高并发核心编程Spring Cloud+Nginx秒杀实战,秒杀业务的参考实现

(2)seckill-provider模块:秒杀的后端Spring Cloud微服务提供者主要运行获取秒杀令牌、秒杀订单等后端相关接口。...后端接口首先减Redis库存量,如果减库存成功,就生成秒杀专用的令牌存入Redis,在下一步用户下单时拿来进行验证。如果扣减Redis库存失败,就返回对应的错误提示。...= ) { throw BusinessException.builder() .errMsg("排队失败,未知错误").build(); } return token; } //省略下单部分代码...脚本的返回值进行判断,并根据不同的返回值做出不同的反应。...需要注意的是,不能在两个异常处理方法的@ExceptionHandler注解中配置同一个异常类型,如果存在一种异常类型被处理多次,在初始化全局异常解析器时就会失败

63510

【Nodejs】240-有助于理解前端工具的 node 知识

另外,我们时常在 webpack 里看到 require() 字样却没有看见 import() 就是因为 webpack 是要用 node 来执行的,而 node 目前只支持 require()。...node 模块包装 node 在解析每个模块(js 文件)时,会对每个模块进行包装,就是在代码外面加一个闭包,并且向里传递五个参数,这样就保证了每个模块之间的独立,就像下面这样: (function(exports...path 路径 这个模块想必大家应该都并不陌生,?瞟过 webpack 的都应该看过这个东东。...),条件这部分会返回一个布尔值 assert(2 < 1, '断言失败'); nodeassert.js 运行一下代码就能看到如下结果: 上图是断言失败的例子,如果断言正确的话,则不会有任何提示,程序会继续默默往下执行...) 变量 == 预期值 // assert.deepStrictEqual(变量,预期值,错误信息) 变量 === 预期值 // 同样也是错误的时候抛出信息,正确的时候继续默默执行 assert.deepEqual

44520

新时代前端农民工应该怎么准备面试(二)

词法分析主要把字符流源代码(Char Stream)转换成令牌流( Token Stream),语法分析主要是将令牌流转换成抽象语法树(Abstract Syntax Tree,AST)。...对不同规范模块的代码编译选择了 Webpack,感兴趣的同学也可以采用 Rollup 进行编译测试。...因此采用 ES Module 进行代码设计时可以在编译时通过 ESLint 快速定位出模块的词法语法错误以及类型信息等。...9.4 模块作用域 大家会发现在 Node.js 的模块中设计代码时可以使用诸如 __dirname、__filename 之类的变量(需要注意在 Webpack 编译出的 CommonJS 前端产物中...温馨提示的温馨提示:比如你在源码中找不到上述代码的执行链路,那最简单的方式就是引入一个错误模块,让错误信息将错误栈抛出来,比如如下所示,你会发现最底下执行了 wrapSafe,好了你又可以开始探索了,

74810

Vite 4.4实验性地支持Lightning CSS,Lightning CSS更快的CSS处理利器

要配置CSS模块,你需要使用css.lightningcss.cssModules 来替代css.modules(后者用于配置PostCSS如何处理CSS模块)。...使用webpack css-minimizer-webpack-plugin已经内置了对Lightning CSS的支持。...默认情况下,Lightning CSS是严格的,当解析无效的规则或声明时会报错。...然而,有时你可能会遇到无法轻松修改的第三方库,其中包含意外包含无效语法或针对IE的hack。在这些情况下,你可以启用errorRecovery选项(或--error-recovery CLI标志)。...这将跳过无效的规则和声明,在输出中省略它们,并产生警告而不是错误。 source maps Lightning CSS支持在编译、压缩和打包源代码时生成源映射,以便更容易进行调试。

37420

webpack深入浅出实战系列

/index.css') console.log(css) css 文件并不能被 js 识别,webpack 也不例外,上述的写法不出意外会报错 我们如何让 webpack 识别 css 呢,答案就在...webpack 给我们提供了 loader 机制,可以让我们通过loader 将任意的文件转成 webpack 可以识别的文件 本章主要讲解 webpack 基础配置 解析 bundle 如何加载模块...webpack 将所有模块打包成了 bundle 的依赖,通过一个对象注入 0 模块 就是入口 webpack 通过 __webpack_require__ 引入模块 __webpack_require...基础配置 将 css 通过 css-loader 打包进 js 中 解析 bundle 如何加载模块webpack 如何实现的动态加载模块 学习一个工具我们不仅要看懂它的配置,还要对它的原理一起了解...的emit以等待类型检查器/linter,并向Webpack的编译添加错误

1.6K11

5个REST API安全准则

现实情况是,任何人都可以调用您的Web服务,所以假设每秒执行上百次失败的输入验证的人是没有好处的。考虑将API限制为每小时或每天一定数量的请求,以防止滥用。...缺少Content-Type头或意外Content-Type头应该导致服务器拒绝,发出406无法接受响应。...(4)XML输入验证 基于XML的服务必须确保通过使用安全的XML解析来保护它们免受常见的基于XML的攻击。 这通常意味着防范XML外部实体攻击,XML签名包装等。...400错误请求 -请求格式错误,如消息正文格式错误。 401未授权 -错误或没有提供任何authencation ID /密码。...405不允许的方法 -意外的HTTP方法的错误检查。 例如,RestAPI期待HTTP GET,但使用HTTP PUT。

3.7K10

网站HTTP错误状态代码及其代表的意思总汇

WIN2003 SERVER IIS6.0 ASP 错误解析 事件 ID 描述 0100 内存不足。无法分配所需的内存。 0101 意外错误。函数返回 |。 0102 要求字符串输入。...0115 意外错误。外部对象中发生一个可捕捉的错误 (%X)。脚本无法继续运行。 0116 脚本分隔符结束标记丢失。脚本块缺少脚本结束标记 (%>)。 0117 脚本结束标记丢失。...0142 线程令牌错误。无法打开线程令牌。 0143 应用程序名无效。未找到有效的应用程序名称。 0144 初始化错误。初始化时页级别的对象列表失败。 0145 新应用程序失败。...0160 日志记录错误。将条目写入日志失败。 0161 数据类型错误。将 Variant 转换为 String 变量失败。 0162 不能修改 Cookie。...0190 意外错误。释放外部对象时发生可捕获错误。 0191 意外错误。外部对象的 OnStartPage 方法中发生可捕获错误。 0192 意外错误

5.7K20

前端各知识点梳理(施工中...)

,不会反应到外部; 第三,当处于pending状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成) const myPromise = new Promise((resolve, reject)...等)进行语法解析,建立相应的内部数据结构(如HTML的DOM Tree); 载入解析到的资源文件,渲染页面,完成。...线上环境一般有三种处理方案: hidden-source-map:借助第三方错误监控平台 Sentry 使用 nosources-source-map:只会显示具体行数以及查看源代码的错误栈。...,需要考虑到所有运行时依赖的第三方模块的入口文件描述字段) resolve.extensions 尽可能减少后缀尝试的可能性 noParse 对完全不需要解析的库进行忽略 (不去解析但仍会打包到 bundle...效率 禁用 babel-loader 的模块依赖解析,否则 Webpack 接收到的就都是转换过的 CommonJS 形式的模块,无法进行 tree-shaking 使用 PurifyCSS(不在维护)

2.3K10
领券