一、背景
开发环境可以利用控制台调试,看网络请求啊乱七八糟的。但是打包以后就没办法看了。
二、解决这个问题
其实主要打开控制台的关键语句就是
1 | window.webContents.openDevTools() |
那我们需要设置一个不常用的快捷键,避免误触来打开控制台
1 | import {globalShortcut} from 'electron'; |
即可
开发环境可以利用控制台调试,看网络请求啊乱七八糟的。但是打包以后就没办法看了。
其实主要打开控制台的关键语句就是
1 | window.webContents.openDevTools() |
那我们需要设置一个不常用的快捷键,避免误触来打开控制台
1 | import {globalShortcut} from 'electron'; |
即可
其实严格来说,这不是qiankun的问题,是vue-router4.x的问题。
解决方案:history模式使用window.history
跳转,hash模式主应用添加hashchange
事件发送
详情见issues1280
子应用包含多个script,其中有些是公共方法,其他js使用的时候提示找不到方法
解决方案:需要显式挂载到window
详情见issues1272
使用css选择器为qiankun添加的div加样式
这里是一些很浅很浅的东西,大佬们不要喷我=。=。
qiankun将应用分为两种:主应用,微(子)应用
主应用是一个基座,承载着各个子应用。
主应用负责各个应用之间的加载,通信和调度。
带🔥都说,这是微服务在前端的应用,不过我没做过服务端,对微服务不是很了解,因此不敢乱说。
我只做过客户端,从客户端的角度来看,这看上去就类似于iOS的组件化。将模块解耦后,通过主工程进行加载调用。这样一来有客户端背景的同学是不是就比较好理解了。
1 | import { registerMicroApps, start } from 'qiankun'; |
这里可以看到两步:注册,启动
之前干iOS的,写过一段时间swift,所以从js转到ts对我其实影响不太大。
只是有些知识点比较乱,没有串起来过。
首先我们需要上typescript的官方文档阅读一哈文档
中文网很久没有更新了,不过github有老哥一直在翻译zhongsp/TypeScript
实际上现在看官网也有中文语言这个选项了,但是翻译完成的文章不太多,今后应该会越来越多。
那么接下来就是把知识点串起来了
以下都是个人观点,如果有不对,望大牛指点
个人觉得不要,typescript也是有版本的,版本随着项目走,项目去安装typescript即可,完全没有必要全局安装。
常见的需求,开发移动端h5,在移动端浏览器或者移动端app上渲染。
前端不知道怎么在移动端调试,移动端不知道怎么调试网页。
经常出了问题不知道是找移动端解决还是找前端解决。
好了,我们举个例子:
公司小改改写了个页面,要在app的webview里加载,本地调试杠杠的,自己手机杠杠的,但是一上特意准备的测试机,就白屏了。
我号称是公司移动端里最会写前端的,前端里最会写移动端的。只能露一手了[LetMeSee]
如果你是前端,可以找个客户端,按此方法操作打开调试控制台,由你来调试网页上的问题
如果你是个移动端,你就可以按照这个方法,为前端同学准备好调试环境,剩下的网页调试工作交给他们