1.这里为了更好的说明问题，偶新建了一个html文件，就是一个简单的登录页面，源码如下，非常简单，就是两个输入框和一个登录按钮：
浏览器运行的效果如下：
2.接着就可以将这个html网页打包为桌面应该程序，这里需要用到nodejs的Electron功能，下面偶具体介绍一下主要步骤及截图：
首先，需要安装本地node环境，这个直接到官网上下载就行，如下，选择适合自己平台的版本即可：
安装完成后，需要下载一下electron和electron-packager这2个包，后面的打包需要借助这2个包，命令“npm install electron electron-packager”，如下：
接着新建一个文件夹，将刚才的html文件拖拽进去，同时新建一个package.json文件和一个main.js文件，如下：
package.json文件配置如下，主要指明应用名称、版本号及打包配置文件：
main.js文件配置如下，这里需要指明打包程序的入口文件，网上也有详细配置过程：
最后就是在打包程序了，命令“electron-packager . APP –win –out AppDir –arch=x64 –electron-version=3.0.10 –overwrite”，打包的过程非常快，这里主要需要指明打包的应用名称、输出目录、版本号、位数等：
接着就可以在输出目录AppDir中找到打包好的应用程序APP.exe，直接双击就能打开，截图如下，和浏览器效果差不多：
至此，大家就完成了利用html+js来开发一个简单的桌面GUI程序。总的来说，整个过程不难，就是步骤有些繁琐，只要你熟悉一下上面的配置过程，多操作几遍，很快就能掌握的，当然，你也可以使用html+js开发移动应用，像HBuilder等，网上也有相关教程和资料，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
@ 什么是web前端开发？
web前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
web前端开发主要进行网站的开发、优化、完善的工作。
Web前端开发技术包括三个要素：HTML、CSS、JavaScript，随着RIA的流行和普及，XML、Flash/Flex、Silverlight和服务器端语言也是前端开发工程师应该掌握的。
Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。
如果感兴趣的朋友可以到尚硅谷进行下载相关视频学习。
web前端学信路线图：
@ 谁给偶想一些简历上面的web前端的项目经验？
做几个意义性强一点的案例，可以证明你在这些方面有造诣，并且可以让人可以看的出的demo，列举几个站点，并注明参与了哪些部分，学到了哪些知识。方便的可以传到代码共享之类的网站或者自己搭建在线预览的站点，要事先准备好，并且保证在任何一个设备都可以访问使用。
简历的排版：字体不要太小，要求清晰，可以考虑表格式，突出重点（这就要视你去什么公司面试而定了，将你觉得最能吸引着家公司或者这个行业的特质放在前面或者比较醒目的位置），可以考虑用不同的字体突出，但不要太花哨。
列举主要成绩和能力，可有可无的甚至可以舍去，千万不要伪造简历或者夸大自己的成绩，因为你不知道审你简历的人会不会就是你的前辈。
教育背景要简洁而详细，教育背景重点在本科，研究生时的时间，专业及学历学位，如有必要注明部分主要课程。
不要过于信赖网站上的简历模板，网站提供的模板多数是版块内容非常丰满，全面的，但很多的版块不一定适合你，记住了，简历不在于模板是否漂亮，关键是里面内容的质量。
