WSR712-CSDN博客

原创前端生成、下载二维码

前台生成、下载二维码点击查看按钮，弹出二维码弹框查看按钮<el-button type="text" @click="useqrcode(scope.row)" class="mybtn">查看</el-button>//scope.row获取行内的数据，二维码包含的信息二维码弹框 <el-dialog title="弹框标题名称" :visible.sync="dialogCodeVisible" :close-on-click-modal="false" ce

2021-08-23 09:27:28 715

原创 HTTP请求与相应处理

HTTP请求与相应处理请求参数客户端向服务器端发送请求时，有时需要携带一些客户信息，客户信息需要通过请求参数的形式传递到服务器端，比如登录操作。GET请求参数参数被放置在浏览器地址栏中，例如：http://localhost:3000/?name=zhangsan&age=20问号的后面代表请求的参数，如传递多个参数以&分割。参数获取需要借助系统模块url，url模块用来处理url地址。因为参数在地址栏当中，那么就可以通过req.url来获取，用url模块来处理url地址，

2021-06-19 01:23:27 222

原创 http协议

http协议1. HTTP协议概念超文本传输协议：规定了如何从网站服务器传输超文本到本地浏览器，它基于客户端服务器架构工作，是客户端（用户）和服务器端（网站）请求和应答的标准。2. 报文在HTTP请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息，并且要遵守规定好的格式。3. 请求报文方式： GET 请求数据、 POST 发送数据请求地址：app.on('request', (req, res) => { req.headers /

2021-06-19 01:14:02 115

原创创建Web服务器基础

//引入http模块const http = require('http') //调用 http下的createServer()方法创建服务器，此时app对象就是服务器对象 const app = http.createServer() //为网站服务器添加请求事件，request为请求事件的事件名称，req参数中保存了请求相关的信息，res代表响应的意思，利用res下的end方法对客户端进行响应，同时结束这一次请求 app.on('request', (req, r

2021-06-19 00:57:38 122

原创 package.json文件

package.json文件的作用项目描述文件，记录了当前项目信息，例如项目名称、版本、作者、github地址、当前项目依赖了哪些第三方模块等。使用npm init -y命令生成。node_modules文件夹问题当下载第三方模块时，会自动生成一个node_modules文件夹，在这个文件夹下又很多的细小文件夹，当将项目整体拷贝给别人时，速度会非常的慢。复杂的模块依赖关系需要被记录下来，确保模块的版本与当前版本保持一致，否则可能会出错。传输慢的解决办法使用npm init 生成一个package.

2021-06-07 23:54:12 353

原创第三方模块gulp

第三方模块gulpGulp使用的方法：1.使用npm install gulp下载gulp库文件2.在项目根目录下建立gulpfile.js文件（名字必须是gulpfile.js）3.重构项目的文件夹结构 src目录放置源代码文件 dist目录放置构建后文件4.在gulpfile.js文件中编写任务.5.在命令行工具中执行gulp任务Gulp中提供的方法：gulp.src()：获取任务要处理的文件gulp.dest()：输出文件gulp.task()：建立gulp任务gulp.watc

2021-05-31 18:49:28 95

原创第三方模块nodemo、nrm

第三方模块nodemon功能：在Node.js中，每次修改文件都要在命令行工具中重新执行该文件，非常繁琐。使用步骤：使用npm install nodemon –g 下载它，在命令行工具中用nodemon命令替代node命令执行文件。使用这个命令自动重新执行该文件，按Ctrl + c 退出。nrm功能：下载地址切换工具使用步骤： 1.使用npm install nrm –g 下载它 2.查询可用下载地址列表 nrm ls3.切换npm下载地址 nrm use 下载地址名称...

2021-05-31 18:32:19 932

原创 Node.js之系统模块

Node.js之系统模块1. 什么是系统模块Node运行环境提供的API. 因为这些API都是以模块化的方式进行开发的, 所以我们又称Node运行环境提供的API为系统模块。文件模块（fs）分为三种：读取文件、写入文件、创建文件夹。2. 系统模块 fs 的操作语法：const fs = require(‘fs’)1.读取文件内容语法：fs.reaFile ( ' 文件路径/文件名称 ' [ ,' 文件编码 ' ] , callback );应用场景：当客户端访问服务器端的时候，请求in

2021-05-13 12:54:06 179

原创 Node.js模块化开发规范

Node.js中模块化开发规范Node.js规定一个JavaScript文件就是一个模块，模块内部定义的变量和函数默认情况下在外部无法得到。模块内部可以使用exports对象进行成员导出，使用require方法导入其他模块。案例:a.js中的变量导入b.js中第一步：先在a.js中将所需要的变量导出，方法有两种exports方法const fn = (x, y) => x + y;exports.fn2 = fn; //第一个fn方法作为exports的属性值，第二个实现的fn

2021-05-13 12:42:12 282

原创原生JS之淘宝下拉菜单案例

**原生JS之淘宝下拉菜单案例**<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } li{ list-style: none; } a{ tex

2021-03-29 23:39:42 580

原创 Javascript之本地存储

**本地存储**1.1 sesssionStoragesessionStorage.setItem(key,value) //存储数据sessionStorage.getItem(key) //获取数据sessionStorage.removeItem(key) //移除数据sessionStorage.clear() //移除所有数据2.1 localStorage用法同上区别：sesssionStorage只能在一个生命周期内存储，当关闭页面是数据消失localSt

2021-03-26 15:03:38 101

原创 Javascript之移动端特效

**移动端特效**1.1 touch触摸事件touchshart //手指点到触发touchmove //手指移动触发touchend //手指离开触发1.2触摸事件对象touches //正在触摸屏幕的所有手指的一个列表targetTouches //正在触摸当前DOM的手指列表changedTouches //手指状态发生改变的列表当手指离开屏幕的时候，就没有了touches、targetTouches，但是会有changeTouches下面代码段中的函数比较了 t

2021-03-26 15:01:26 101

原创 javascript之PC网页端特效

**PC网页端特效**1.1元素偏移量offset概述可以动态获得该元素的位置（偏移），大小，返回值都不带单位。1.2offset属性通常来获得元素的位置element.offsetTop //返回元素相对带有定位的父元素上方的偏移element.offsetLeft //返回元素相对带有定位的父元素左方的偏移element.offseWidth //返回元素的宽度element.offseHeight //返回元素的高度大小包含边距边框element.offseParen

2021-03-25 01:39:04 131

原创 Javascript之BOM2

**Javascript之BOM2**4.1 location对象的属性URL格式：protocol://host[:port]/path/[?query]#fragmentlocation.href 获取或设置整个urllocation.host 返回主机域名location.port 返回端口号location.pathname 返回路径loaction.search 返回参数location.hash 返回片段4.2更切换URL1．location.h

2021-03-25 01:33:10 93

原创 Javascript之BOM1

**Javascript之BOM1**1.1窗口加载对象1．window.onload = function(){ } //传统2．window.addEventListener(‘load’,function(){ }) //事件侦听注意：传统方式只能写一次，如有多次，以最后一次为准。事件侦听可以写多次，有了这些，js代码想写在哪就写在哪 3． document.addEventListener(‘DOMContentLoaded’,function(){ })如果

2021-03-24 01:59:57 158

原创 Javascript之DOM4

**Javascriot之DOM4**5.1事件对象event写在侦听函数小括号中，当形参来看也可以自己命名，如event、evt、e 如事件侦听方法：div.addEventListener(‘click’,function(event){ console.log(event) }) ie 6/7/8显示事件对象必须：consloe.log(window.event) 如果考虑事件对象的兼容性，可以：event = event || window.event5.

2021-03-24 01:54:16 169

原创 Javascript之DOM3

**Javascriot之DOM3**2.6元素的属性值2.6.1获取元素的属性值1．element.属性获取内置属性，元素本身自带的属性如：id class2．element.getAttribute('属性')主要获得自定义属性，自己定义的属性H5新增获取自定义属性：所有自定义属性前+data-，如data-indexelement.dataset.index && element.dataset[‘index’]element.dataset存放

2021-03-21 23:08:11 123

原创 JavaScript之DOM2

**JavaScript之DOM2**2.2改变元素内容1．element.innerText写入：不识别HTML标签，里面的内容会直接显示读取：去除空格和换行2．element.interHTML写入：识别HTML标签读取：保留空格和换行注：element为元素名2.3表单元素的属性操作1．input.value修改表单里面的值、文字2．btn.disabled按钮被禁用2.4样式的属性操作1．element.style.行内样式操作2．element.classNa

2021-03-20 14:11:46 94

原创 JavaScript之DOM1

**JavaScript之DOM**1.1 获取元素1．根据ID获取decument.getElementById(id)2．根据标签名获取decument.getElementByTagName('标签名')3．根据类名获取decument.getElementByClassName('类名')4．通用方式decument.querySelect('选择器') //只返回选择器的第一个元素值decument.querySelectAll('选择器') //返回选择

2021-03-19 18:30:54 103

HU_LILI的博客