(1)node Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境. Node与javaScript的区别在于,javaScript的顶层对象是window,而node是global //这里使用的var声明的变量不是全局的,是当前模块下的,用global声明的表示是全局的 var s = 100; global.s = 200; //这里访问到的s是var生命的 console.log(s); //100 //这里访问到的才是全局变量 console.log…

先来个最常见的"Hello World!". 打开你最喜欢的编辑器(我用的是Sublime Text),创建一个helloWorld.js的文件.我们要做的就是向stdout输出"Hello World!",如下是实现该功能的代码: console.log("Hello World"); 保存该文件,并通过node.js来执行: node helloWorld.js 运行正常的话就会在终端输出Hello World! 话说以上是学习每种语言必见的…

基于事件驱动的回调 这个问题不好回答,不过这是Node.js原生的工作方式.它是事件驱动的,这也是它为什么这么快的原因.你可以花一点时间阅读一下Felix Geisendörfer的大作 Understanding node.js 可了解一些背景知识. 当我们使用http.createServer方法的时候,我们当然不只是想要一个侦听某个端口的服务器,我们还想要这在服务器收到一个HTTP请求的时候做点什么. 问题是,这是异步的,请求任何时候都可能到达,但是我们的服务器却跑在一个单进程中. 写PH…

函数传递 举例来说,你可以这样做: function say(word) {      console.log(word);  }  function execute(someFunction, value) {     someFunction(value);  }  execute(say, "Hello"); 请仔细阅读这段代码!在这里,我们把say函数作为execute函数的第一个变量进行了传递.这里返回的不是say的返回值,而是say本身! 这样一来,say就变成了execu…

一.官方网站:https://threejs.org 二.关于Three.js 三.开始 四.实例 基本结构 结果 五.概念 坐标系 场景 相机 灯光 3D模型 六.简单动画 七.交互控制 结束 # Three入门学习笔记整理 # 一.官方网站:https://threejs.org 二.关于Three.js WebGL是大部分浏览器直接支持的一种3D绘图标准,它可以创建二维图形和应用,还可以充分利用GPU,创建漂亮的.高性能的三维应用.直接使用WebGL非常复杂,Three.js库提供了一套基…

React 入门学习笔记整理(一)--搭建环境 React 入门学习笔记整理(二)-- JSX简介与语法 React 入门学习笔记整理(三)-- 组件 React 入门学习笔记整理(四)-- 事件 React 入门学习笔记整理(五)-- state React 入门学习笔记整理(六)-- 组件通信 React 入门学习笔记整理(七)-- 生命周期 React 入门学习笔记整理(八)-- todoList React 入门学习笔记整理(九)--路由…

Node.js(JavaScript,everywhere) 1.Node.js 介绍 1.1. 为什么要学习Node.js 企业需求 + 具有服务端开发经验更好 + front-end + back-end + 全栈开发工程师(什么都干呗!!!) + 基本的网站开发能力 * 服务端 * 前端 * 运维部署 + 案例(多人社区) 学习node.js的目的 + 帮助大家打开服务端这个黑盒子 + 只有了解服务端,才能更好的配合服务端开发人员进行协同开发 1.2. Node.js是什么 Node.js…

此文章已经发表于本人博客. Terminal(终端) 说起这个使用过linux系统的兄台一般都会知道的,本人理解:类似Putty这些ssh工具通过 软件来实现远程控制主机,对于我们使用者来说,它会显示信息并能接收信息并处理,这个东东就是终端.至于什么伪终端应该就是用软件实现使一套输入输出设备 可以支持多个软终端. 这里说下node.js中有关的终端模块3个,分别是:STDIO.TTY.REPL. 一.STDIO 如果我没理解错控制台应该是属于noddjs标准的输入输出,一般把信息输出到stdou…

看了朴灵前辈的node.js系列文章,很开阔视野,虽然能力有限还是有很多不懂,但是还是希望能写下笔记,初步对node.js有点了解. 一.概念 Node.js不是JS应用.而是JS运行平台 Node.js采用C++语言编写而成,是一个Javascript的运行环境.为什么采用C++语言呢?据Node.js创始人最初希望Ruby,但是Ruby虚拟机的性能不能满足他的要求,后来他尝试采用V8引擎,所以选择了C++语言.Node.js采用了Google Chrome浏览器的V8引擎,性能很好,同时还提…

 node.js   概念问题: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境.   npm是一个node的包管理工具  ,也是一个网站  ,还是一条命令.Node.js 的包管理器 npm,成为世界上最大的开放源代码的生态系统.   1.用node编写http服务器 方法综述: * 1.引入 http 模块 * 2.创建服务器             var http=require("http");            接下来我们使用 h…

需求:图书的增删改查,图书数据保存在data.json文件中. 1.Demo结构: 2.首先下载安装node.js,配置环境变量:参考博客 3.项目初始化 1)创建项目根目录node-hello,进入到根目录node-hello,右键/在此处打开PowerShell窗口. 2)创建app.js文件. 3)在控制台输入命令:npm init -y,会自动创建package.json文件. 4)在控制台输入命令:npm install mime,会自动创建node_modules文件夹,并下载mim…

http模块,其中封装了一个高效的HTTP服务器和一个建议的HTTP客户端 http.server是一个基于事件的HTTP服务器 http.request则是一个HTTP客户端工具,用户向服务器发送请求. HTTP服务器 (1)http.Server实现,提供了一套封装级别很低的API,仅仅是流控制和简单的解析. request当客户端请求到来时,该事件被触发,提供两个参数,分别是http.ServerRequest和http.ServerResponse的实例,表示请求和相应信息. var h…

Module和Package是Node.js最重要的支柱. Node.j 提供require函数来调用其他模块,而且模块都是基于文件.模块和包区别是透明的,因此常常不作区分. 1.模块和文件一一对应.一个文件就是一个模块.文件可能是JS代码,JSON或者编译过的C/C++扩展. 通过是require函数获取这个模块,然后使用其中的对象. 2. Node.js提供exports和require两个对象.前者是模块公开的接口,    后者用于从外部获取一个模块的接口,获取exports对象. 3.u…

1. node -v 查看版本 node -e --js代码 node --进入编辑模式 Ctrl+C 退出编译模式 var http=require('http') http.createServer(function(req,res){ res.writeHead(200,{'Content-Type':'text/html'}); res.write('<h1>Hello world</h1>'); res.end('<p>china</p>'); }…

常用 API 学习笔记 url 函数 url.parse: 解析 url 地址 url.resolve: 向 url 地址添加或替换字段 url.format: 生成 url 地址 querystring 函数 querystring.parse: 解析查询字符串 querystring.stringify: 生成查询字符串 querystring.escape: 转义字符串 querystring.unescape: 反转义字符串…

1.node.js中模块的分类 1)node.js内置模块(核心,原生) 所有内置模块在安装node.js时就已经编译成二进制文件,可以直接加载运行(速度较快),部分内置模块,在node.exe这个进程启动时就已经默认加载了,可以直接使用. 2)文件模块 require(./common.js); // 去当前js文件的路径下找commom.js文件并导入执行.如果导入时没有指定文件后缀require(./commom),那么就按照commom.js,common.json,commom.nod…

一.npm介绍 1)npm:node package manager是node.js默认的以js编写的软件包管理系统 官网:www.npmjs.com 文档:docs.npmjs.com 2)提到npm可能指的是: npm这个网站 npm这个js代码仓库 npm客户端 3)npm是node.js默认的软件包管理系统.安装完node后,会默认安装好npm. 4)npm本身也是基于node.js开发的包(软件) 5)查看当前npm版本 npm -v 6)更新npm: npm install npm@…

一.node.js介绍 1.1.node.js是什么 官网首页总结:Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时. 1)node.js是一个开发平台,就像java开发平台..net开发平台.PHP开发平台.Apple开发平台一样. - 什么是开发平台:有对应的编程语言.有语言运行时.有能实现特定功能的API(SDK Software Development Kit) 2)node.js平台使用的编程语言是JavaScript. 3)node.js平台是…

目录 一. 资料推荐及建议 二. Three.js中的基本概念 三.重点笔记 四.补充示例 示例代码托管在:http://www.github.com/dashnowords/blogs 博客园地址:<大史住在大前端>原创博文目录 华为云社区地址:[你要的前端打怪升级指南] 一. 资料推荐及建议 1.官方文档 很详细,但是API部分单独理解也很难,属于工具书.官方github仓库里提供了海量的插件和demo页面. 2.在CSDN上找到的一个[Three.js系列博文] 内容相当全,包括了thr…

1.定义组件 1)函数组件 function GreateH(props){ return <div> <h2>hello,{props.name}</h2> </div> } ReactDOM.render(<GreateH name="kristy"/>, document.getElementById('root')); 2)类组件 class GreateH extends React.Component{ rende…

本文发表于本人博客. 上一节笔记说到创建Buffer实例,这节继续讲Buffer.本节讲解下Buffer的一些静态方法.写入以及读取方法. Buffer.isEncoding(编码)判断nodejs是否支持此编码 console.log(Buffer.isEncoding("gb2312"));//不管过程怎么node都不支持这个编码,死记 console.log(Buffer.isEncoding("utf8")); //true console.log(Buff…

1.官网:http://expressjs.com/ 中文:http://www.expressjs.com.cn/ 2.HelloWorld 1)mkdir node-express-demo 2)cd .\node-express-demo\ 3)新建app.js文件 4)npm init -y  : 会以app.js为入口文件,创建package.json 5)npm install express --save  : 本地安装express并将其保存到依赖列表中,会新建package-l…

1.工作原理 当通过app.js建立的服务器时,会看到一个简单的页面.返回页面时,浏览器会向服务器发送请求.app会解析请求的路径,调用相应的逻辑,调用对应的视图模板,传递对象数值,最终生成HTML页面,返回给浏览器. 当浏览器接收到内容后,通过分析获取 /stylesheets/style.css,因此会再向服务器发起请求. 此时,app并没有一个路由规则指派到/stylesheets/style.css,旦app会通过   var path = require('path'), app.us…

使用create-react-app脚手架搭建环境 1.安装node .软件下载地址:https://nodejs.org/en/,我下的推荐的版本. 安装之后测试是否安装成功.windows系统下,输入Win+R输入cmd ,打开运行窗口,输入 node -v 显示版本号则表示安装成功.接下来可以看下是否安装npm,输入npm -v ,显示版本号则表示安装成功. 2.全局安装 npm i create-react-app -g. 安装完成之后,输入 create-react-app -V检测是…

先看下这段代码: import React from 'react'; //最终渲染需要调用ReactDOM库,将jsx渲染都页面中 import ReactDOM from 'react-dom'; import * as serviceWorker from './serviceWorker'; let h = <React.Fragment> <h2>hello</h2> <ul></ul> </React.Fragment>…

APP.js import React, { Component,createRef,Fragment} from 'react'; import Todos from './components/todos'; import Footer from './components/footer'; import './main.css'; class App extends Component { constructor(props){ super(props); this.state ={ to…

一.构建http服务程序-根据不同请求做出不同响应 // 加载http模块 var http = require("http"); // 创建一个http服务对象 http.createServer(function(req, res) { if(req.url === '/') { res.end("hello index"); } else if(req.url === '/list') { res.end("hello list"); }…

1.事件定义 React事件绑定属性的命名采用驼峰式写法,而不是小写. 如果采用 JSX 的语法你需要传入一个函数作为事件处理函数,而不是一个字符串(DOM元素的写法) 在类组件中定义函数,通过this.函数名去调用 class GreateH extends React.Component{ static defaultProps = {name:'CoCo'}; handler(){ console.log("click"); } render(){ return <div&…

1.state 1)组件本省也是有状态的,定义在组件内部的state中,state的状态只能由组件自身改变,任何其他组件都不能改变. 当需要改变state时,通过调用setState方法来改变,setState会导致组件重新渲染. class GreateH extends React.Component{ constructor(props){ super(props); this.state ={ name:'CoCo' } } handler(params){ this.setState(…

1.父子组件通信 1)父组件与子组件通信,使用Props 父组件将name传递给子组件 <GreateH name="kitty"/> 子组件通过props接收父组件的值,并显示 class GreateH extends React.Component{ static defaultProps = { name:'CoCo' }; constructor(props){ super(props); this.state ={ name:props.name } } ren…