摘要：
vue2和vue3双向数据绑定原理发生了改变 vue2的双向数据绑定是利用了es5 的一个API Object.definepropert() 对数据进行劫持 结合发布订阅模式来实现的。 vue3中使用了es6的proxyAPI对数据进行处理。 1. vue2和vue3双向数据绑定原理发生了改变 相 阅读全文
摘要：
本文将针对微前端框架 qiankun 的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是 微前端。 微前端 是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时，它们也可以 阅读全文
摘要：
子应用主应用间如何通信 qiankun官方提供了actions通信，qiankun内部使用initGlobalState(state)定义全局状态，该方法执行后返回一个MicroAppStateActions实例，实例中包含三个方法，分别是onGlobalStateChange、setGlobalS 阅读全文
摘要：
废话不多说先了解下在实践。 1. 什么是微前端 web应用构建方式 微前端 微前端在2016年ThoughtWorks Technology Radar正式被提出。微服务这个被广泛应用于服务端的技术范式扩展到前端领域。现代的前端应用的发展趋势正在变得越来越富功能化，富交互化，也就是SPA应用；这样越 阅读全文
摘要：
一个上传组件，需要具备的功能： 需要校验文件格式可以上传任何文件，包括超大的视频文件（切片）上传期间断网后，再次联网可以继续上传（断点续传）要有进度条提示已经上传过同一个文件后，直接上传完成（秒传） 前后端分工： 前端： 文件格式校验文件切片、md5计算发起检查请求，把当前文件的hash发送给服务端 阅读全文
摘要：
通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录。不过，频繁的登录会造成体验不好的问题，因此，需要体验好的话，就需要定时去刷新toke 阅读全文
摘要：
说在前面 目前很多业主在使用系统的时候都会有大屏的需求，很多屏幕并不会像我们开发的屏幕一样标准，比如1920*1080，这样我们就需要根据业主的屏幕尺寸进行适配，避免一些图表或文字在大屏中出现偏移，影响视觉观感。 方案比选 方案一： 如果希望在大屏中实现最佳的展示效果，应该由设计人员针对大屏的尺寸进 阅读全文
摘要：
虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。只不过那个时候，前端工程师并没有工程化的意识，也没有必要对前端进行工程化的操作，毕竟在那个时期，前端的开发工作只能算是整个项目开发过程中的“附属品 阅读全文
摘要：
<div id="content_views" class="markdown_views prism-tomorrow-night"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-line 阅读全文
摘要：
什么是跨域？ 跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。 这里说明一下，无法跨域是浏览器对于用户安全的考虑，如果自己写个没有同源策略的浏览器，完全不用考虑跨域问题了。是浏览器的锅，对。 同源策略限制了一下行为： Cookie、 阅读全文