前端html和js可以做什么？

前端开发是很多朋友有关注的类型，那么前端html和js可以做什么？，我爱编程网为大家带来了相关文章，希望给大家提供参考。

本文目录一览：

• 1、前端html和js可以做什么？
• 2、学习Web前端要知道的JavaScript、Ajax、jQuery知识
• 3、在Web应用中,JavaScript主要实现哪些功能?

前端html和js可以做什么？

最基本的就是开发网页啦，html写网页，js实现网页交互效果，除此之外，也可以开发桌面GUI程序，下面我简单介绍一下如何使用html+js开发出一个简单的桌面程序：

1.这里为了更好的说明问题，我新建了一个html文件，就是一个简单的登录页面，源码如下，非常简单，就是两个输入框和一个登录按钮：

浏览器运行的效果如下：

2.接着就可以将这个html网页打包为桌面应该程序，这里需要用到nodejs的Electron功能，下面我具体介绍一下主要步骤及截图：

首先，需要安装本地node环境，这个直接到官网上下载就行，如下，选择适合自己平台的版本即可：

安装完成后，需要下载一下electron和electron-packager这2个包，后面的打包需要借助这2个包，命令“npminstallelectronelectron-packager”，如下：

接着新建一个文件夹，将刚才的html文件拖拽进去，同时新建一个package.json文件和一个main.js文件，如下：

package.json文件配置如下，主要指明应用名称、版本号及打包配置文件：

main.js文件配置如下，这里需要指明打包程序的入口文件，网上也有详细配置过程：

最后就是在打包程序了，命令“electron-packager.APP--win--outAppDir--arch=x64--electron-version=3.0.10--overwrite”，打包的过程非常快，这里主要需要指明打包的应用名称、输出目录、版本号、位数等：

接着就可以在输出目录AppDir中找到打包好的应用程序APP.exe，直接双击就能打开，截图如下，和浏览器效果差不多：

至此，我们就完成了利用html+js来开发一个简单的桌面GUI程序。总的来说，整个过程不难，就是步骤有些繁琐，只要你熟悉一下上面的配置过程，多操作几遍，很快就能掌握的，当然，你也可以使用html+js开发移动应用，像HBuilder等，网上也有相关教程和资料，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。

我爱编程网

学习Web前端要知道的JavaScript、Ajax、jQuery知识

今天小编要跟大家分享的文章是关于学习Web前端要知道的JavaScript、Ajax、jQuery知识。今天小编将详细解读JavaScript、ajax、jQuery是什么？他们可以实现什么？想要学习Web前端的小伙伴们来和小编一起看一看吧！


1、JavaScript


·___ㄒ澹


javaScript的简写形式就是JS，是由Netscape公司开发的一种脚本语言，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行）。


·___槌刹糠郑


核心（ECMAScript）、文档对象模型（DocumentObjectModel，简称DOM）、浏览器对象模型（BrowserObjectModel，简称BOM）


·___枋觯


Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。


Javascript是由Netscape公司开发的一种脚本语言（scripting
language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。


Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。


Javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。


主流的javaScript框架有：YUI,Dojo，Prototype，jQuery...


2、AJax


·___ㄒ澹


AJAX即“AsynchronousJavaScriptandXML”（异步JavaScript和XML)，AJAX并非缩写词，而是由JesseJamesGaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。


_JAX不是一个技术，它实际上是几种技术，每种技术都有其独特之处，合在一起就成了一个功能强大的新技术。


·___槌桑


基于XHTML和CSS标准的表示；


使用Document
ObjectModel进行动态显示和交互；


使用XML和XSLT做数据交互和操作；


使用XML
HttpRequest与服务器进行异步通信；


使用JavaScript绑定一切。


·___枋觯


Ajax是结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的管理。


Ajax技术使用非同步的HTTP请求，在Browser和WebServer之间传递数据，使Browser只更新部分网页内容而不重新载入整个网页。


Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。


3、jQuery


·___ㄒ澹


jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML
documents、events、实现动画效果，并且方便地为网站提供AJAX交互。


·___氐悖


轻量级、链式语法、CSS1-3选择器、跨浏览器、简单、易扩展；


jQuery是一种独立于服务器端代码的框架，独立于ASP.NET或者JAVA；


jQuery是当前很流行的一个JavaScript框架，使用类似于CSS的选择器，可以方便的操作HTML元素，拥有很好的可扩展性，拥有不少插件。


·___枋觯


对于程序员来说，简化javascript和ajax编程，能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。


对于用户来说，改善了页面的视觉效果，增强了与页面的交互性，体验更绚丽的网页物资。javaScript框架实际上是一系列工具和函数。


4、三者的关系


下面我用一张导图来阐述这三者的关系：





解释：


javaScript是用于Web客户端开发的脚本语言，Ajax是基于JS语言，主要组合JS、CSS、XML三种技术的新技术，是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架，基于JS语言，集合Ajax技术开发出来的JS库，封装JS和Ajax的功能，提供函数接口，大大简化了Ajax，JS的操作。


以上就是小编今天为大家分享的关于学习Web前端要知道的JavaScript、Ajax、jQuery知识的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师！


原文链接：#/u/155352/blog/789347






SHAPE\*MERGEFORMAT


SHAPE\*MERGEFORMAT

在Web应用中,JavaScript主要实现哪些功能?

javascript是一种基于网页的客户端脚本技术。
这种技术的核心思想是通过这种技术，来增加用户与浏览器的交互，增加用户在使用网页应用的时候的体验。
说白了，就是有了javascript，网页就可以实现很多互动的操作。如：输入一个文本后，会提示你有没数正确，或经常看到的网页上的对联广告。都是javascript编写的。

以上就是我爱编程网为大家带来的前端html和js可以做什么？，希望能帮助到大家，了解更多相关信息，敬请关注我爱编程网。