2020年03月_codingWeb

原创 OSI与TCP/IP各层结构和功能，及TCP和UDP协议的区别和应用

一、OSI的七层协议与TCP/IP体系结构如下图可见，是OSI七层协议体系与TCP/IP的体系结构，实际上，TCP/IP的体系结构是四层，如图b。但是一般在学习计算机网络的原理时往往会采取折中的方法，综合OSI与TCP/IP的优点，就会采用五层协议的体系结构，如图c：注：五层协议体系结构只是为了介绍网络原理设计的，实际应用的还是TCP/IP四层体系结构。二、各层协议和功能1、OSI模型...

2020-03-30 01:39:03 942

原创 webpack的介绍及开发环境的详细配置（附注释和代码）

webpack 简介1.1webpack 是什么----------- webpack 是一种前端资源构建工具，一个静态模块打包器(modulebundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。webpack 五个核心概念En...

2020-03-28 22:16:48 233

原创 express 中日志中间件 morgan 使用

express 默认日志组件 morgan 使用参考详细：https://www.cnblogs.com/chyingp/p/node-learning-guide-express-morgan.htmlmorgan是express默认的日志中间件，也可以脱离express，作为node.js的日志组件单独使用。入门例子首先，初始化项目。npm install express morga...

2020-03-26 23:31:19 677

原创 js和css动态画出一只安卓机器人，附代码

此效果上网的时候看到的，觉得有趣新奇，于是立马F12查看源代码，平时习惯于操作body标签中的元素，忽视了除body标签中之外的标签，殊不知style标签也能这么玩实现原理：通过js，定时的逐个读取写好的css样式代码，逐个写入到style标签中，即可实现这种看起来很神奇的效果代码如下，直接全部复制即可演示：<!DOCTYPE html><html> &lt...

2020-03-24 14:57:51 687

原创 ejs模板及node中的使用

一、简介相比于jade模板引擎，ejs对原HTML语言就未作出结构上的改变，只不过在其交互数据方面做出了些许修改，相比于jade更加简单易用。因此其学习成本是很低的。您也可参考ejs官网：https://ejs.bootcss.com/二、ejs基本使用这里我们使用如下配置文件：我们啊可以通过下面的方式实现基本的ejs操作：app.js文件：const express=require(...

2020-03-23 00:36:19 466

原创 nodeJs文件下载

文件下载文件下载非常简单，仅需通过res.download()执行即可，他可以写为3种形式：res.download('/report-12345.pdf');以下是一个对选择对应文件进行下载的实例：html：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <tit...

2020-03-19 18:22:08 460

原创 nodeJs文件上传

一、multer中间件再上传文件时，我们通常会使用到他。Multer用于处理multipart/form-data 类型的表单数据。首先我们先安装它：cnpm install multer --save二、使用首先在form表单中我们需要设置enctype为：multipart/form-data表单类型。同时我们也需要用到fs模块对文件重命名。下面是单文件上传实例：<!DOCT...

2020-03-19 18:20:51 270

一、关于sessionsession是另一种记录客户状态的机制，与cookie保存在客户端浏览器不同，session保存在服务器当中；当客户端访问服务器时，服务器会生成一个session对象，对象中保存的是key:value值，同时服务器会将key传回给客户端的cookie当中；当用户第二次访问服务器时，就会把cookie当中的key传回到服务器中，最后服务器会吧value值返回给客户端。因...

2020-03-18 19:03:47 413

原创 nodeJs中的cookie加密

一、使用 signed 属性进行cookie加密如下列代码：const express = require("express");const cookieParser = require("cookie-parser");var app = express();app.use(cookieParser('secret'));app.get("/",function(req,res)...

2020-03-18 18:58:13 646

原创关于Cookie和express中cookie的使用，以及跨域请求携带Cookie的问题和解决方案

一、关于Cookie在我们关闭一个登录过的网址并重新打开它后，我们的登录信息依然没有丢失；当我们浏览了商品后历史记录里出现了我们点击过的商品；当我们推回到首页后，推荐商品也为我们选出了相似物品；事实上当我们有过此类操作后，浏览器会将我们的操作信息保存到cookie上面。阿进而言之，cookie就是储存在用户本地终端上的数据。Cookie的特点cookie保存在浏览器本地，只要不过期关闭浏览...

2020-03-18 18:38:02 1448

原创 Vue中css的 /deep /及 >>> 的用法

/deep/ 深度选择器在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加父组件：<template> <div> <h1 class="title">{{ name }}</h1> <input type="text" v-model.lazy="name"> ...

2020-03-08 19:06:20 8590

codingWeb的博客