02 2021 档案
摘要：XSS 和 CSRF简述及预防措施
阅读全文
摘要：转载 js的执行机制 ###JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事 多线程的话 ###JS为什么是单线程的 最初设计JS是用来在浏览器验证表单操控DOM元素的是一门脚本语言，如果js是多线程的，那么两个线程同时对一个DOM元素进行了相互冲突的操作，那么浏览器的
阅读全文
摘要：转载 什么是BFC？ ###BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 ###如何创建BFC 1、float
阅读全文
摘要：###vue.js 则是采用数据劫持结合发布者-订阅者模式的方式， ####通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要：###1. 构建请求 ###2. 查找强缓存 什么是强缓存 浏览的缓存策略分为强缓存和协商缓存，他们之间的根本区别是是否需要发请求。简单来说，强缓存就是你的本地文件（保存在硬盘或者内存中），你可以立马访问到；协商缓存是需要发请求给服务器，问问资源是否有更新，如果没有更新就访问本地缓存；如果更新，服务
阅读全文
摘要：JavaScript高级程序设计(第三版)
阅读全文
摘要：###flex属性 是 flex-grow、flex-shrink、flex-basis三个属性的缩写。 推荐使用此简写属性，而不是单独写这三个属性。 flex-grow：定义项目的的放大比例； - 默认为0，即 即使存在剩余空间，也不会放大； - 所有项目的flex-grow为1：等分剩余空间（自
阅读全文
摘要：###一、功能不同 1、get是从服务器上获取数据。 2、post是向服务器传送数据。 ###二、过程不同 1、get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。 2、post是通过HTTP post机制，将表单内各个字段与其内容放置
阅读全文
摘要：###(1)、存放位置 cookie数据保存在客户端，session数据保存在服务器端。 ###(2)、cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗,如果主要考虑到安全应当使用session ； ###(3)、session会在一定时间内保存在服务器上。当访问增
阅读全文
摘要：###防抖(debounce) 防抖的含义就是让某个时间期限（如1000毫秒）内，短时间内连续触发的事件，但事件处理函数只执行一次。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-
阅读全文
摘要：##eval() 函数会将传入的字符串当做 JavaScript 代码进行执行。 #永远不要使用 eval！
阅读全文
摘要：##三次握手 ###为了准确无误的将数据发送到指定IP处，TCP协议采用了三次握手的策略，如下步骤所示： ###1、客户端采用TCP协议将带有SYN标志的数据包发送给服务器，等待服务器的确认。 ###2、服务器端在收到SYN的数据包后，必须确认SYN，即自己发送的ACK标志，同时，自己也将会向客户端
阅读全文
摘要：100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息 200 OK 正常返回信息 201 Created 请求成功并且服务器创建了新的资源 202 Accepted 服务器已接受请求，但尚未处理 301 Mov
阅读全文
摘要：AMD是RequireJS在推广过程中对模块定义的规范化产出 CMD是SeaJS在推广过程中对模块定义的规范化产出 区别：1.对于依赖的模块。AMD是提前执行，CMD是延迟执行。 2.AMD推崇依赖前置（依赖必须一开始就写好），CMD推崇依赖就近（依赖可以就近书写） 3. AMD的API默认是一个当
阅读全文
摘要：深拷贝和浅拷贝 假设B复制了A，修改A的时候，看B是否发生变化： 如果B跟着也变了，说明是浅拷贝，拿人手短！（修改堆内存中的同一个值） 如果B没有改变，说明是深拷贝，自食其力！（修改堆内存中的不同的值） 浅拷贝（shallowCopy）只是增加了一个指针指向已存在的内存地址， 深拷贝（deepCop
阅读全文
摘要：转载 ##1.为什么会出现跨域 浏览器有同源策略，非同源下的请求，都会产生跨域问题 ####同源策略：同一协议，同一域名，同一端口号 ##2.跨域的解决办法有？ ###（1）设置document.domain解决无法读取非同源网页的cookie问题 // 两个页面都设置 document.domai
阅读全文
摘要：
阅读全文
摘要：###box-sizing属性 ###结果为width: 100px; height: 100px; <style> .big { box-sizing: border-box; width: 100px; height: 100px; padding: 10px; margin: 10px; bo
阅读全文
摘要：<style> html, body, div { margin: 0; padding: 0 } .bigBox { position: relative; width: 300px; height: 300px; background-color: #000; margin: 300px aut
阅读全文
摘要：###什么时候用清除浮动： 父级没高度，子盒子浮动，影响到了下面布局，我们就应该清除浮动了。 ###清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0的问题。清除浮动之后，父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。 ##清除浮动的方法： ###①额外标签法(
阅读全文
摘要：for (var j = 0; j < 5; j++) { setTimeout(function() { console.log(j) }, 1000 * j) } ###setTimeout是异步执行的，1000毫秒后向任务队列里添加一个任务，只有主线上的全部执行完才会执行任务队列里的任务，所以
阅读全文
摘要：##1.转换字符串 //1. 把数字型转换为字符串型 变量.toString() var num = 10; var str = num.toString(); console.log(str); //10 console.log(typeof str); //String // 2. 我们利用 S
阅读全文
摘要：#字符串 String、数字 number、布尔 boolean、对象 Object、Null、Undefined ##注意 ###1.Undefined 与 null 的值相等，但类型不相等 ###2.原始数据 ####typeof 运算符可返回以下原始类型之一： ####string numbe
阅读全文
摘要：###1.HTTP 超文本传输协议（Hypertext Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII形式给出；而消息内容则具有一个类似MIME的格式。这
阅读全文
摘要：###一 什么是事件 1.事件是视图层到逻辑层的通讯方式。 2.事件可以将用户的行为反馈到逻辑层进行处理。 3.事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。 4.事件对象可以携带额外信息，如 id, dataset, touches。 ###二 事件分类 事件分为冒泡事
阅读全文
摘要：##1. 线程是程序执行的最小单位，而进程是操作系统分配资源的最小单位； ##2. 一个进程由一个或多个线程组成，线程是一个进程中代码的不同执行路线 ##3. 进程之间相互独立，但同一进程下的各个线程之间共享程序的内存空间(包括代码段，数据集，堆等)及一些进程级的资源(如打开文件和信 ##号等)，某
阅读全文
摘要：git操作 转载 ##1.查看当前分支名字 git branch ##2.查看分支中被修改的文件 git status ##3.添加被修改的文件到本地仓库暂存区 git add . ##4.把暂存区的文件添加到本地仓库 git commit -m "完成了**功能的开发" ##5.切换分支或切换并创
阅读全文