Aplicación de framework basado en JavaScript (biblioteca)

marco jQuery

  • jQuery usa selectores CSS para acceder y manipular elementos HTML (objetos DOM) en páginas web
  • jQuery proporciona tanto la interfaz de usuario como los complementos
  • La función principal de jQuery es: $ ()

Utilice la biblioteca jQuery en JS

<!DOCTYPE html>
<html>
<head>
<script
src="//libs.baidu.com/jquery/1.8.3/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

Marco prototipo

  • API simple para realizar tareas web comunes
  • Una biblioteca que contiene atributos y métodos para manipular HTML DOM
  • Prototype proporciona funciones para facilitar la programación HTML DOM
  • La función principal del prototipo: $ ()
  • La función $ () acepta el valor de id (o elemento DOM) del elemento DOM HTML y agrega una nueva funcionalidad al objeto DOM

Usar la biblioteca de prototipos en JS

<!DOCTYPE html>
<html>
<script
src="//apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").writeAttribute("style","color:red").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

Red de distribución de contenido CDN

CDN (Content Delivery Network) contiene una red de servidores que pueden compartir bases de códigos.
Resuelva el problema:
espero que la página web sea lo más rápida posible, la capacidad de la página sea lo más pequeña posible, y quiero que el navegador almacene en caché tanto como sea posible. Una ubicación común para cada página web para compartir.

Publicado 89 artículos originales · elogiado 83 · vistas 3499

Supongo que te gusta

Origin blog.csdn.net/devin_xin/article/details/105270455
Recomendado
Clasificación