电脑软件的前端是基于本地容器创建的,由于各种编程语言在实现上并不完全统一,所以不同的编程语言有不同的编写方式和呈现效果,而网页前端是基于统一的标准(Html)创建的,而且是远程加载本地呈现的方式。
以Java语言为例,如果要创建一个本地的呈现界面可以使用Swing的方式来创建,需要了解图形容器(JFrame)、图形布局(FlowLayout、BorderLayout、GridLayout等)、图形组件(JButton、JTextField、JChoice等),另外还需要掌握Swing的事件处理方式,看一个例子:
这个例子演示了如何使用Swing API创建一个菜单,当然也可以采用Swing创建出非常复杂的图形界面,但是需要按照Swing API的规范来进行创建。采用这种方式创建的界面虽然可以创建出用户体验度比较高的软件,但是这种方式也有很多弊端,比如依赖于本地容器的支持,往往需要按照本地运行环境,另外各个语言之间也有不同的呈现方式,目前大部分PC端软件都采用Web方式来开发。
网页前端采用的技术是统一的,以Html、CSS、JavaScript为基础标准进行代码的编写,编写好的文件部署在前端服务器上(Nginx),然后等待用户的请求。用户在前端服务器上发起的操作往往由后端的Web服务器进行处理,处理后的数据再由前端页面进行呈现,目前Web开发的前端和后端往往分别进行部署和开发,这种方式比较适合大规模并发访问的情况。看一个简单的例子:
目前移动端的开发还是需要学习本地开发的方式,比如在Android系统下要采用Java进行Activity(界面)的开发,而iOS系统要采用OC或者Swift进行界面开发,这种开发方式的用户体验还是比较不错的。
前端有哪些自学的编程网站?
一、ECharts
ECharts是小U目前接触过最优秀的可视化工具网站,一打开网页首屏就非常炫酷,该网站开源免费商用、功能丰富、涵盖各行业图表、满足各种需求、社区活跃,能多维度数据分析、多设备随意展示。
涵盖千万级数据可视化渲染能力、SVG + Canvas 双引擎动力更佳、数据样式分离及扁平配置让开发更便捷、首创无障碍访问支持、微信小程序、PPT,哪里都能用。
二、Code4App
主要提供ios开发所用工具,例如:ios代码下载、ios特效示例等,帮助做ios移动端开发的研究者提供了一个资源集中的网站。
三、掘金
内含许多的开源库,最新的前端资讯都会在这里即时更新,还有很多技术前辈可以讨教,是一个很棒的技术交流网站。
四、阿里巴巴矢量标签库
内含多种格式的icon,平台还给提供了非常方便功能,可供前端学习者自由调整调用或者图标转换文字。
五、开源中国
是目前国内最大的开源技术社区,分享栏目分为:开源软件库、代码分享、资讯、讨论区和博客等,是IT从业者的技术交流平台。其中涵盖了很多前端的优质内容,空闲之余填充前端知识的好去处。
学Javascript只能做web前端吗?
我觉得并不是这样的。随着Javascript的发展,它所能做的事情已经越来越多了。有一句是这么说的“凡是能用Javascript重写的都将被Javascript重写”,大家可以当做一个玩笑,但是也说明了Javascript的能力。接下来我们来看看Javascript能做哪些事吧。
web前端
毋庸置疑,这是Javascript最基本的一个功能,各个网页,不管是多么简单或者多么炫酷,都离不开Javascript。
我们都知道Google的首页很简单,但是它的内部却做了很多的事,比如防止CRSF攻击,HTTPS等安全协议。
NodeJS
2009年NodeJS诞生后,便愈发火热,NodeJS社区大牛云集,生态也日趋完善。
利用纯Nodejs开发的网站也越来越多,这里举几个例子。
worktile
兔耳日记
数据平台
React Native
自从Facebook推出了React Native后,人们发现App的开发再也不仅仅是Android和IOS了。使用React Native,可以像开发本地App一样,它也是通过Javascript实现的。
下面这个是React Native开发的cnode社区,堪称是React Native教科书项目。
github地址是:https://github.com/soliury/noder-react-native
Electron
随着Electron的推出,我们可以使用前端三叉戟HTML+CSS+Javascript去开发桌面应用了。
下面这个是通过Electron开发的网易云音乐。
github地址是:https://github.com/Tinysymphony/electronic-netease-music
总结
看了上面的这些内容大家应该知道,Javascript并不仅仅是只能用来做Web前端开发了,它以后能做的事还会越来越多。