一、使用 <script> 元素的方式有两种：直接在页面中嵌入 JavaScript 代码和引用外部 JavaScript 文件。二、使用内嵌方式，一般写法为： <script type="text/javascript"> /* code */</script>三、引用外部 JavaScript 文件的一般写法为： <script type="text/javascript" src=""></script> （注意不应在 <script>和</script> 标签中间再添加额外的 JavaScript 代码。如果包含，会被忽略。）四、内嵌与外部引用的方...
本文实例讲述了nodejs入门教程之URL相关模块用法。分享给大家供大家参考，具体如下：
1.URL 模块：用于 URL 处理与解析
1）URI 与 URL ：
URI，是uniform resource identifier，统一资源标识符，用来唯一的标识一个资源。
URL是uniform resource locator，统一资源定位器，它是一种具体的URI，即URL可以用来标识一个资源，而且还指明了如何locate（定位）这个资源。
2）URL模块中的方法：
① url.format(urlObject)：将一个 url 对...
node 开发环境请先自行准备
npm install -g @vue/cli 安装完成之后命令行则存在 vue 命令
vue -V 查看本地 vue 版本 vue -h 输出帮助
vue create <project-name> 进入工程文件夹，创建项目。
如：cd studyVue ( 进入工程文件夹 ) vue create config ( 创建 config 项目 )选择 default 配置项，下面没什么可介绍的，自行尝试。
下面介绍选择 manually select features 的相关流程 ( 使用上下箭头按键切换选项 - enter 按键确定选择 ...
前言
React 是一个用于构建用户界面的 JavaScript 库。react主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。关注React也已经很久了，一直没能系统地深入学习，最近准备好好研究一下，并且亲自动手做一些实践。 不管是学习一门语言也好，还是学习一个框架也好，都是从最初的hello world程序开始的，今天我们也来用react写一个hello world出来，了解一下如何编写及运行React。 入门教程及环境搭建
在官方文档中，有一种方...
本文主要和大家介绍了详解plotly.js 绘图库入门使用教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。Plotly缘起这两天想在前端展现数学函数图像，猜测应该有成熟的 js 库。于是，简单的进行了尝试。最后决定使用plotly.js，其他的比如function-plot 看起来也不错，以后有时间再看。Plotlyplotly.js is the open source JavaScript graphing library that powers Plotly.Plo...
JavaScript 参考教程本教程为未接触过 JavaScript 的读者提供了比较完善的初级知识，但只限于初级知识：所有与动态网页密切相关的 JavaScript 在本教程中都未提及，包括动态定位、动画、让文档接收更多事件(document.captureEvent())等;所有在 IE 及 Netscape 中有不同的 JavaScript 都尽少提及。本教程在结构上设计的比较像一个参考(reference)，有参考的规划性，但又有教程的性质，所以我把它叫做“参考教程”。本教程不面向连 H...
React 是 Facebook 里一群牛 X 的码农折腾出的牛X的框架。 实现了一个虚拟 DOM，用 DOM 的方式将需要的组件秒加，用不着的秒删。React 扮演着 MVC 结构中 V 的角色， 不过你要是 Flux 搭配使用， 你就有一个很牛X的能让轻松让 M 和 V 同步的框架了，Flux 的事以后再说~
组件们
在 React 中，你可以创建一个有特殊功能的组件，这在 HTML 元素里你是打着灯笼也找不到的，比如这个教程里的下拉导航。每个组件都有自己的地盘(scope)，所...
本文实例为大家分享了Vue.JS表单处理的相关内容，供大家参考，具体内容如下基本用法<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title></title><script src="http://cdnjs.cloudflare.com/ajax/libs/vue/0.12.16/vue.min.js"></script>
</head>
<body>
<form id="demo"><!-- text --><p><input type="text" v-model="msg">{{msg}}</p><!-- checkbox --><p><input type="checkbox" v-model="checked">{{checked...
强制转换
强制转换主要指使用Number()、String()和Boolean()三个函数，手动将各种类型的值，分别转换成数字、字符串或者布尔值。
Number
// 数值：转换后还是原来的值
Number(324) // 324// 字符串：如果可以被解析为数值，则转换为相应的数值
Number('324') // 324// 字符串：如果不可以被解析为数值，返回 NaN
Number('324abc') // NaN// 空字符串转为0
Number('') // 0// 布尔值：true 转成 1，false 转成 0
Number(true) // 1
...
什么是JSX？
在用React写组件的时候，通常会用到JSX语法，粗看上去，像是在Javascript代码里直接写起了XML标签，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，当然你想直接使用纯Javascript代码写也是可以的，只是利用JSX，组件的结构和组件之间的关系看上去更加清晰。var MyComponent = React.createClass({/*...*/});
var myElement = ;
React.render(myElement, document.body);一个XML标签...
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。本章节基于 Webpack3.0 测试通过。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。接下来我们简单为大家介绍 Webpack 的安装与使用。安装 Webpack在安装 Webpack 前，你本地环境需要支持 node.js。由于 npm 安装速度慢，本教程使用了淘宝的镜像...
本篇文章主要介绍了p5.js入门教程之小球动画示例代码，现在分享给大家，也给大家做个参考。一、运动的小球本节将用p5.js做一个在屏幕上运动的小球。思路是用变量记录小球的位置，然后在draw()函数里对其做出改变，由于draw()函数会不断地运行（频率为FPS，默认60帧/秒），所以小球便产生了运动。代码如下：var x=0; function setup() { createCanvas(400, 400);
} function draw() { background(220); //width和height是关键词...
本篇文章主要介绍了p5.js入门教程之简介和基本形状绘制，现在分享给大家，也给大家做个参考。一、什么是p5.js最近接触了一门数字媒体艺术类的课程，名为Interactivity，教的是p5.js。主讲老师就是开发者之一……还是挺激动的。p5.js是一个为艺术家、设计师而开发的Javascript库，可以看作是Processing的Web版本。如果有Processing学习经验的话，p5.js上手会非常快。至于p5.js有什么用，这个问题很难回答，因为我本身也是个初学者。...
这篇文章主要介绍了p5.js入门教程之鼠标交互的示例,现在分享给大家，也给大家做个参考。本文介绍了p5.js入门教程之鼠标交互的示例，分享给大家，具体如下：一、鼠标交互常用关键词p5.js提供了许多鼠标操作用的关键词与函数，常用的有：mouseIsPressed：关键词，若鼠标按下则为true，反之为falsemouseButton：关键词，用来判断鼠标按下的是哪个键案例如下：function setup() { createCanvas(400, 400);
}
function draw() { ba...
这篇文章主要介绍了p5.js入门教程之键盘交互,现在分享给大家，也给大家做个参考。一、键盘交互相关关键词与函数keyIsPressed: 关键词，按下按键时为true，反之为falsekeyCode: 关键词，用于判断按下哪个按键keyPressed():函数，按键按下时触发一次keyReleased():函数，按键松开时触发一次keyIsDown():函数，按下指定按键时返回true，反之为false以下是一个较综合的案例，用wsad与zxcv控制小球移动：var x=200;
var y=200;
var sp...
事件处理概述