03 2023 档案
摘要:浏览器存储 我们经常需要对业务中的一些数据进行存储,通常可以分为 短暂性存储 和 持久性储存。 短暂性的时候,我们只需要将数据存在内存中,只在运行时可用 持久性存储,可以分为 浏览器端 与 服务器端 浏览器: cookie: 通常用于存储用户身份,登录状态等 http 中自动携带, 体积上限为 4K
阅读全文
摘要:开发环境 const webpack = require("webpack"); const path = require('path') module.exports = { // entry: { // a: './src/0706/a.js', // c: './src/0706/c.js',
阅读全文
摘要:JSX语法糖本质 JSX是语法糖,通过babel转成React.createElement函数,在babel官网上可以在线把JSX转成React的JS语法 首先解析出来的话,就是一个createElement函数 然后这个函数执行完后,会返回一个vnode 通过vdom的patch或者是其他的一个方
阅读全文
摘要:谈谈你对webpack的看法 webpack是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件(图片,字体)等,让开发更高效。对于不同类型的依赖,webpack有对应的模块加载器,而且
阅读全文
摘要:typeof null 的结果是什么,为什么? typeof null 的结果是Object。 在 JavaScript 第一个版本中,所有值都存储在 32 位的单元中,每个单元包含一个小的 类型标签(1-3 bits) 以及当前要存储值的真实数据。类型标签存储在每个单元的低位中,共有五种数据类型:
阅读全文
摘要:前言 对于入门选手来讲,webpack 配置项很多很重,如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单,基础的配置可以分为以下几个方面: entry 、 output 、 mode 、 resolve 、 module 、 opt
阅读全文
摘要:跨域方案 很多种方法,但万变不离其宗,都是为了搞定同源策略。重用的有 jsonp、iframe、cors、img、HTML5 postMessage等等。其中用到 html 标签进行跨域的原理就是 html 不受同源策略影响。但只是接受 Get 的请求方式,这个得清楚。 延伸1:img iframe
阅读全文
摘要:摇树(tree shaking) 我主要是想说摇树失败的原因(tree shaking 失败的原因),先讲下摇树本身效果 什么是摇树? 举个例子 首先 webpack.config.js配置 const webpack = require("webpack"); /** * @type {webpa
阅读全文