- 博客(36)
- 收藏
- 关注
RSS订阅原创 js中Math的常用方法
Math对象的常用方法Math.sign()取符号，负数返回-1，正数返回1。0返回0，-0返回-0。js> Math.sign(-7);-1js> Math.sign(7);1js> Math.sign(0);0js> Math.sign(-0);-0Math.abs()取绝对值js> Math.abs(-7);7js>...
2020-04-16 09:44:20
634
1
原创 《你不知道的JS》---词法作用域（读书笔记二）
作用域的两种工作模型词法作用域（大多数编程语言采用）、动态作用域词法作用域词法作用域是定义在词法阶段的作用域，由写代码时将变量和块作用域写在哪里决定。查找作用域的结构和相互之间的位置，为引擎查找提供了足够的位置信息。引擎会从当前作用域开始查找，找到第一个匹配的标识符停止。在多层嵌套的的作用域中可以定义同名的标识符，这叫做“遮蔽效应”（内部标识符遮蔽外部）。全局变量会自动成为全局对象的属...
2020-04-14 17:02:15
172
原创 《你不知道的JS》---作用域是什么（读书笔记一）
作用域作用域是一套根据变量名查找变量的规则。遍历嵌套作用域链的规则引擎从当前的执行作用域开始查找变量，如果没有找到就去上一级查找，当抵达最外层全局作用域时，不管找没找到，查找过程都会停止。LHS查询和RHS查询LHS查询：找到变量的容器本身RHS查询：找到变量的值在变量未声明时两个查询的区别：RHS查询如果在所有嵌套的作用域中都没有找到变量，引擎会抛出Reference异常。L...
2020-04-14 16:09:04
159
1
原创 indexOf方法和includes方法
indexOf方法在字符串中的应用有隐式转换let string = "apple1";console.log(string.indexOf("1"));//5console.log(string.indexOf(1));//5未检索到返回-1可以传入第二个参数，表示在字符串中开始检索的位置。返回检索位置开始指定字符第一次出现的位置在数组中的应用没有隐式转换let ...
2020-04-14 12:27:22
734
原创 HTTP各个版本的区别（学习笔记）
学习文章HTTP 0.9组成简单，只允许发送GET请求，且不支持请求头，具有典型的无状态性，不会返回错误状态码。HTTP 1.0在通讯中指定版本号，相对于0.9版本增加了如下特性：请求和响应支持头域、响应对象以一个响应状态行开始、响应对象不局限于超文本、支持客户端用POST方法向服务器提交数据（POST GET HEAD方法）、支持长连接（默认短连接）、缓存机制、以及身份认证。HTTP ...
2020-04-13 14:49:45
299
原创 服务器推送技术---WebSocket（学习笔记）
参考文章参考文章服务器推送技术是指客户端和服务器端建立长连接，服务器可以把更新的消息实时发送到客户端。具体的技术Ajax轮询浏览器每隔几秒就发请求，询问服务端有没有新消息。long poll浏览器每隔几秒就给服务端发请求，如果有新消息就返回，没有新消息就保持连接直到有消息再返回。Websocket客户端和服务端建立长连接，将消息推送的主动权交给服务端，服务端有新消息就通知客户端...
2020-04-13 11:43:32
321
原创 面试题---从输入url到页面展示发生了什么？在此过程中能做什么优化？
从输入URL到页面展示发生了什么DNS域名解析：将域名解析为ip地址TCP连接：三次握手发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面TCP连接断开：四次挥手服务器处理请求阶段的具体过程：首先浏览器发送过来的请求先经过控制器，控制器进行逻辑处理和请求分发，接着会调用模型，这一阶段模型会获取 redis db 以及 MySQL 的数据，获取数据后将渲染好的页...
2020-04-09 12:58:58
411
原创 js实现基本排序算法（二）
选择排序选择排序，就是在一个无序数组中，一个指针i遍历从前到后所有的数组元素的下标，一个指针j在当前下标后面的位置中找到最应该放到i位置的元素，然后两两交换。 //选择排序 // 在各种情况下复杂度波动小，因此一般是优于冒泡排序 时间复杂度 O(n*n) var arr = [3,2,5,8,4,7,9,6,1]; function s...
2020-04-08 21:39:53
538
原创 js实现基本排序算法（一）
冒泡排序冒泡排序就是通过一轮又一轮两两之间的比较，将大数放到数组的最后，第一轮排好最大数，第二轮次大数，以此类推，当哪一轮没有交换就可以判断为已经排好（以此为依据设置标记，减少排序的时间）。 //冒泡排序 //稳定性：稳定 空间复杂度： O(n) 时间复杂度：O(n*n) //适合基本有序的数组 基本操作：每趟找到最大的放到后面 var ...
2020-04-07 19:00:32
308
原创 css---伪类与伪元素（学习笔记）
学习文章学习文章伪类定义：伪类存在的意义是为了通过选择器找到不存在于DOM树中的信息以及普通选择器获取不到的信息以一个冒号: 开头，如：状态型伪类（:active 向被激活的元素添加样式 :focus 向拥有键盘输入焦点的元素添加样式 :hover 当鼠标悬浮在元素上时添加样式）结构型伪类（:first-child 选择第一个元素 :nth-child() 选择某个元素的一个...
2020-04-03 18:26:28
349
原创 js中的闭包
闭包根据作用域链的特性可知，子作用域中可以访问到父级作用域中的变量，但是子作用域中的变量对父作用域则是不可见的。例如：function father()中 包含了 function son()。而闭包的应用场景是：在function father()外，如全局作用域中，想访问function father()中的变量，这根据作用域链的规则是不可以的，但是 function son()可以访问f...
2020-04-03 16:02:19
169
原创 js的变量提升（预解析）
变量对象的创建过程是在当前执行上下文创建的时候；而变量的赋值是在当前执行上下文执行的时候。虽然我们常常在声明的同时赋值，但是声明和赋值并不是同一时间发生的，所以会出现变量提升的情况。变量提升变量提升是指，在变量对象创建的过程中经历了如下过程：建立arguments对象。检查当前上下文中的参数，建立该对象下的属性与属性值。检查当前执行上下文中的函数声明，即function关键字声明的，在变...
2020-04-01 20:55:27
249
原创 块级元素与内联元素嵌套规则（学习笔记）
学习文章块级元素：不和其他元素在同一行，可以设置宽高。常见的：div p h1-h6 ul内联元素：只能容纳文本或者其他内联元素，可以和其他内联元素同一行，但不能设置宽高 常见的：a img span i嵌套规则块级元素可以包含内联元素和某些块级元素，但内联元素不可以包含块级元素，只能包含内联元素。有几个特殊的块级元素只能包含内联元素，不能包含块级元素，特殊元素为：p ...
2020-03-31 20:47:35
450
原创 js的执行上下文
js的执行上下文js整个的代码执行的过程如下图在执行阶段创建执行上下文，执行上下文可以理解为当前执行的这段代码的执行环境，执行上下文分为三种：Global Code、Function Code 和 Eval Code。所有的执行上下文都会被放入执行上下文栈中，最先入栈的是全局上下文，栈顶永远是当前的执行上下文，执行完毕就出栈，全局上下文最后出栈，如果函数上下文中遇到return可以直接终结当...
2020-03-31 13:21:41
197
原创 css面试题---实现中间自适应高度 左右定宽的布局
flex布局实现这个代码是面试题解析里一位大佬的，此处引用一下。 *{ margin: 0; padding: 0; } header { width: 100%; height: 100px; background-color: #...
2020-03-28 10:33:14
306
原创 js中的数组遍历
数组的遍历参考文章for循环var arr = [4,2,5,8,9];arr["a"] = 10;arr[7] = 7;for(let i=0;i<arr.length;i++)//for遍历 根据下标遍历 可以遍历空元素 但是不可以遍历非数字的下标{ console.log(i,arr[i]);} console.log(arr.length);...
2020-03-25 19:17:30
192
原创 js数组的基本操作
数组的声明字面量声明var a = [1,2,3];构造函数声明var b = new Array(7);var c = new Array(6,7,8);使用构造函数可以声明指定长度的数组，构造函数的参数有一个且为数字时会理解为数组的长度，多个时理解为数组的内容。推荐使用字面量的声明方式。length属性可以查看数组长度，可以通过改变length属性的值来改变数组的长度...
2020-03-24 20:39:53
190
原创 xss攻击和csrf攻击
XSS攻击参考文章中文全称：跨站脚本攻击；英文全称：Cross Site Scripting；是web程序中最常见的漏洞，指的是攻击者在网页中插入客户端脚本（如：javascript），当用户在浏览该网页时，该脚本就会在用户的浏览器上运行，从而达到攻击者的目的，如：窃取用户cookie的信息。xss攻击实现的方式在网页中能进行输入的地方（如：输入框），输入一段脚本语言，如：javasc...
2020-03-20 20:10:39
303
原创 TCP（三次握手四次挥手）和UDP
计算机网络的分层参考文章OSI七层：物理层，数据链路层，网络层，运输层，会话层，表示层，应用层。TCP/IP五层结构：物理层，数据链路层，网络层，传输层，应用层。TCP/IP四层结构：网络接口层，网络层，传输层，应用层。运输层作用：在主机之间提供可靠的进程通信。（使用网络层提供的主机数据通信服务）。地位：是面向通信功能的最高层，和用户功能的最底层，仅存在于用户主机中。运输层协议...
2020-03-19 14:43:12
192
原创 https与http的区别（学习笔记）
参考文章http存在的问题1.http明文传输，传输过程中可能被截获、修改。2.http不会验证用户身份，用户双方可以被伪造。3.http不会验证报文的完整性。https的组成https是http协议的扩展，由http和SSL（安全套接字层）组成。https的定义：HTTPS 是一个在计算机世界里专门在两点之间安全的传输文字、图片、音频、视频等超文本数据的约定和规范。http...
2020-03-18 18:40:01
261
原创 js的数据类型
基本数据类型基本数据类型的数据都存放在栈区，是值不可变的，当我们改变一个基本类型的数据时，只是创建了一个新的数据，并移动了指针而已，原来的数据仍然存在，由垃圾回收机制回收。用A变量给B变量赋值时，只是复制了一份给B变量，A变量并没有改变，因此改变B变量并不影响A变量。（涉及深拷贝浅拷贝的问题）Number不区分整数还是浮点型，但是一般不会判断两个浮点数是否相等。可以是十进制（0-9）、八...
2020-03-17 20:31:30
133
原创 js中的原型与原型链
面向对象、面向过程和构造函数面向对象：把数据和对数据的操作方法放在一起，构成一个相互依存的整体，对象和对象之间可以通信，程序流程由用户在使用中确定。面向过程：自顶向下执行，程序结构按照功能划分成各个基本的模块，程序的流程在写程序时已经确定。在js中创建对象有两种办法，对象字面量和使用new表达式，在使用new表达式创建对象时就使用到了构造函数。一个函数作为构造函数和普通函数返回值是不同的。...
2020-03-16 19:50:37
363
原创 cookie（学习笔记）
之前对于保持登录态这个问题，一直比较疑惑，自己也没有实现过，看了这篇文章之后好像明白了什么，聊一聊cookie所以看完以后自己为了熟记，有了这篇学习笔记。cookie的工作过程cookie是浏览器提供的功能，可以存储字符串，cookie以域名的方式区分的，每一个域名下最多可以有20个（实际不止），每个cookie大小有限。每次发送http请求时，浏览器会查看是否有相应的cookie，有的话就...
2020-03-15 17:34:06
255
1
原创 css水平垂直居中
在已知居中元素的宽高的情况下：利用定位和负的margin在定位的情况下，子元素的top和left使用50%，这个百分比是相对于父元素的，但是如果只设置这两点的话，是子元素的上边界和左边界位于父元素的中心线上，如下图所以此时要利用margin来使子元素向上向左分别移动自身高度和宽度的一半，由于margin取正值是向右和向下移动，所以取负值自然就是向左和向上移动了。 .fa...
2020-03-14 20:03:07
188
1
原创 css盒模型
css3下的盒模型有两种：边框盒模型（border-box）和内容盒模型（content-box）具体设置的方法是通过box-sizing属性，默认是内容盒模型。内容盒模型宽度的计算方法：width+padding+border也就是说内容盒模型的width属性的值只是内容的宽度，不是整体的宽度。边框盒模型宽度的计算方法：width就是说在边框盒模型中包含了padding和bord...
2020-03-13 18:22:53
137
原创 js获取select选中项的文本
在前后端交互的时候遇到了这个问题，要获取选中项的文本当做参数给后台发请求，也百度了一些方法，但是都是千篇一律的，我也试了都没有，最后自己乱写搞出来了，虽然也不知道搞得对不对，但是能用就行。<body> <select id="coach"> <option>医疗</option> <option>...
2020-02-25 20:24:42
1745
原创 前后端交互：ajax请求成功，但是一直进error函数（bui框架）
前后端数据类型不匹配我使用的是bui框架，是一个ui框架，有封装的bui.ajax，默认接收后端的类型为json，可以在全局改。bui.config.ajax={ dataType : "text"}但是这种方法要自己将bui.ajax封装好，这样自己改才能保证框架是正确的。所以最后是后端改的，将返回的类型改成了json格式。...
2020-02-22 14:35:30
488
1
原创 前后端交互：日期数据类型
日期数据类型问题在和后端交互的时候遇到了日期数据类型问题导致ajax请求失败的问题解决问题时，借鉴了csdn上的这篇文章http://blog.csdn.net/tomcat_2014/article/details/50514979我遇到的具体问题是注册页面有生日这一项，后台给的参数类型是date，前端使用input的date属性，虽然使用date属性可以直接选年月日，并且打印出来的格式...
2020-02-22 14:03:12
875
原创 css背景图
css3的背景属性background-size 属性规定背景图片的尺寸。(可以以像素或百分比规定尺寸）background-origin 属性规定背景图片的定位区域。背景图片可以放置于 content-box、padding-box 或 border-box 区域。CSS3 允许为元素使用多个背景图像。（background后根多个url 逗号隔开）一点小的经验在写页面的时候遇到...
2020-02-11 22:09:09
129
原创 js垃圾回收机制
垃圾回收js中的内存管理是自动执行的，而且是不可见的。当创建的基本类型、对象、函数…不再被需要时，js引擎发现并清除他们的过程就叫做垃圾回收。可达性js内存管理的主要概念是可达性，简单地说，“可达性” 值就是那些以某种方式可访问或可用的值，它们被保证存储在内存中。有一组固有的可达值，他们显而易见存在于内存中，如：全局变量，局部变量、函数形参。他们被称为根，如果引用或引用链可以从根访问任何其...
2019-09-04 10:48:19
142
原创 css入门---三栏布局的七种方式
双飞翼布局html：中间元素最先渲染，然后左元素，右元素css：三个子元素统一左浮动，中间元素宽度100%，左元素margin-left：-100%，右元素margin-left 负的自己宽度ps：记得给父元素清除浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...
2019-09-03 09:29:19
156
原创 图解http的学习笔记（三）
web服务器用单台虚拟主机实现多个域名，允许一台http服务器搭建多个web站点，在相同的ip地址下，由于虚拟主机可以寄存多个不同主机名和域名的web网站，因此在发送http请求时，必须在host首部内完整指定主机名或域名的URI。代理：一种有转发功能的应用程序。网关：转发其他服务器通信数据的服务器，接收从客户端发送来的请求时，它就像自己拥有资源的服务器一样对请求进行处理。隧道：是在相隔...
2019-07-24 00:39:13
140
原创 图解http的学习笔记（二）
http报文请求报文和响应报文的首部内容由以下数据组成。请求行：包含用于请求的方法，请求URI和HTTP版本。状态行：包含表明响应结果的状态码，原因短语和HTTP版本。首部字段：包含表示请求和响应的各种条件和属性的各类首部（通用首部、请求首部、响应首部、实体首部）。其他：HTTP的RFC里未定义的首部。...
2019-07-18 16:00:10
149
原创 图解http的学习笔记（一）
http用于客户端到服务器端的通信请求报文是由请求方法、请求URI、协议版本、可选的请求首部字段和内容实体构成。GET /index.htm HTTP/1.1Host: hackr.jp请求内容的处理结果以响应的形式返回HTTP/1.1 200 OKDate:Tue,10 Jul 2012 06:50:15 GMT<html>…响应报文基本上由协议版本、状...
2019-07-17 12:04:40
130
原创 css入门---文本和字体（一）
可以改变字体和文本的属性font-family 属性规定页面中使用的字体（字体系列）font-size属性决定字体大小color属性设置文本的颜色font-weight属性影响字体的粗细text-decoration属性为文本增加更多风格（上划线、下划线、删除线）字体系列每个font-family包含一组有共同特征的字体，共有五个字体系列：sans-serif、serif、mo...
2019-06-18 23:24:40
217
原创 读“提问的智慧”有感
读“提问的智慧”有感提问前自我准备很重要俗话说得好“天助自助者”，在提问方面也是如此，一个经过自我思考、自我准备后的问题当然也更能博得回答问题者的好感。自我准备的途径也很多，比如：查资料、搜百度等。总而言之，最后问题的题面上要呈现出你思考后的结果，这样更容易也更快得到别人的帮助，同时在准备的过程中，自己也能学到更多东西，可能得到远超题目之外的收获。提问时注意用词用语没有谁有义务帮你，不论有...
2018-10-07 18:41:22
264
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人