javascript基础

VUE.js：
Vue.js 是用于构建交互式的 Web 界面的库。
Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

Vue.js 特点：
简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。
数据驱动： 自动追踪依赖的模板表达式和计算属性。
组件化： 用解耦、可复用的组件来构造界面。
轻量： ~24kb min+gzip，无依赖。
快速： 精确有效的异步批量 DOM 更新。
模块友好： 通过 NPM 或 Bower 安装，无缝融入你的工作流。
如果你喜欢下面这些，那你一定会喜欢 Vue.js：
可扩展的数据绑定机制
原生对象即模型
简洁明了的 API
组件化 UI 构建
多个轻量库搭配使用

Node.js：
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
Node.js 的包管理器 npm，是全球最大的开源库生态系统

JavaScript:
Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区

分大小写的客户端脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问

题。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费

的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能

。所以，JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更

多的应用。
JavaScript 是一种最流行的脚本语言。
JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。
JavaScript 被设计为向 HTML 页面增加交互性。

document.write(“

This is a heading

“);
document.write(“

This is a paragraph

“);
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文

档。

覆盖上个文本：

function d()
{
document.write(“

无形之刃，最为致命

“);
document.write(“

提莫队长

“)
}

三个文本框：

//警告框
function testAlert()
{
alert("警告框");
}

//询问框
function testPrompt()
{
prompt("询问框");
}

//确认框
function Confirm()
{
confirm("确认框");
}


警告框
询问框
确认框

改变html内容

提莫队长正在送命

    <script type="text/javascript">             function myFunction()            {            x=document.getElementById("demo");  // 找到元素            x.innerHTML="颤抖吧";    // 改变内容            }            </script>            <button type="button" onclick="myFunction()">点击这里</button>

改变图片

function myFunction()
{
var img = document.getElementById("xian"); // 找到元素
img.src = "image/xian2.jpg"; // 改变内容
}

点击换图

对话弹出框

function testA() {
var email = document.getElementById("email");
alert(email.value);
alert(email.id);
alert(email.type);
}

弹出