- 博客(88)
- 收藏
- 关注
RSS订阅原创 函数提升与变量提升
示例一：console.log(a); // f a() {console.log(10)}console.log(a()); // undefinedvar a = 3;function a() { console.log(10) // 10}console.log(a) // 3a = 6;console.log(a()); //a is not a ...
2020-01-25 18:17:43
244
原创 async/await执行顺序
async 做了什么？带 async 关键字的函数，它使得函数的返回值必是promise对象如果 async 关键字函数返回的不是promise，会自动用Promise.resolve() 包装如果 async 关键字函数显式的返回 promise，以你返回的promise为准async function fn1(){ return 123}function fn2(...
2020-01-15 18:47:43
2044
4
原创 HTTPS和HTTP的区别
HTTPS和HTTP的区别主要如下：HTTPS协议需要到CA（证书颁发机构）申请证书，一版免费证书很少，需要交费；HTTP协议运行在TCP之上，所有的传输都是明文；HTTPS运行在SSL/TSL之上，SSL/TLS运行在TCP之上，所有传输的内容都经过加密的。HTTP和HTTPS使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。http的连接很简单，是无状态的；HT...
2020-01-09 17:55:20
153
原创 WEB服务器
这里不关心服务器是Apace还是Nginx, 而在于服务器的作用，一台服务器可以作为源服务器，也可以作为中转服务器，甚至可以在一台服务器上搭建不同域名的网站.虚拟主机HTTP/1.1 规范允许一台HTTP服务器搭建多个Web站点。利用虚拟主机的功能，可以在一台物理服务器（一个IP地址）上虚拟出多个主机，每个主机映射一个独立域名。因此，当用户访问域名 http://a.com/时，DNS域名系统...
2020-01-09 17:39:36
108
原创 HTTP状态码
具有代表性的 HTTP 状态码常用状态码2XX成功（这系列表明请求被正常处理了）200OK，表示从客户端发来的请求在服务器端被正确处理204No content，表示请求成功，但响应报文不含实体的主体部分206Partial Content，进行范围请求成功3XX重定向（表明浏览器要执行特殊处理）301moved perma...
2020-01-09 14:48:11
113
原创 HTTP版本
HTTP/1.0最早的http只是使用一些简单的网页上和网络请求上，每次请求都打开一个新的TCP连接，收到响应后立即断开连接HTTP/1.1缓存处理，HTTP/1.1 更多的引入了缓存策略，如Entity tag，If-Unmodified-Since, If-Match, If-None-Match等宽带优化及网络连接的使用，在HTTP/1.0中，存在一些浪费宽带的现象，列如客户端只需...
2020-01-09 14:20:30
225
原创 从输入URL到页面呈现发生了什么？ -- 网络篇
本文主要介绍整体过程！此时此刻，你在浏览器地址栏输入了百度的网址:https://www.baidu.com/网络请求1. 构建请求浏览器会构建请求行:// 请求方法GET,路径为根路径，HTTP协议版本1.1GET / HTTP/1.12. 查找强缓存先检查强缓存，如果命中直接使用，否则进入下一步。3.DNS解析由于我们输入的是域名，而数据包是通过IP地址传递给对方. ...
2020-01-05 00:18:49
135
原创 浏览器本地存储
浏览器的本地存储主要分为Cookie、WebStorage、IndexDB，其中WebStorage又可以分为localStorage和sessionStorageCookieCookie 最开始被设计出来并不是为了做本地存储。而是弥补HTTP在状态管理上的不足http协议是一个无状态协议，客户端向服务器发送请求，服务器返回响应，就这样结束了，那下次请求服务器怎么知道客户端是谁？这样Coo...
2020-01-04 23:48:57
705
原创 JavaScript 一切都是对象
’一切都是对象’ 这句话的重点在于如何理解“对象”这个概念– 当然. 不是所有的都是对象. 值类型就不是对象最常见的例子function Fn() { this.name = '王福朋'; this.year = 1988; } var fn1 = new Fn();这个例子说明：对象可以通过函数来创建。但是要说 – 对象都是通过函数创建...
2019-12-13 19:39:11
124
1
原创 JavaScript 验证类型的方式
typeofconsole.log(typeof x) // undefinedconsole.log(typeof 10) // numberconsole.log(typeof '123') // stringconsole.log(typeof true) // booleanconsole.log(typeof null) // objectconsole....
2019-12-13 18:43:53
222
原创 CORS跨域
为什么会有跨域问题浏览器同源策略跨域是浏览器的限制，抓包工具能获取到数据浏览器发现AJAX请求跨域，会自动添加一些附加头信息，有时会多出一次请求，但用户不会有感觉。导致跨域情况总结：不同协议、不同域名（主域、子域）、不同端口都会导致跨域如何解决跨域jsonpnginx 反向代理CORS（跨域资源共享）访问控制场景（简单请求与非简单请求）简单请求使用方法之一：...
2019-12-12 20:16:29
132
原创 原型链 (一)
function Foo() { getName = function () { alert (1); }; return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = function () { alert (3);};var getName = function () { al...
2019-12-11 21:41:36
120
原创 算法 -- 时间复杂度
大O阶的三种规则：用常量1取代运行时间中的所有加法常数只保留最高阶项去除最高阶的常数常数阶let sum = 0, n = 10; // 语句执行一次 let sum = (1+n)*n/2; // 语句执行一次 console.log(`The sum is : ${sum}`) //语句执行一次 这段代码的执行次数为3，套用规则1，则这个算法的时间复杂度为O(1)，也...
2019-12-01 13:26:59
784
原创 隐式类型转换
隐式转化介绍在js中，当运算符在运算时，如果两边的数据类型不同意，CPU就无法计算，这时编译器会自动将两边的数据做一个数据类型转换，转成一样的类型再计算.隐式转换规则转换成string类型： + (字符串连接符)转成number类型： ++/-- (自增运算符) + - * / % (算术运算符) > < >= <= == != === !===...
2019-11-28 20:09:08
391
原创 单页面与多页面区别
多页面应用（SinglePage Web Application，SPA）只有一个主页面的应用，浏览器一开始要加载所需要的html、js、css。公共资源（js、css等）仅需加载一次，然后在交互的时候有路由程序动态载入，单页面的页面调转，仅刷新局部资源。多用于于pc端.多页面（MultiPage Application，MPA）就是指一个应用中有多个页面，页面跳转时是整页刷新,每个公共资源...
2019-11-14 18:58:50
479
原创 JavaScript -- 遍历
今天介绍下遍历的几种形式；for … infor … in 循环用来遍历对象的可枚举属性列表(包括 [[Prototype]] 链)// 遍历下标来指向值, 如 myArray[i]。var myArray = [1, 2, 3];for (var i = 0; i < myArray.length; i++) { console.log( myArray[i] );...
2019-11-06 15:28:31
69
原创 JavaScript -- 对象
语法对象可以通过两种形式定义： 声明（文字）形式和构造形式。区别： 文字声明可以添加多个 键 / 值对，但是在构造形式中必须逐个添加属性。内容存储在对象容器内部的是属性的名称，它们就像指针一样，指向这些值真正的存储位置。var myObject = { a: 2 }; myObject.a; // 2 myObject["a"]; // 2如果要访问 myObject ...
2019-11-06 15:06:06
83
原创 JavaScript 关于this
每个函数的this是在调用是被绑定的，完全取决于函数的调用位置（也就是函数的调用方法）绑定规则默认绑定function foo() { console.log(this.a) }var a = 2foo() // 2foo() 的调用位置在全局，即this指向全局function foo() { "use strict"; console.log(thi...
2019-11-05 17:02:06
112
原创 理解作用域
今天在 《你不知道的Javascript(上)》 学习到了作用域相关的知识点. 记录一下…需要了解的角色引擎从头到尾负责 javaScript 程序的编辑执行过程编释器负责语法分析及代码生成等作用域引擎的好朋友，负责收集并维护所有声明的变量； 确定当前执行代码对变量的访问权限举个栗子，看看他们是怎么工作的：var a = 2;遇到var a，编释器会问作用域是否已经...
2019-11-02 14:58:58
98
原创 JavaScript 执行机制
从今天开始重新捡起博客啦、坚持随学随记、记录自己的成长脚丫子 [开心心.png] …好了、废话不多说. 开始唠.1. 关于JavaScript众所周知JavaScript是一门 单线程 语言，所有一切 ‘’ 多线程 ‘’ 都是用单线程模拟出来的.2. javaScript事件循环既然js是单线程的， 也就是js任务只能一个一个来；那么问题来了，如果一个任务耗时过长，后面的任务只能...
2019-11-02 00:21:25
93
原创 css 基础选择器选择器权重
1、主流浏览器及内核主流浏览器 内核 IE trident FireFox Gecko Google Chrome webkit / blink Safari (mac自带的浏览器) webkit Opera preste css --> Cascading ...
2018-09-19 12:01:21
457
转载 js 时间戳与日期的转换
https://www.cnblogs.com/crf-Aaron/archive/2017/11/16/7844462.html
2018-09-19 10:33:55
177
原创 liunx wc命令
wc命令用来计算数字。利用wc指令我们可以计算文件的Byte数、字数或是列数，若不指定文件名称，或是所给予的文件名为“-”，则wc指令会从标准输入设备读取数据。 1．命令格式：wc [选项]文件...2．命令参数：-l 统计行数。-w 统计字数。一个字被定义为由空白、跳格或换行字符分隔的字符串 [空格算一个单词]。 -c 统计字节数。-m 统计字符数。这个标志不...
2018-06-11 11:00:49
228
原创 微信小程序布局display flex布局
display flex是什么？display flex是将对象作为弹性伸缩盒显示。（伸缩盒最新版本）（CSS3）flex-direction属性flex-direction属性决定主轴的方向（即项目的排列方向）。row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，...
2018-06-07 18:06:32
3829
转载 SQL左右连接中的on and和on where区别
转载地址：https://blog.csdn.net/xingzhemoluo/article/details/39677891在使用left join时，on and与on where条件的区别：1、on条件是在生成临时表时使用的条件，不管on中的条件是否为真，都会返回左边中的记录。（实际上左连接中如果and语句是对左表进行过滤的，那么不管真假都不起任何作用。如果是对右表过滤的，那...
2018-03-28 10:29:10
1481
原创 工厂模式 -- 工厂方法模式
1、介绍1.1 定义工厂方法模式，又称工厂模式、多态工厂模式和虚拟构造器模式，通过定义工厂父类负责定义创建对象的公共接口，而子类则负责生成具体的对象。 ...
2018-03-15 16:26:57
206
原创 工厂模式 -- 抽象工厂模式
2、抽象工厂模式 抽象工厂是多产品系的（貌似有产品家族的说法） 举个例子来说，就是康师傅不仅仅只有泡面，还可能有矿泉水。 缺点： 每次拓展新产品种类，还需要修改抽象工厂类，因此所有的具体工厂子类，都被牵连，需要同步被修改。...
2018-03-15 14:50:26
199
原创 mysql decimal类型与decimal长度详解
三者区别：float:浮点型，含字节数为4，32bit，数值范围为-3.4E38~3.4E38（7个有效位）double:双精度实型，含字节数为8，64bit数值范围-1.7E308~1.7E308（15个有效位）decimal:数字型，128bit，不存在精度损失，常用于银行帐目计算。（28个有效位）decimal详细介绍： decimal(a,b) 参数说明a指定指定小数点左边和右边可以存储...
2018-03-14 11:21:16
18119
原创 设计模式 -- 观察者模式
什么是观察者？ 观察者模式又称为发布/订阅(Publish/Subscribe)模式。因此我们可以用报纸期刊的订阅来形象的说明: 报社方负责出版报纸. 你订阅了该报社的报纸,那么只要报社发布了新报纸,就会通知你,或发到你手上. 如果你不想再读报纸,可以取消订阅,这样,报社发布了新报纸就不会再通知你. 理解其实以上的概念,就可以理解观察者模式,观察者模式中有主题(Su...
2018-03-13 18:12:01
185
原创 设计模式 -- 简单工厂模式
为什么使用工厂模式？ 工厂模式是创建在对象的上面，就是把创建对象的过程封装起来，这样可以产生一个新的对象。减少代码进行复制粘贴，耦合关系重，牵一发动其他部分代码。1、含义简单工厂模式又叫静态方法模式显示生活中，工厂是生产产品的；同样在设计模式中，简单工厂模式我们可以理解为负责生产对象的一个类，称为“工厂类”;2、模式组成 组成（角色）关系作用抽象产品（product）具体产品的父类...
2018-03-12 18:49:59
128
原创 浅谈oop
1、抽象 （abstract） abstract class A{ }; 抽象类不能实例化，只能由具体类继承抽象类接口。 在一个抽象类中声明了一个抽象方法，那么继承这个父类的子类都必须实现这个方法。 2、接口 （interface） interface A{ } 实现一个接口，需要使用implements关键字 接口里的每个方法...
2018-03-07 11:46:29
296
原创 VUE 实现select联动效果
Vue获取下拉菜单的值，用v-model，只有点击下拉框的值才会赋值到下拉框中，并且初始化时下拉框里没有数据，而改用$event就不会出现这样的问题。coding： v-model解决方式： <div style="width:100%;"> <span class="two_float">二级联动：</span> ...
2018-02-24 16:36:22
54835
7
原创 python 简介
特色； 1、简单 2、易学 3、免费、开源 4、可移植性 5、解释性 python语言写的程序不需要编译成二进制代码。可以直接从源代码运行程序。在计算机内部，python解释器把源代码转换成为字节码的中间形式，然后再把它翻译成计算机使用的机器语言并运行。 6、面向对象 7、可扩展性
2018-01-31 10:55:42
176
原创 sql同时查询一个字段值
第一种方式demo:$sql = "select g.name,b.name as b.goods_namefrom `demo` left join `goods` as g on demo.id=g.goods_id left join `goods` as b on demo.child_id=b.goods_id";第二种方式
2017-12-25 14:16:33
282
原创 thinkphp3.2 隐藏Home模块及index.php入口文件的方法
index.php添加如下代码： define('BIND_MODULE','Home');这就隐藏了url中的home然后去掉index.php找到application/commom/conf/config.php文件添加如下配置‘URL_MODEL’ => 2.这样就ok了
2017-12-14 18:13:04
2181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人