文章目录qiankun 微前端 demo 说明1. 路由说明：1.1 hash 路由：1.2 history 路由：路由切换2. LifeCycles:3. 父子通讯3.1主应用与微应用的通信3.2微应用之间的通信3. 手动加载微应用4. css隔离5. js隔离Trouble Shootingqiankun 微前端 demo 说明demo传送门启动：$ npm start项目文件说明见 Proj

想制作一个公式设计器，需要在文字的对应位置插入按钮对应的文字，效果如下：遇到的问题：1. 如何获取光标位置，并在对应位置插入内容两种情况：（1）用户点击位置后，在光标位置插入内容（2）用户选中几个字之后点击按钮进行文字替换解决：selectionStart和selectionEnd可以获取到当前元素光标的起始位置。//对应光标位置插入文字insert(val) ...

项目上的iconfont采用的是unicode，现需要通过动态替换unicode值来改变icon图标但是以下写法是不对的：icon={<i className="iconfont">{item.iconType}</i>}因为这里的item.iconType是字符串形式，想要达到效果还需要转译成html文本才可以：react写法icon={<i classN...

git pull时出现这个报错，如下：unable to access 'https:/xxxxxxx.git/': SSL certificate problem: certificate has expired后来尝试直接clone项目也出现了这个问题百度之后看到有的可以通过git config –global http.sslVerify false命令解决，但是我的报错：我的...

Uncaught ReferenceError: methods is not defined由于是工程化项目，只要有一个vue页面有问题，即使路由到别的页面也会报错，导致整个工程不可用。methods is not defined：（报错如图）选择source，查看报错文件，发现有method没有写完：...

部分总结参考 简书 HTML DOM事件（一） onchange onpropertychange 和 oninput 事件的区别1、onchange 事件与 onpropertychange 事件的区别：onchange 事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发。onpropertychange 事件却是实时触发，即每增加或删除一个字符就会触发，...

nrmnvm 常用命令

JSAjax核心API手写ajaxconst xhr = new XMLHttpRequest();// get请求xhr.open("GET", "/data.json", true);// true表示异步// 状态改变时xhr.onreadystatechange = function () {if (xhr.readyState === 4) {if (xhr.status === 200

mdf视觉驱动框架 （Model Drive Frame）mdf/refer是该框架mdf中的参照refer《refer 参照常用扩展梳理》安装ynpmynpm已被废弃，ynpm-tool是官方的ynpmnpm uninstall ynpm -gnpm uninstall ynpmnpm i ynpm-tool -g安装mdfynpm install @mdf/refer --save注：这里引用

背景：vue项目中使用了handsontable做报表，表格比较复杂。后端返回表格数据，在前端整理成handsontable需要的数据格式后展示。涉及到了查询、根绝查询结果动态渲染表头、导出等功能。因为当时搞了好久，所以这里详细记录下遇到的问题。写了一个handsontable的小demo放在github上了 【传送门】，包含以上功能，项目启动后的访问地址：http://localhost:808