weixin_43299180的博客

同时，子应用需要单独维护一份 shared 实例，在独立运行时使用自身的 shared 实例，在嵌入主应用时使用主应用的 shared 实例，这样就可以保证在使用和表现上的一致性；因为在 qiankun 中，主应用是通过 fetch 来拉取子应用的模板，然后渲染在主应用的 dom 上的，所以还是运行在同一个域名上，也就是主应用的域名；微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用后，随之而来的应用不可维护的问题；

由于接入的有政府的项目，在这段时间需要把公司官网，小程序首页置灰；接到需求真的是一脸懵，不过百度之后恍然大悟，感叹 CSS3 是个好东西，也让我学会一个新熟悉 filter 滤镜；

随手记录一个小的组件：再写 H5 的时候遇到这样一个小的效果，文本超出一行右侧显示展开按钮，点击可以展开和收起超出的文本；效果很简单，这里记录一下，方便以后之间用；后面需要的时候还可以动态传入字体颜色、字号等属性；我这里是在 H5 项目中使用的，引用了插件会自动将 px 单位转化为 rem；

年底了，公司开始各种优惠券抽取活动，在 H5 页面实现一个点击抽奖活动，中奖是后端控制，根据接口返回最终抽中接口返回的奖项；

在线服务在服务停止后，浏览器是无法正常访问到网页的，同时在线服务会把启动编译的代码放在内存里，也就是说当我们修改代码之后重新启动服务，这个时候并不会把修改同步打包到dist文件夹下面，因为它放在内存里面了；在实际的项目开发中，一个完整的系统不会将所有的功能都放在一个网页里，这是因为会导致网页的性能不佳；打包过后，app1.js和app2.js都会被打包进dist/main.js文件中，按照数组里面的前后顺序，webpack会将前面的文件先打包，并且放在main.js的上面；......

4、resolver的主体功能就是解析模块，它是基于enhanced-resolve这个包来实现的，所以在webpack中无论使用什么样的模块引用语句，最终都是使用enhanced-resolve这个包的API来实现模块解析的；3、每一个webpack打包都会创建一个compiler对象，它会走完整个生命周期的过程，webpack所有模块的解析都是compiler对象内置模块的解析器（resolvers）去工作的；/’来找到外部的文件；这也操作起来会比较麻烦；............

historyApiFallback在单页面应用中，使用history路由时，当页面找不到资源时会返回404，可以通过这个参数让所有的404响应都被替换为index.html；开发环境下，我们往往需要开启一个web服务，方便我们模拟一个用户从服务器访问我们的web服务的场景，用来观察我们的代码在客户端的表现；ESLint是用来扫描代码是否符合规范的工具，严格来说eslint和webpack是无关的，但是在工程化的开发环境中，它又是不可或缺的；可以实现页面的部分刷新；..................

在根目录下创建webpack.config.js文件，用来配置webpack的配置项；entry'./src/index.js',//入口文件路径output{filename'bundle.js',//打包后的文件名pathpath.resolve(__dirname,'./dist'),//打包后文件放置的位置cleantrue//每次打包前清空dist文件夹}}为了获取绝对路径，我们需要引入node.js的path模块；{rules。........................

一、为什么要对会话进行跟踪？主要原因是因为 HTTP 请求是无状态的；只有当用户发出请求时，服务器才会做出响应，客户端与服务端之间的联系是离散的、非连续的；如果用户想在同一个网站的多个页面之间转换时，无法确定是否是同一个用户；对会话进行跟踪就是为了解决这样的问题。二、会话跟踪技术1、token（令牌 ）全称是 Access Token，是访资源接口（API）时所需要的资源凭证；是目前前后端分离项目最常用到的一种会话跟踪技术。一般 token 组成：uid：用户唯一身份标识。time：当前时间