2021年05月_Silly夏

原创 JavaScript 闭包是种什么现象？What、Why、How ？

闭包闭包是函数。闭包（closure)指有权访问另一个函数作用域中变量的函数。一个作用域可以访问另一个函数内部的局部变量。被访问变量所在函数就形成闭包。1 闭包定义当嵌套的内部函数引用了外部函数的变量时就产生了闭包。通过chrome工具得知: 闭包本质是内部函数中的一个对象, 这个对象中包含引用的变量属性。2 闭包的主要作用延伸了变量的作用范围（生命周期）。让函数外部能操作内部的局部变量。写一个闭包程序。function fn1() { var a = 2;

2021-05-31 13:11:05 120

转载国际歌英特纳雄耐尔一定要实现

文章目录第一段第二段第三段第四段第五段第六段第一段起来，饥寒交迫的奴隶！起来，全世界受苦的人！满腔的热血已经沸腾，要为真理而斗争！旧世界打个落花流水，奴隶们起来，起来！不要说我们一无所有，我们要做天下的主人！副歌：这是最后的斗争，团结起来到明天，英特纳雄耐尔就一定要实现！这是最后的斗争，团结起来到明天，英特纳雄耐尔就一定要实现！第二段从来就没有什么救世主，也不靠神仙皇帝！要创造人类的幸福，全靠我们自己！我们要夺回劳动果实，让思想冲破牢笼！快把那炉火烧得通红，趁

2021-05-28 20:28:50 367

原创季氏将伐颛臾---孔子

季氏将伐颛臾作者：孔子季氏将伐颛臾。冉有、季路见于孔子曰：“季氏将有事于颛臾。”孔子曰：“求！无乃尔是过与？夫颛臾，昔者先王以为东蒙主，且在邦域之中矣，是社稷之臣也。何以伐为？”冉有曰：“夫子欲之，吾二臣者皆不欲也。”孔子曰：“求！周任有言曰：“陈力就列，不能者止。’危而不持，颠而不扶，则将焉用彼相矣？且尔言过矣。虎兕出于柙，龟玉毁于椟中，是谁之过与？”冉有曰：“今夫颛臾，固而近于费。今不取，后世必为子孙忧。”孔子曰：“求！君子疾夫舍曰欲之而必为之辞。丘也闻有国有家者，不患寡而患不均，不患贫而

2021-05-15 19:43:11 131

原创 Ajax Ajax基础

文章目录Ajax基础1 Ajax概述2 Ajax应用场景3 Ajax运行环境4 Ajax运行原理及实现4.1 运行原理4.2 实现步骤4.3 服务器响应的数据格式4.4 请求参数传递4.4.1 GET请求参数4.4.2 POST请求参数4.4.3 请求参数格式4.5 获取服务器端的响应4.5.1 Ajax响应状态码4.5.2 xhr.readyState属性4.5.3 onload事件4.5.4 onreadystatechange事件4.5.5 两种获取服务器端响应方式区别4.6 Ajax错误处理4.6.

2021-05-14 10:30:17 210

原创 NodeJs express框架

文章目录1 express框架1.1 express特点2 app.use中间件2.1 概念2.2 中间件用法2.3 中间件应用2.4 错误处理中间件2.5 捕获错误3 express请求处理3.1 构建模块化路由3.2 GET参数的获取3.3 POST参数的获取3.4 路由参数.3.5 静态资源的处理4 express-art-template模块引擎4.1 介绍4.2 app.locals对象1 express框架express框架的基于node.js的web应用开发框架。1.1 express特

2021-05-14 10:21:54 827

原创 NodeJs 模板引擎

文章目录模板引擎1 art-template模板引擎2 模板引擎语法3 模板引擎条件判断4 循环5 子模板6 模板配置模板引擎1 art-template模板引擎art-template模板引擎，用来拼接字符串。npm install art-templateconst template = require('art-template');const html = template('模板路径',数据);const template = require('art-template');c

2021-05-14 10:19:45 459

原创 NodeJs 异步编程

文章目录异步编程1 同步API、异步API2 二者区别3 node.js异步APIPromise1 定义异步函数1 async关键字2 await关键字异步编程1 同步API、异步API同步API：只有当前API执行完毕，才能接着执行下面的API。console.log('hello');console.log(' world');//hello world异步API：当前API的执行不会影响和阻塞后续API的执行。setTimeout(()=>{ console.l

2021-05-14 10:18:53 189

原创 NodeJs http

文章目录1 http协议1.1 请求报文1.2 响应报文2 HTTP请求与响应处理2.1 请求参数2.2 GET请求参数2.3 POST请求参数2.4 静态资源2.5 动态资源2.6 路由1 http协议// 1、引入网站服务器的模块const http = require('http');// 2、创建网站服务器对象const app = http.createServer();1.1 请求报文请求方式（req.method）GET：请求数据。POST：发送数据请求地址（re

2021-05-14 10:17:11 108

原创 NodeJs Gulp模块

Gulp模块1 gulp方法gulp.src()：获取任务要处理的文件。gulp.dest()：输出任务。gulp.task()：建立gulp任务.gulp.eatch()：监控文件的变化。//gulp.task()建立任务，第一个参数为任务名称；第二个参数为回调函数gulp.task('first',() => { console.log('第一个gulp文件'); // 获取文件 gulp.src('./src/index.html') //将处

2021-05-14 10:14:59 113

原创 NodeJs fs系统模块

文章目录fs模块文件操作1 读取文本readFile()2 写入文件wirteFile()3 同步文件的写入4 异步文件的写入5 简单文件写入6 简单文件读取7 流式文件写入8 流式文件读取路径拼接路径拼接fs模块文件操作文件系统（File System）简单来说就是通过node来操作系统中的文件。需要引入核心模块：fs模块（无需下载，直接引用）。fs模块中的所有操作都有两种形式可供选择：同步和异步（有回调函数）。1 读取文本readFile()fs.readFile('文件路径/文

2021-05-14 10:13:45 144

原创 NodeJs nodeJs模块化、Buffer缓冲区

文章目录1 模块化2 向外部暴露变量和方法3 全局对象global4 Buffer缓冲区1 模块化在node中，一个js文件就是一个模块在node中，每一个js文件中的js代码都是独立运行在一个函数中而不是全局作用域，所以一个模块中的变量和函数在其他模块中无法访问。一个模块内的代码仅在模块第一次被引用时初始化执行一次，然后缓存起来便于后面使用。当node在执行模块中的代码时，会首先在代码的最顶部，添加如下代码function (exports,require,module,__fil

2021-05-14 10:11:11 124

原创 NodeJs npm

文章目录npm1 npm命令2 node搜索包的流程npm1 npm命令npm -v查看npm版本npm version查看所有模块版本npm search搜索模块包npm install / i 包名安装包npm remove / r 包名删除包npm install 包名 -g全局安装包（全局安装一般是工具）npm install 包名 --save安装包并添加到依赖中npm install下载当前项目所依赖的包np

2021-05-14 10:08:08 95

原创 ES6 async、await

async和await1 async函数async函数的返回值为promise对象。promise对象的结果由async函数执行的返回值确定。2 await表达式await必须写在async函数中。await右侧的表达式一般为promise对象。await返回的是promise成功的值。await的promise失败了就会抛出异常，需要通过try…catch进行捕获处理。<script> const p = Promise((resolve,reject)=>{

2021-05-14 10:01:41 88

原创 JSP+Servlet+MVC+B/S

JSP+Servlet+MVC符合高内聚，低耦合的设计JSP负责输入输出，JavaBean负责实现业务逻辑（功能），Servlet完成控制。技术简介：JSP：jsp在静态HTML页面嵌入Java代码，Java代码被动态执行后生成HTML。优点：Servlet能够很好地组织业务逻辑代码。缺点：在Java源文件中通过字符串拼接的方式生成动态HTML内容会导致代码维护困难、可读性差。用途：以前用于动态生成HTML页面；现在用途为当做控制器，起控制和调配大局的作用。Servlet：Jav

2021-05-10 08:08:36 370

原创 ES6 Promise

文章目录Promise1 promise介绍与基本使用2 Promise封装读取文件3 Promise封装Ajax请求3.1 使用原生Ajax发送请求3.2 封装4 Promise.prototype.then方法5 Promise实践6 Promise的catch方法Promise1 promise介绍与基本使用实例化promise对象const app new Promise(function(resolve,reject){ setTimeout(function(){

2021-05-08 08:54:42 93

原创 ES6 扩展运算符、模板字符串

扩展运算符...、Array.from()、find()、findIndex()、includes()扩展运算符（展开语法）。可以将数组或对象转化为用逗号分隔的参数序列。let arr = [10,20,30,40,50,60];console.log(...arr); 扩展运算符可以应用于合并数组。//方法一let arr1 = [10,20,30];let arr2 = ['a','b'.'c'];let arr3 = [...arr1 + ...arr2];console.l

2021-05-08 08:44:59 203

原创 ES6 箭头函数

箭头函数箭头函数用来简化函数定义语法。let logIt = () => { console.log('hello world')}logIt(); //hello world若箭头函数函数体执行结果就是函数的返回值，函数体大括号可以省略。let logIt = (a,b) => a +b;let res = logIt(10,20); console.log(res); //30若只有一个形参，包裹形参的小括号可以省略。let fn = a => {

2021-05-08 08:33:34 105

原创 ES6 解构赋值，剩余参数

1 解构赋值ES6允许从数组内对象中取值，按照对应位置对变量赋值。1.1 数组解构数组解构允许我们按照一一对应的关系从数组中取值，然后赋予变量。如果解构不成功，变量的值为undefined。let [a,b,c] = [1,2,3];console.log(a);1.2 对象解构对象解构允许我们按照一一对应的关系从对象中取值，然后赋予变量。let obj1 = {name:'wang',age:20};let {name,age} = obj1;console.log(name +

2021-05-08 08:30:38 274

SillyBoy的博客