- 博客(115)
- 收藏
- 关注
RSS订阅原创 cookie与session
cookie定义：用来存储客户端的一小段文本，是一门客户端的技术 因为cookie是存储在客户端浏览器中的。是为了实现客户端与服务器端之间的状态的保持。但是cookie技术不安全，所以不要使用cookie存储敏感信息！cookie的值的来源：当客户端接收到服务器返回的cookie就会把存到浏览器中，当下一次去访问的时候 就会自动的携带这个cookie值，cookie默认在浏览器页面关闭之后 ...
2019-12-30 11:43:00
130
1
原创 node中的表头设置
import express from 'express'var app = express();app.all('*', (req, res, next) => { console.log(req.headers) const { origin, Origin, referer, Referer }...
2019-12-30 11:32:02
425
原创 Redis
Redis 安装下载地址：https://github.com/MSOpenTech/redis/releases打开一个 cmd 窗口 使用 cd 命令切换目录到 C:\redis 运行：redis-server.exe redis.windows.conf这时候另启一个 cmd 窗口，原来的不要关闭，不然就无法访问服务端了。切换到 redis 目录下运行:redis-cli.exe...
2019-12-30 11:30:58
114
原创 常见的关系型数据库和非关系型数据及其区别
关系型数据库关系型数据库最典型的数据结构是表，由二维表及其之间的联系所组成的一个数据组织优点：1、易于维护：都是使用表结构，格式一致；2、使用方便：SQL语言通用，可用于复杂查询；3、复杂操作：支持SQL，可用于一个表以及多个表之间非常复杂的查询。缺点：1、读写性能比较差，尤其是海量数据的高效率读写；2、固定的表结构，灵活度稍欠；3、高并发读写需求，传统关系型数据库来说，硬盘I/...
2019-12-30 11:12:16
185
原创 文件操作
异步I/O （ input/output）1, 文件操作;2, 网络操作js的运行是单线程的，引入事件队列机制Node.js中的事件模型与浏览器中的事件模型类似 单线程+事件队列nodejs中异步执行任务:1, 文件I/O2, 网络I/O文件操作const fs=require('fs');const path=require('path');console.log('=...
2019-08-22 11:37:05
70
原创 路径api
const path=require('path');//获取路径的最后一个部分console.log(path.basename('/foo/bar/baz/asdf/quux.html'));//quux.htmlconsole.log(path.basename('/foo/bar/baz/asdf/quux.html','.html'));//quuxconsole.log(__d...
2019-08-22 11:07:52
613
原创 forEach循环
一般遍历数组的方法var array = [1,2,3,4,5,6,7];for (var i = 0; i < array.length; i++) { console.log(i,array[i]);}用for in方法遍历数组var array = [1,2,3,4,5,6,7];for(let index in array) { console.log(...
2019-08-22 10:55:38
124
原创 buffer模块
buffer本质就是一个字节数组1.构造函数2.静态方法3.实例方法let buf=new Buffer(2);console.log(buf);//返回16进制的结果，并且该结构是随机产生的五个字节let buf_01=new Buffer(5);console.log(buf_01);//<Buffer 00 00 00 00 00>let ff=Buffer.al...
2019-08-22 10:43:24
440
原创 类与继承
在ES5中的继承基于原型，代码如下：function Person(name,age){ this.name=name; this.age=age;}Person.prototype.sayhello=function(){ console.log(`大家好,我是${this.name},我今年${this.age}`);}var par_01=new P...
2019-08-22 10:30:43
79
原创 箭头函数
箭头函数function foo(){ console.log('hello')； }foo();//hellolet foo1=()=>console.log('hello');foo1();//hello带有参数以及返回值的箭头函数定义function foo(num){ return num};//hello//let foo=参数=>返回值l...
2019-08-21 18:58:44
147
原创 函数的扩展
函数的扩展1.参数默认值2.参数的解构赋值3.rest参数4…扩展运算符// 如果不传值，则默认的值为hello，传值之后为jiekefunction foo(param){ let sum=param; console.log(sum);//jieke}foo('jieke');function foo(param='hello'){ let...
2019-08-21 17:27:14
62
原创 字符串相关扩展api
字符串相关扩展api字符串相关扩展includes（）：判断字符串是否包含指定的字符（有=>true 没有=>false）startWidth（）：判断字符串是否一特定的字符开始endWidth（）：判断字符串是否以特定的字符结束console.log('hello world'.includes('world'));//truelet url='admin/index....
2019-08-21 17:11:02
64
原创 Less
Less定义Less 是一种 CSS 的扩展和动态样式表语言，CSS 预处理器，可以在客户端或服务器端运行，帮助我们自定义，管理和重用网页的样式表。Less 是一种开源语言，也是跨浏览器兼容的语言。CSS 预处理器CSS 预处理器是一种脚本语言，是 CSS 的扩展。Less 和 SASS 都是 CSS 预处理器的示例，因为它们都被编译并生成由 Web 浏览器读取的 CSS 语法Less安...
2019-08-21 15:21:06
61
原创 ES（2）变量解构
数组的解构赋值var [a,b,c]=[1,2,3];console.log(a,b,c);//1 2 3let [a,b,c]=[,23,];console.log(a,b,c);//undefined 23 undefined//添加默认值let [a=111,b=2,c=9]=[,,];console.log(a,b,c);对象的解构赋值let {fun,er}={fu...
2019-08-21 15:08:58
143
原创 ES（1）变量
在ES6中声明变量let和constlet声明的变量不存在预解析console.log(flag);var flag=123;此时代码无法输出，因为在进入第一行代码时无法检测到flag这个变量let声明的变量的不允许重复(在同一作用域内)在这里插入代码片//let flag=123;//let flag=456;//console.log(flag);...
2019-08-21 15:01:04
171
原创 nodejs基础
浏览器访问网站过程：1.在浏览器地址栏中输入网址2.浏览器通过用户在地址栏中输入的url构建http请求3.浏览器发起dns解析请求，将域名转化为ip地址4.浏览器将请求报文发送给服务器5.服务器接收请求报文，并解析6.服务器处理用户的请求，并将处理的结果封装为http响应报文7.服务器将http响应报文发送给浏览器8.浏览器接受服务器响应的http报文，并解析9.浏览器解析ht...
2019-08-20 18:22:43
91
原创 封装移动端的tap事件
var in={ // dom: 传入的dom元素让我们可以给任意的元素添加 tap事件 tap:function(dom,callback){ // 判断是否传入对象同时对应应该是一个dom元素 if(!dom || typeof dom!='object'){ return; } var startTime,startX,startY; dom.addEventL...
2019-08-20 17:53:59
155
原创 移动端的点击事件
移动端的时间延迟触屏开始：touchstart鼠标按下：mouseDown鼠标抬起：mouseUp鼠标点击：mouseClick<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="tex...
2019-08-20 17:44:24
490
原创 触屏事件及元素的移动
触屏事件touchstart：当手指摸到屏幕时触发touchmove：当手机在屏幕上滑动时触发：move事件时持续触发touchleave：当手指离开屏幕时触发touchcancel：添加触摸以外中断事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title&g...
2019-08-17 11:38:33
207
原创 PC端视口特点、移动端视口
pc端视口的特点：1,如果确定具体的宽高值, 当超出viewport的大小的时候会出现滚动条2,如果设置的宽度为100%,档子元素宽高大于父容器的时候,会自动换行3,如果不想 出现滚动条或者换行,可以将子元素设置为父容器的百分之比<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...
2019-08-17 11:10:52
1312
原创 获取设备的物理像素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //像素与设备独立像素的关系 ...
2019-08-17 11:02:29
227
原创 本地存储
实现本地存储的步骤1.获取文本框内的值2.存储数据，利用 window.sessionStorage.setItem（）方法3.设置数据4.获取数据5.删除数据实现代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title&...
2019-08-17 10:52:55
81
原创 javascript中的拖拽效果
我们想要实现javascript中的拖拽效果的步骤1.设置拖拽的元素2.给拖拽元素设置拖拽的效果：(1)ondrafstart: 设置原对象开始拖动(2)ondrag: 源对象被拖动的过程中(鼠标可能在移动也可能未移动)(3)ondragend: 源对象被拖动结束3.设置释放的效果(1)ondragenter: 目标对象被源对象拖动进入(2)ondragover: 目标对象被源对...
2019-08-17 10:40:44
140
原创 javascript中的文件读取
我们在javascript中读取文件的方法：1.借用文件域上传你需要读取的文件2.选择我们想要读取的文件，进行读取3.把读取的文件内容渲染在页面内文件读取内容的代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>...
2019-08-16 12:22:05
302
原创 javascript中判断网络连接状态
判断网络连接的状态一般使用h5中的navigator方法<script type="text/javascript"> alert(window.navigator.onLine);//true,用于检测联络的链接，返回的时布尔类型 </script>使用online和offline监听浏览器的联网状态<script type="text/javas...
2019-08-16 12:12:18
789
原创 jQuery封装jsonp
对于经常用jQuery的开发者来说，能注意到jQuery封装的$.ajax中有一个dataType属性，如果将该属性设置成dataType:“jsonp”，就能实现JSONP跨域了。如下是封装的方法：html页面代码<!DOCTYPE html><html> <head> <meta charset="UTF-8...
2019-08-16 11:48:51
242
原创 初始跨域
同源策略：1.是指浏览器的一种安全策略，所谓的同源是指请求的url地址中的协议、域名、端口都相同只要其中之一不相同就是跨域。2.同源策略主要是为了保证浏览器的安全性3.在同源策略下，浏览器不允许ajax跨域获取服务器数据但是跨域请求只能使用个体请求方式，目前提供get跨域请求为了解决ajax不能跨域的问题，我们有如下方法：1.jsonp：实现ajax跨域请求数据2.document....
2019-08-16 11:29:45
72
原创 jQuery封装
代码主要实现jQuery的封装html页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #continer{ width: 360px; ...
2019-08-05 10:57:46
225
原创 jQuery框架ajax相关api基本操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #continer{ width: 360px; min-height: 100px; ...
2019-08-05 10:44:03
93
原创 ajax封装
html页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="01_ajax.js" type="text/javascript" charset="utf-8"></script...
2019-08-05 10:11:47
39
原创 异步
ajax请求服务器过程1.浏览器让xhr去跟服务器要点数据2.浏览器接着干别的事情3.xhr去选项服务器请求数据4.服务器返回数据给xhr5.xhr通知浏览器数据回来了6.浏览器收到xhr返回来的数据渲染在页面图解如下：异步效果与js事件处理机制实现异步效果的函数1.定时函数2.事件函数3.ajax回调函数事件队列中的任务执行的条件1.主线程已经空闲2.任务满足出...
2019-08-05 09:36:57
66
原创 php数据格式
xml数据格式的弊端1.元数据大，不利于网络传输，费带宽2.解析不方便<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.on...
2019-08-05 09:25:12
193
原创 post请求数据及响应状态的
post请求数据注意事项:(1)不需要encodeURI()转码;(2)发送的数据 写入在send()中;(3)添加 post请求的数据的 头 数据格式;(4)重点: 添加在send() 之前<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>&...
2019-07-30 00:16:10
2063
1
原创 原生Ajax的实现
1.比较传统的方式隐藏帧布局，通过iframe模拟异步属性数据的功能展示html页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div> ...
2019-07-29 23:47:17
61
原创 jQuery属性操作、事件冒泡、节点操作
属性操作1.html()取出或设置html内容2.text()取出或设置text内容3.attr()取出或设置某个属性的值<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jque...
2019-07-29 12:29:45
116
原创 相关尺寸设置与获取以及滚动事件
获取和设置元素的尺寸<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } ...
2019-07-29 11:57:58
76
原创 php数据类型
数据类型整型$num=12;var_dump($num);//intecho gettype($num);//integer//int和integer之间的区别： int:整型 integer：长整型浮点型$num_01=12.12;var_dump($num_01);//floatecho gettype($num_01);//double//gettype(...
2019-07-28 22:22:39
61
原创 php数组
php数组声明：$arr_01=array();初始化数组：$arr_01[0]=1;$arr_01[1]=2;$arr_01[2]=3;echo count($arr_01);//输出数组的长度3print_r($arr_01);返回：Array（[0]=>1 [1]=>2 [2]=>3）var_dump($arr_01);返回:array (size=3);...
2019-07-28 22:15:55
49
原创 PHP变量
输出在页面中一字符串的形式显示输出的方式：1.echo2.print_r()3.var_dump()4.print（1）变量声明及初始化变量声明：用$变量名称命名PHP 变量命名规则：1.变量以 $ 符号开始，后面跟着变量的名称2.变量名必须以字母或者下划线字符开始3.变量名只能包含字母数字字符以及下划线（A-z、0-9 和 _ ）4.变量名不能包含空格5.变量名是区分大小...
2019-07-28 21:47:08
104
原创 jQuery特殊效果及动画
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div_01{ width: 300px; height: 300px; backg...
2019-07-28 21:07:31
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人