JavaScript入门(四)

简介:
JavaScript 不可靠为什么我们还要用它?

正如我提到的,JavaScript可能不是一直好用的不意味着它一点都不能用。它不应该只是简单的作为用户交互的方式。

使用JavaScript的优点是:

l         较少的服务器交互:你可以在提交页面到服务器前对用户输入的内容进行校验。这样减少了服务器的通信量,就意味着节约了金钱。

l         对访客快速反馈:他们不用等待页面重新加载才可以看到是否忘了输入某些东西。

l         自动修正小错误:举个例子,如果你有一个数据库系统,预期的日期格式是dd-mm-yyyy,用户输入的格式是dd/mm/yyyy, 一个聪明的JavaScript脚本可以在提交表单前纠正这个错误。如果那是访客唯一的错误,你可以保留她的错误信息,这样可以使她对使用这个站点少点沮丧。

l         允许访客不用重新加载页面就可以改变用户界面或与用户界面进行互动增强的实用性例如,使用JavaScript收缩或展开页面的某部分或为访客提供额外的选择。这有个典型的例子,就是选择复选框来快速过滤,例如只显示某个机场的可到达的目的地,不用你重新加载页面,然后等待结果。

l         增强的互动性: 你可以创建界面,在用户鼠标滑过的时候或使用键盘激活他们的时候做出反应。这个使用CSSHTML也可以做到,但是JavaScript为你提供了更多的支持和选择范围。

l         丰富的界面:如果你的用户允许,你可以使用JavaScript包含一些拖放式的模块和进度条——一些原来只可以出现在你的用户安装的胖客户程序中,例如Java applets或者像Flash的浏览器插件。

轻量级的环境   不用像 Java applet 或者 Flash 影片需要下载一个大文件,脚本的文件大小是比较小的并且一旦被加载就会被缓存起来(保存在内存中)。 JavaScript 还使用浏览器按钮而不是它自己的界面来操作其功能,像 Flash Java applet  那样处理。这样使用户操作起来更容易,因为他们知道这些控制按钮以及如何使用他们。   流行的  Flash  Macromedia Flex 应用程序有流媒体的选项——基于矢量——在是视觉上可调节的, JavaScript   HTML  的控制是不可以这样的。   另一方面,他们需要安装插件。









本文转自 牛海彬 51CTO博客,原文链接:http://blog.51cto.com/newhappy/76843,如需转载请自行联系原作者
目录
相关文章
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
5284 2
|
JSON JavaScript 前端开发
菜鸟之路Day23一一JavaScript 入门
本文介绍了 JavaScript 的基础内容,包括 JS 的引入方式、基础语法、数据类型、运算符、类型转换、函数、对象(如 Array、String、自定义对象、JSON、BOM 和 DOM)、事件监听,以及 Vue 框架的初步使用。重点讲解了内部和外部脚本的引入、变量声明(var、let、const)、常见输出语句、数组与字符串的操作方法、DOM 操作及事件绑定,并通过实例展示了 Vue 的双向数据绑定和常用指令(v-bind、v-model、v-on、v-if、v-for 等)。
481 7
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
794 5
一小时入门Vue.js前端开发
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
1165 10
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
2222 1
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
635 0
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
JavaScript API 图形学
一个案例带你从零入门Three.js,深度好文!
【8月更文挑战第1天】本教程无需任何Threejs知识!本教程以入门为主,带你快速了解Three.js开发
789 2
一个案例带你从零入门Three.js,深度好文!
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
257 1