2021年03月_木蓝茶陌*_*

原创去掉一个数组中的重复项，并按升序排序

去掉一个数组中的重复项，并按升序排序方法1：indexOf()function removeRepeat(arr){ let result = [] for(var i=0;i<arr.length;i++){ if(result.indexOf(arr[i]) == -1){ result.push(arr[i]) } } return result.sort(function(a,b){ r

2021-03-24 09:11:26 1660

统计给定字符串中各字符出现的次数思路：先把字符串转为数组，遍历数组，声明一个空对象，数组元素为对象的key，同一元素出现的次数为对象的value。var str = 'abcdfabfgxsxzabc54acb4'var array = str.split('') // 字符串转为数组// console.log(array)var obj = {}for(var i=0;i<array.length;i++){ var key = array[i] // 如果对象中有该字

2021-03-23 09:11:40 685

原创 react学习4-脚手架create-react-app的基本使用

脚手架create-react-app 的基本使用使用脚手架 create-react-app 可以快速生成一个项目，并且提供友好的开发调试环境。脚手架用法一：安装脚手架包 create-react-app (全局安装)npm install create-react-app -g使用命令创建项目--use-npm 的作用是使用npm管理依赖包默认情况，如果本地安装了yarn，那么会默认采用yarn进行依赖包管理如果默认没有安装yarn，那么默认使用npm管理依赖包crea

2021-03-31 09:11:12 291

原创 react学习3-JSX条件渲染和列表渲染

JSX条件渲染js形式条件渲染function showForm (flag) { // 根据参数flag的状态显示不同内容 if(flag) { // 显示登陆框 return <div>登陆框</div> } else { // 显示注册框 return <div>注册框</div> }}元素变量function showForm (flag) { // 根据参数flag的状态显示不同

2021-03-30 09:19:24 216

原创 react学习2-React概述和基本使用

React概述React：是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库（框架）。中文官网英文官网React的特性：声明式视图对于声明式组件，当数据变更的时候，React底层负责高效更新。这种方式代码更加可预见并且更容易调试。组件化封装管理数据的组件，通过组合的方式实现复杂的UI，组件的逻辑采用js实现而不是模板，这样可以保持数据在DOM之外。一次学习，随处编写React可以进行服务端渲染，也可以用于移动APP开发（React Native）。

2021-03-29 09:19:25 108

原创 react学习1-JSX概述和基础语法

JSX基础语法JSX，是一个 JavaScript 的语法扩展，在js中写HTML标签。建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可以生成 React “元素”。JSX是什么：// (js的语法扩展：在js中写HTML标签)const element = <div>Hello World!</div>;JSX元素中动态插入数据let name = 'World'const element =

2021-03-25 09:10:07 108 1

原创 Express学习9--在服务器端获取和删除cookie

在服务器端获取cookie手动解析cookie向服务器发送的请求中会自动携带cookie，具体来说它会在req.headers.cookie中保存。要注意取到的cookie中只包括键值对，而cookies的属性（如过期时间）是看不到的。req.headers.cookie; // isLogin=true; name=xsfss这个字符中包含了全部的cookie，为了把它们的值解析出来成一个对象，可以通过node的核心对象querystring来进行解析。// 1. 把; 替换成&，以

2021-03-22 13:59:57 893

原创 Express学习8--从服务器发送cookie给客户端

从服务器发送cookie给客户端原生的方法设置单个cookie：// 在node.js中，通过res.setHeader来设置响应头。res.setHeader('set-cookie', 'name=curry');设置多个cookie：//在node.js中，通过res.setHeader来设置响应头。res.setHeader('set-cookie', ['name=curry', 'age=30']);如果cookie值是中文的话，需要对这个值进行额外的编码。let na

2021-03-19 09:13:21 1369

原创会话控制cookie和session

会话技术有很多的网站都有登录的功能：|--login.html (登录页)|--index.html(主页)|--setting.html(设置页)实际开发，必须解决页面之间的数据共享问题：例如用户从login.html页面登陆之后，再去访问index.html或者setting.html页面时，应该还是能够获取用户的登陆信息。由于 http是无状态的，就是无记忆的，对于HTTP协议而言，无状态同样指每次request请求之前是相互独立的，当前请求并不会记录它的上一次请求信息。每次请求都是

2021-03-18 09:20:54 96

原创 Express学习7--Express路由中间件

路由中间件使用场景路由过多时，代码不好管理。以管理员和用户接口为例，定义了管理员角色的接口和普通游客的接口，这些接口如果全写在一个入口文件中(如下只是显示了4个接口，如果是40个接口，就会很难读了)，是很不好维护的。const express = require('express');const app = express();// 两种用户的操作，对应不同的接口app.get('/getfrontdetail', (req, res) => { res.send('获取游客

2021-03-17 09:18:54 154

原创 Express学习6--Express中间件技术

中间件技术在实际工作中，需要对某些请求（或者某一类请求）进行特殊的处理，例如：要记录每一次请求的详细信息。需求：在调用某个接口时，打印出调用者的ip地址及调用时间。此时需要使用到中间件技术。同时对express而言，中间件是它的一个非常重要的概念，掌握中间件的思想对于理解学习express，提升编程水平都有很大的帮助。生活中的中间件在上图中，自来水厂从获取水源到净化处理交给用户，中间经历了一系列的处理环节。一个流程结束之后，按顺序进入下一个流程；一个流程如果出了问题，下一个流程也会受影响。

2021-03-16 09:22:16 385

原创 Express学习5--Express实现post接口功能

post接口post无参数// 引入express模块const express = require('express');// 创建express实例const app = express();// 设置post接口// 参数1：接口地址，参数2：回调函数，用来设置接口功能app.post('/post',function(req,res){ // req是请求对象 res是响应对象 res.send({name:"abc"})})// 监听端口app.list

2021-03-15 09:17:10 4073 1

原创 Express学习4--Express实现get接口功能

get接口get无参数// 引入express模块const express = require('express');// 创建express实例const app = express();// 设置get接口// 参数1：接口地址，参数2：回调函数，用来设置接口功能app.get('/get', function(req, res) { // req是请求对象 res是响应对象 // 直接返回对象 res.json({ name: 'abc' });});

2021-03-12 09:12:24 1186

原创 Express学习3--Express路由

Express路由参考文档路由是指确定应用程序如何处理客户端的请求。路由（Routing）是由一个 URL（或者叫路径标识）和一个特定的 HTTP 方法（GET、POST 等）组成的，涉及到应用如何处理响应客户端请求。每一个路由都可以有一个或者多个处理器函数，当匹配到路由时，这些函数将被执行。语法格式app.METHOD(PATH, HANDLER)说明：app 是 express 实例。METHOD 是一个 HTTP 请求方法。全小写格式。如：post,get,delete等

2021-03-11 09:16:33 137

原创 Express学习2--Express托管静态资源

托管静态资源参考文档让用户直接访问静态资源是一个web服务器最基本的功能。http://localhost:3000/1.png // 请求一张图片http://localhost:3000/css/style.css // 请求一份样式文件http://localhost:3000/js/index.js // 请求一份js代码web服务器需要能够直接返回这些文件的内容给客户端浏览器。使用http模块，实现托管静态

2021-03-10 09:11:25 281 2

原创 Express学习1--Express介绍和安装使用

Express框架Express 介绍Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架。Express 是一个第三方模块，有丰富的 API 支持，强大而灵活的中间件特性。Express 不对 Node.js 已有的特性进行二次抽象，只是在它之上扩展了 Web 应用所需的基本功能。Express 官网Express 中文文档（非官方）Express GitHub仓库Express 安装由于express是第三方框架，是一个第三方模块，使用之前需要先安

2021-03-09 09:12:58 330

原创 node.js学习13--自定义模块

自定义模块开发者自己写的模块就是自定义模块。在node.js中，对代码的封装是以模块（一个一个的文件）为单位进行的。一般的做法是实现好某一个功能之后，封装成一个模块，然后在其它文件中使用这个模块。使用一个模块，就是在一个js文件中去使用另一个js文件中定义的变量，常量，函数…基本步骤定义模块新建一个js文件，用模块名给它命名。例如，模块叫myModule，则这个js文件最好叫myModule.js导出模块在myModule.js内部，定义一些函数，变量，当然，它们会根据业务要求做一些

2021-03-08 09:19:31 325

原创 node.js学习12--使用nodemon来自动重启http服务

使用 nodemon 来自动重启http服务每次修改代码之后，都需要重启http服务器:进入控制台。按下ctrl+c，停止已有http服务器。手动运行：node index.js 来重启服务器。这会很麻烦。有没有一个工具能自动检测到代码的修改并自动重新运行代码呢？有，它叫nodemon。安装 nodemon通过npm包管理工具来进行安装。任意打开一个cmd命令行窗口，输入如下命令npm install -g nodemon此操作需要联网，根据网络速度所耗时间不同。npm是一个

2021-03-05 09:11:03 362 1

原创 node.js学习11--npm的使用

npm的使用node.js通过自带的npm(node package manager)工具来管理第三方模块。npm 全称 Node Package Manager(node 包管理器)，它的诞生是为了解决 Node 中第三方包共享的问题。npm 命令行工具，不需要单独安装。在安装Node的时候，会连带一起安装npm。npm网站，是一个第三方模块store，可以自由地下载，上传模块。官网包（package）与模块关系node.js中一个模块就是一个单独的js文件。包是多个模块的集合

2021-03-04 09:40:34 254 1

原创 node.js学习10--http模块-实现post接口功能

http模块-实现post接口功能post接口假设现在要实现一个post类型的接口。具体要求如下：地址：/post功能：获取用户传入的参数，并以json字符串格式返回，在返回的信息中要加上时间戳。示例：接口地址:localhost:8080/post参数：name=filex&age=30;返回:{name:filex,age:30,_t:1563265441778}要求：通过postman软件的测试post类型与get类型的接口区别较大，主要在两个方面：类型不同对于类

2021-03-03 09:28:42 548

原创 node.js学习9--http模块-实现get接口功能

http模块-实现get接口功能get接口-无参数假设要实现一个get类型的接口。具体要求如下：地址：/gettime功能：以json字符串格式返回服务器的时间戳。示例：// 不带参数输入:localhost:8080/gettime;返回:{_t:1563265441778}参考代码：// 引入http模块const http = require('http');// 引入url模块const url = require('url');const app = http.cr

2021-03-02 09:28:46 297

原创 node.js学习8--http模块-处理静态资源

http模块-处理静态资源静态资源指的是html文件中链接的外部资源，如css、js、image文件等等。处理二次请求从服务器获取html文件之后，如果这个html文件中还引用了其它的外部资源（图片，样式文件等），则浏览器会重新再发请求。假设在index.html中还引入了 style.css、 1.png 或者 .js文件，则：浏览器请求localhost:index.html之后，得到的从服务器反馈的内容，解析的过程中还发现有外部的资源，所以浏览器会再次发出第二次请求，再去请求相应的资源。

2021-03-01 09:24:51 659

jyn15159的博客