JavaScript/ES6/NodeJS
关注
分享
扫一扫
文章平均质量分 63
Blockchain Explorer
雄关漫道真如铁，而今迈步从头越。
真想做，总有办法；
不想做，总有理由。
展开
-
window.requestAnimationFrame()
一、 window.requestAnimationFrame() window.requestAnimationFrame() 方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画 该方法使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。 回调函数会被传入一个参数，DOMHighResTimeStamp，指示request...原创 2018-09-06 21:06:56 · 517 阅读 · 0 评论 -
webpack使用(4)之引入第三方JS库
一、script引入第三方库lodash 不建议使用<script src="https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js"></script>原创 2018-09-09 19:41:00 · 2593 阅读 · 0 评论 -
webpack使用(5)之处理CSS
一、需要引入的loader1、style-loader 主要负责创建style标签，并将标签塞入到文档中 2、 css-loader 主要负责css解析 3、 less-loader 负责解析less二、 如何引入css资源1、安装配置style-loader 和 css-loader 安装：npm install style-loader --save-dev...原创 2018-09-09 19:55:09 · 360 阅读 · 0 评论 -
JS模块化方案(1)之早期代码组织方式
一、 全局函数1、优缺点： 使用全局函数进行代码的组织，很容易造成功能函数的命名冲突！！ 2、案例： index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>原创 2018-09-06 17:15:58 · 310 阅读 · 0 评论 -
HTTP协议特性之缓存Cache——NodeJs版
说明：本篇文章以Chrome浏览器作为客户端，以Websrtom开启nodejs服务端。 一、如何查看浏览器端的缓存 1、chrome://cache，如果出现如下界面，说明浏览器版本较高，不支持直接查看。请采用第二种方式。 2、使用chrome cache view工具 二、数据请求示例——不使用缓存 nodejs开启服务端，便于Chrome请求数据。 数据交互如下： ht...原创 2018-08-22 23:34:35 · 3708 阅读 · 0 评论 -
NodeJS简介
一、什么是NodeJS1、 官方定义 Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and eff...原创 2018-08-29 09:46:54 · 767 阅读 · 0 评论 -
NodeJS安装和使用调试
一、NodeJS安装使用nvm管理Nodejs。 nvm 是Nodejs 版本管理器，常用命令如下：nvm install [Nodejs 版本] 安装某版本的Nodejsnvm uninstall [Nodejs 版本] 安装某版本的Nodejsnvm use [Nodejs 版本] 使用某版本的Nodejs。nvm ls 查看本机安装的所有的 Nodejs, 并高亮当前使用的版...原创 2018-08-29 09:12:09 · 1528 阅读 · 0 评论 -
NPM和NVM
一、npm是什么全称：node package manager（node 包管理器） npm是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。...原创 2018-08-29 10:01:29 · 4849 阅读 · 0 评论 -
HTTP协议特性之数据协商——NodeJs版
一、什么是数据协商呢？在客户端发送请求给服务端的时候,客户端会声明它想要拿到的数据格式 以及 数据相关的限制。服务器则以此为线索，通过内部算法来选择最佳方案提供给客户端。相关算法与具体的服务器相关，并没有在规范中进行规定。二、参数介绍1、客户端 1）Accept Accept 首部列举了用户代理希望接收的媒体资源的 MIME 类型 2）Accept-Encoding Acc...原创 2018-08-25 16:45:45 · 227 阅读 · 0 评论 -
webpack使用(3)之编译ES6/7
一、基本介绍首先我们需要注意, ES6/7对js语言不但在语法上做了扩充,其在api上也做了大量的扩展。在webpack中对于es6语法的转换我们可以使用babel-loader及相关依赖库来完成（但具体按照哪个规范来进行转换，需要参照于babel的preset）。但对于api的兼容，babel-loader是无法完成的，我们需要借助于babel的插件 (babel-polyfill b...原创 2018-09-09 19:04:23 · 343 阅读 · 0 评论 -
webpack使用(2)之基本使用
一、webpack安装1、全局安装npm inistall -g webpack@3.11.02、局部安装npm init –ynpm inistall webpack@3.11.0 –save-dev二、 webpack模块化打包 1、用命令行的形式打包 webpack [entry] [output] webpack ./js/...原创 2018-09-09 18:11:29 · 218 阅读 · 0 评论 -
ES6异步方案实现
promise原创 2018-09-05 21:04:11 · 720 阅读 · 0 评论 -
ES6异步方案之Promise详解
一、Promise基本流程1、Promise的实例对象有三个状态pending: 初始状态，既不是成功，也不是失败状态。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败2、状态机机制 promise状态机制executor的resolve参数被调用时会将promise的状态从pending改为fulfilledexecutor的reject参数...原创 2018-09-05 21:19:57 · 401 阅读 · 0 评论 -
ES6异步方案之generator详解
一、Symbol 1、基本介绍 ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript 语言的第七种数据类型：undefined、null、Boolean、String、Number、Symbol、Object该类型的性质在于这个类型的值可以用来创建匿名的对象属性。该数据类型的值通常被用作一个对象属性的键, symbol 类型的键存在于各种内置的 Ja...原创 2018-09-05 21:26:57 · 226 阅读 · 0 评论 -
ES6异步方案之实战案例——移动小球
一、二、 三、 四、原创 2018-09-05 22:32:59 · 274 阅读 · 0 评论 -
ES6基础语法之Set & Map
ES6基础语法之数组扩展原创 2018-09-05 22:47:39 · 1133 阅读 · 0 评论 -
ES6语法之 Class
ES6基础语法之数组扩展原创 2018-09-05 23:04:06 · 226 阅读 · 0 评论 -
ES6概述
概述原创 2018-09-06 08:34:11 · 180 阅读 · 0 评论 -
webpack使用(1)之基本介绍
一、什么是webpack本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。二、webpack版本Webpack v1.0.0 --- ...原创 2018-09-09 18:00:44 · 240 阅读 · 0 评论 -
HTTP协议特性之CSP 指令——NodeJs版
一、Content-Security-Policy HTTP 响应头 Content-Security-Policy 允许站点管理者在指定的页面控制用户代理的资源。除了少数例外，这条政策将极大地指定服务源 以及脚本端点。这将帮助防止跨站脚本攻击（Cross-Site Script） (XSS)....原创 2018-08-25 16:31:59 · 810 阅读 · 0 评论 -
HTTP协议特性之连接管理——NodeJs版
一、HTTP/1.x 的连接管理 连接管理是一个 HTTP 的关键话题：打开和保持连接在很大程度上影响着网站和 Web 应用程序的性能。在 HTTP/1.x 里有好些个模型：短连接, 长连接, 和 HTTP 流水线。...原创 2018-08-25 16:21:18 · 448 阅读 · 0 评论 -
NodeJS——API使用之内置模块
一、path1、 normalize path.normalize() 方法会规范化给定的 path，并解析 ‘..’ 和 ‘.’ 片段 2、join path.join() 方法使用平台特定的分隔符把全部给定的 path 片段连接到一起，并规范化生成的路径 3、resolve path.resolve() 方法会把一个路径或路径片段的序列解析为一个绝对路径。 4、 base...原创 2018-08-29 10:58:23 · 412 阅读 · 0 评论 -
HTTP协议特性之Cookie(1)概述——NodeJs版
一、HTTP Cookies基本介绍HTTP Cookie（也叫Web Cookie或浏览器Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie使基于无状态的HTTP协议记录稳定的状态信息成为了可能。Cookie主要用于以下三个方面...原创 2018-08-23 15:16:03 · 392 阅读 · 0 评论 -
HTTP协议特性之Cookie(2)服务端Cookie——NodeJs版
一、基本介绍1、Set-Cookie:响应首部字段服务端可以使用Set-Cookie首部为客户端种入Cookie。 &amp;amp;quot;Set-Cookie&amp;amp;quot;:&amp;amp;quot;id=123&amp;amp;quot; &amp;amp;quot;Set-Cookie&amp;amp;quot;:[&amp原创 2018-08-23 15:01:57 · 600 阅读 · 0 评论 -
HTTP协议特性之Cookie(3)客户端Cookie——NodeJs版
一、基本介绍：1、概述客户端也可以设置Cookie， 但是通常不在客户端设置Cookie作用域限制，只会对Cookie进行增删改查的操作。2、客户端CookieDocument.cookie获取并设置与当前文档相关联的 cookie二、客户端设置cookie首先明确客户端cookie是会话级别的cookie.1、获取语法：allCookies = docum...原创 2018-08-23 15:13:52 · 286 阅读 · 0 评论 -
JS模块化方案(3)之CommonJS
一、基本介绍服务端的javascript平台Node的模块化方案。一个文件一个模块。 详细介绍：NodeJS——模块化commonjs二、基础语法：1、模块定义 function common(){ return "common"; } // 对外提供接口 module.exports = common; 对象：(两种)① expo...原创 2018-09-06 20:06:22 · 257 阅读 · 0 评论 -
JS模块化方案(4)之ES6模块化
一、基本介绍不同于CommonJS等规范。ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。1、export命令 个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输...原创 2018-09-06 20:18:53 · 505 阅读 · 0 评论 -
JavaScript模块化
模块化原创 2018-09-06 20:31:40 · 256 阅读 · 0 评论 -
BOM
一、BOM对象 这些BOM对象在浏览器中都是作为window对象的属性保存的，可以通过window对象来使用，也可以直接使用。Window - 代表的是整个浏览器的窗口，同时window也是网页中的全局对象Location - 代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面 Do...原创 2018-09-06 21:02:03 · 250 阅读 · 0 评论 -
Ajax数据格式——JSON
一、基本介绍JSON 是一种语法，用来序列化对象、数组、数值、字符串、布尔值和 null 。它基于 JavaScript 语法。本质上它是一种存储和交换文本信息的语法。类似于XML。它采用键值对的方式来组织，易于人们阅读和编写。同时也易于机器解析和生成。 JSON是独立于语言的,也就是说不管什么语言,都可以解析json。只需要按照json的规则来就行。二、JSON语法JSON数据...原创 2018-08-25 07:52:38 · 402 阅读 · 0 评论 -
NodeJS——API使用之fs文件系统模块(2)文件系统的其他方法
一、API1、文件存在类 fs.exists(path, callback) 废弃 使用 fs.stat() 代替。 fs.existsSync(path) path:路径 如果路径存在，则返回 true，否则返回 fals 2、fs.stat()fs.stat(path,callback) path:路径 cal...原创 2018-08-29 14:25:17 · 348 阅读 · 0 评论 -
NodeJs内置模块之HTTP模块
一、HTTP协议与流1.客户端上的 HTTP 请求 ClientRequest的实例 ——可写流一般由http.request()方法创建返回http.request(options[, callback])参数说明： options ：可以是一个对象、或字符串、或 URL 对象。 如果 options 是一个字符串，它会被自动使用 url.parse() 解析。 如果它是一...原创 2018-08-25 16:07:42 · 3386 阅读 · 0 评论 -
NodeJs中Ajax使用
（异步JavaScript和XML）Asynchronous JavaScript + XML, 其本身不是一种新技术，而是一个在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: HTML or XHTML, Cascading Style Sheets, JavaScript, The Document Object Model,...原创 2018-08-25 07:44:24 · 22789 阅读 · 5 评论 -
HTTP协议特性之重定向——NodeJs版
一、 重定向1、基本介绍URL 重定向，也称为 URL 转发，是一种当实际资源，如单个页面、表单或者整个 Web 应用被迁移到新的 URL 下的时候，保持（原有）链接可用的技术。HTTP 协议提供了一种特殊形式的响应—— HTTP 重定向（HTTP redirects）来执行此类操作。 在 HTTP 协议中，重定向操作由服务器通过发送特殊的响应而触发。HTTP 协议的重定向响应的状态码为...原创 2018-08-23 16:08:21 · 1102 阅读 · 0 评论 -
NodeJs中Ajax跨域问题分析
一、跨域分析1、什么是跨域请求？由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。在Ajax中，表现为浏览器请求url和nodels开启的server服务中host和port不一致。如下图所示： 2、跨域问题分析造成跨域访问受限的原因是浏览器中同源策略机制。如果url中端口（如果有指定）和域名都相同，则他们具有相同的源 如果u...原创 2018-08-25 07:05:49 · 5779 阅读 · 0 评论 -
NodeJS——模块化commonjs
一、模块化1、基本介绍 每个文件是一个模块，有自己的作用域。 在模块内部 module变量代表模块本身。 module.exports属性代表模块对外的接口。 2、 module 对当前模块的引用,其exports属性用于指定一个模块所导出的内容，即可以通过 require() 访问的内容。 3、 exports 这是一个对于 module.exports 的更简短...原创 2018-08-29 10:29:15 · 284 阅读 · 0 评论 -
NodeJS——API使用之全局环境
一、 __dirname当前模块的文件夹名称 —解析后的绝对路径。 代码实例：// 当前模块的文件名称 ---解析后的绝对路径。console.log(__filename)// 当前模块的文件夹名称 ---解析后的绝对路径。console.log(__dirname)二、__filename当前模块的文件名称 —解析后的绝对路径。 代码实例：// 当前模块的文...原创 2018-08-29 10:50:29 · 425 阅读 · 0 评论 -
NodeJS——API使用之流
一、流stream（流）是一种在 Node.js 中处理流式数据的抽象接口。 基本上所有的流都继承了event接口。 Node.js 中有四种基本的流类型：Readable - 可读取数据的流（例如 fs.createReadStream()）。Writable - 可写入数据的流（例如 fs.createWriteStream()）。Duplex - 可读又可写的流（例...原创 2018-08-29 11:13:58 · 397 阅读 · 0 评论 -
NodeJS——API使用之fs文件系统模块(1)文件读写
一、基本介绍Node中通过fs（file system）模块来操作文件，所以想要使用系统。必须先引入fs模块。 fs模块属于node的核心模块，不用下载，直接引入即可。fs模块中的所有方法都有两个版本：- 一个是不带sync的，异步版本 - 一个是带sync的，同步版本二、文件的读写三、文件系统的其他方法...原创 2018-08-29 14:12:47 · 618 阅读 · 0 评论 -
ES6基础语法之数组扩展
Let 1、基本介绍 ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。原创 2018-09-05 20:31:59 · 199 阅读 · 0 评论