认识达内从这里开始

认真做教育专心促就业

运城软件开发如何实现跨平台访问

发布：运城达内教育官网
来源：互联网
时间：2019-03-15 08:28

随着互联网的不断发展，我们在开发应用软件的时候已经不能单单局限于个别的使用平台了，而是需要考虑很多综合性平台的跨越使用，下面我们就通过案例分析来做一个简单的分析。

运城软件开发如何实现跨平台访问

桌面应用的设计

桌面应用的设计和 web 界面的设计还是有些细微区别的，同样的基于 electron 的应用，有的应用会让人感觉很「原生」，有的则一眼就能看出来是用 CSS 画的。我在设计代码画板的时候也尽量向原生靠近，避免产生落差感。比如禁用鼠标手型图标、在按钮或者非可选元素上禁止用户选择。

应用标识的设计

说实话应用 logo 设计我也是业余水平，但是聊胜于无。既然水平不行，那就尽量设计的不难看就行了。可以参考一些好的设计。我用 sketch 画出 logo 的外形，sketch 有很多 macOS 的模块可以从网上下载下来，直接基于模板修改就可以了。

默认设置

代码画板也不会有设置界面，因为常用的设置都预定义好了，你不需要配置。顶多改变下代码字体的大小。使用编辑器的通用快捷键 command + +/- 就解决了，或者插入三方库，直接使用编辑器的通用命令快捷键 command + p 调出。我们的思路就是把复杂的东西帮用户隐藏在后台，观众只需要关注演员台上的一分钟，而不必了解其它细节。

快捷键/可用性

由于代码画板的界面非常简单，在一些细小的必要功能就得添加一些快捷键。比如：切换 HTML/CSS/JS/Console 代码编辑器，我在每个 tab 上加了数字标号，暗示它是有顺序有快捷键的，而且这个切换方式和 Chrome tab 切换的逻辑一致，使用 command + 数字就可以实现，万一还是有人不会用的话，可以去看帮助文档。里面有所有的快捷键。

成现代化的前端框工作流

现代化的前端写页面肯定不是 HTML/CSS/JS 一把梭了，至少应该有 Sass/Babel 的支持吧。

Sass 嵌套能让你少写很多选择器，当然 Less 也可以，但是在我们的这个应用里面区别不大，一般来说临时性的写一些代码很少会用到它们的细节功能。有变量和选择器嵌套就够了

Babel 主要是解决了写 React 的问题，不用再安装一大堆的构建工具了，直接使用 UMD 的 React/ReactDOM 就可以了，而且 electron 内嵌的 chromium 也支持了 es6 的 class 写法，实际上 Babel 主要的目的还是用来转译 JSX

提高程序的扩展性

我们在写 demo 页面时通常是要引用很多三方类库的，比如：Bootstrp/jQuery 等。我希望有一种方法可以方便的引用到这些库，直接把库文件的 link/script 标签插入到代码画板的 HTML 中，但是前端框架真的是太多了，又不能一个个去扣来写死到页面，就算是写死了随着框架版本的升级，可能就无法满足我们的需求。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。

< 上一篇：运城IT培训关于渗透测试工具分享

下一篇：运城网页编程开发关于http协议的通信方法 >