兮兮落落_-优快云博客

原创 JavaScript总结

JavaScript总结ES6新特性Function与ObjectGenerator函数JS中this的指向apply()、call()、bind()JavaScript变量提升Js严格模式Js中 == 与 ===Js箭头函数JS事件流模型Js异步机制JavaScript闭包Promise对象ES6新特性ES6全称ECMAScript 6.0，是JavaScript的下一个版本标准，2015.06发版。ECMAScript和 JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。let

2020-05-13 15:53:16 432

原创 CSS总结

CSS总结CSS引入方式CSS选择器CSS常用属性总结CSS页面布局CSS引入方式行内引入：<div style="这里写样式">我是一个块级的标签</div>嵌入式：将CSS样式表放到head中用<head> ... <style type="text/css"> ...此处写CSS样式 </style></head>导入式：将一个独立的.css文件引入HTML文件中，导入

2020-05-11 22:18:51 652

原创 HTML总结

HTML部分DOCTYPE是什么DOCTYPE是什么DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。<!DOCTYPE>声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE html><html> <head> <title></title> </head>

2020-05-11 11:25:42 503

原创 vue watch和computed区别

计算属性computed :支持缓存，只有依赖数据发生改变，才会重新进行计算不支持异步，当computed内有异步操作时无效，无法监听数据的变化computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed5.如果computed属性属性值是函数，那么默认会走get方法；函数的返回值就是

2020-05-27 10:20:48 275

原创 JS 继承

JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉！'); }}// 原型方法Animal.prototype.eat = function(food) { console.log(

2020-05-27 08:42:51 214

转载协商缓存和强缓存

前端浏览器的两种缓存:协商缓存和强缓存1.浏览器缓存机制浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有：减少了冗余的数据传输，节省了网费减少了服务器的负担，大大提升了网站的性能加快了客户端加载网页的速度浏览器缓存主要有两类：缓存协商和彻底缓存，也有称之为协商缓存和强缓存强缓存：不会向服务器发送请求，直接从缓存中读取资源，在chrome控制台的net

2020-05-26 15:33:35 274

转载 vue.nextTick()方法的使用详解

什么是Vue.nextTick()？？定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码；理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数，<template> <div class="hello"&

2020-05-26 15:30:49 308

转载事件循环机制EventLoop

事件循环机制EventLoopEvent Loop即事件循环，是解决javaScript单线程运行阻塞的一种机制。一、EventLoop的相关概念1、堆（Heap）堆表示一大块非结构化的内存区域，对象，数据被存放在堆中2、栈（Stack）栈在javascript中又称执行栈，调用栈，是一种后进先出的数组结构，Javascript 有一个主线程（main thread）和调用栈(或执行栈call-stack)，主线各所有的任务都会被放到调用栈等待主线程执行。JS调用栈采用的是后进先出的规

2020-05-19 21:48:47 8604

转载前端知识图谱

前端知识图谱计算机基础产生死锁的必要条件互斥条件：进程对所分配的资源不允许其他进程访问请求和保持条件：进程获取其他资源，却被其他进程占用，但又对自己保持的资源不放手不可剥夺：进程已经获得资源，除非自己使用完释放，否则不可被剥夺循环等待：发生死锁之后，必然存在一个进程和资源之间的环形链前端前端优化方案网络相关DNS解析优化减少DNS查询将资源都放在一个域下面，这样访问整个网站只需要一次DNS查询，但是因为客户端针对每一个域有一定数量的并行度，那么就会出现下载资源时的排队现象。

2020-05-19 21:46:18 915

原创 Ajax基础

推荐onload如果获取的是json字符串数据，将其转换成json对象传参时不用全部都传，没有传的参数使用默认值全部代码...

2020-05-16 15:31:53 133

原创跨域问题

跨域制定HTML规则时，出于安全的考虑，一个源的网站不允许与另一个源的资源进行交互，浏览器制定此规则为同源策略同源即指的网站具有相同的域，即协议(protocol)、主机(host)、端口号(port) 相同跨域资源嵌入是允许的，但是浏览器限制了Javascript不能与加载的内容进行交互，如嵌入的<script>、<img>、<link>、<iframe>等。受限的场景XHR请求不能发送无法对跨域请求的资源进行修改不同源的Cookie、Loc

2020-05-13 17:28:22 136

原创 XSS跨站脚本攻击

XSS跨站脚本攻击跨站脚本攻击XSS，是最普遍的Web应用安全漏洞。这类漏洞能够使得攻击者嵌入恶意脚本代码到正常用户会访问到的页面中，当正常用户访问该页面时，则可导致嵌入的恶意脚本代码的执行，从而达到恶意攻击用户的目的。类型反射型XSS：攻击者事先制作好攻击链接,需要欺骗用户自己去点击链接才能触发XSS代码，所谓反射型XSS就是将恶意用户输入的js脚本，反射到浏览器执行。存储型XSS：代码是存储在服务器中的，如在个人信息或发表文章等地方，加入代码，如果没有过滤或过滤不严，那么这些代码将储存

2020-05-13 16:17:47 308

原创 SQL注入

SQL注入SQL注入即是指web应用程序对用户输入数据的合法性没有判断或过滤不严，攻击者可以在web应用程序中事先定义好的查询语句添加额外的SQL语句，从而实现非法操作，获取数据库数据，服务器提权等，很多机构将SQL注入作为第一危险的安全漏洞。原理SQL注入攻击是通过操作输入来修改SQL语句，用以达到执行代码对WEB服务器进行攻击的方法。简单的说就是在post/get表单、输入域名或页面请求的查询字符串中插入SQL命令，最终使web服务器执行恶意命令的过程。SQL注入语句一般都嵌入在普通的HTTP请

2020-05-13 16:17:16 687

原创 OSI七层模型

OSI七层模型OSI七层模型包括物理层、数据链路层、网络层、运输层、会话层、表示层、应用层，其中会话层、表示层、应用层一般统称为应用层，在TCP/IP四层模型中物理层与数据链路层归为网络接口层，网络层与运输层是单独的层级，会话层、表示层、应用层归为应用层。物理层物理层的主要任务描述为确定与传输媒体的接口的一些特性，提供用于建立、保持和断开物理连接的机械的、电气的、功能的和过程的条件，也就是说物理层提供有关同步和比特流在物理媒体上的传输手段。信号相关概念单向通信，也称单工通信，只能有一个方向的通信

2020-05-13 16:16:31 293

原创 HTTP协议概述

HTTP协议概述HTTP超文本传输协议，基于TCP/IP通信协议传输数据特点HTTP是无连接的：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接，采用这种方式可以节省传输时间。HTTP是媒体独立的：只要客户端和服务器知道如何处理的数据内容，任何类型的数据都可以通过HTTP发送，在HTTP中使用Content-Type来表明资源媒体类型。HTTP是无状态的：HTTP协议是无状态协议，指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的

2020-05-13 16:16:00 179 1

原创 HTTP协议发展历程

HTTP协议发展历程HTTP超文本传输协议是一个用于传输超文本文档的应用层协议，它是为Web浏览器与Web服务器之间的通信而设计的，HTTP协议到目前为止全部的版本可以分为HTTP 0.9、HTTP 1.0、HTTP 1.1、HTTP 2.0、HTTP 3.0，其中现在普遍应用的版本是HTTP 1.1版本，正在推进HTTP 2.0版本，以及未来的HTTP 3.0版本。HTTP 0.9HTTP 0.9也被称为单行协议，最初版本的HTTP协议并没有版本号，后来它的版本号被定位在0.9 以区分后来的版本，H

2020-05-13 16:14:42 157

原创 HTTPS加密传输过程

HTTPS加密传输过程HTTPS全称Hyper Text Transfer Protocol over SecureSocket Layer，是以安全为目标的HTTP通道，在HTTP的基础上通过传输加密和身份认证保证了传输过程的安全性。HTTPS在HTTP的基础下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。知识储备HTTPHTTP是应用层协议，默认运行在80端口，是一种不安全的传输协议，经其传输的数据都是未加密的明文数据，可以被中间人攻击，获取到你的网络传输数据，这也

2020-05-13 16:14:12 219

原创 CSRF跨站请求伪造

CSRF跨站请求伪造跨站请求伪造通常缩写为CSRF或者XSRF，是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。跟跨网站脚本XSS相比，XSS利用的是用户对指定网站的信任，CSRF利用的是网站对用户浏览器的信任，浏览器对于同一domain下所有请求会自动携带cookie。原理用户A正常打开网站B，并且成功登录获取cookie用户A未退出网站B，在同一个浏览器中打开新的TAB访问了网站C网站C的页面存有一些攻击性的代码，会发出对于网站B的一个访问请求浏览器收到请求后，在用

2020-05-13 16:13:53 251

原创 TCP与UDP异同

TCP与UDP异同TCP/IP模型的运输层有两个不同的协议：UDP用户数据报协议与TCP传输控制协议相同点TCP与UDP都是运行在运输层的协议TCP与UDP的通信都需要开放端口不同点TCPTCP是面向连接的协议，提供全双工通信，需要建立链接之后再传输数据，数据传输负载相对较大。TCP提供可靠交付的服务，使用流量控制和拥塞控制等服务保证可靠通信。TCP首部最小20字节，最大60字节，包括源端口、目的端口、序号、确认号、数据偏移、控制标志、窗口、校验和、紧急指针、选项等信息。TCP只能

2020-05-13 16:13:04 172

原创 TCP三次握手

TCP三次握手传输控制协议TCP，Transmission Control Protocol是一种面向连接的、可靠的、基于字节流的传输层通信协议，其是运行在OSI七层模型中的运输层，为了在不可靠的互联网络上提供可靠的端到端字节流而专门设计的一个传输协议。三次握手过程client server主动打开 → SYN=1,seq=x → 被动打开，接收(同步已发送)

2020-05-13 16:12:28 245

转载计算机网络基础

1，OSI，TCP/IP，五层协议的体系结构，以及各层协议OSI分层（7层）：物理层、数据链路层、网络层、传输层、会话层、表示层、应用层。TCP/IP分层（4层）：网络接口层、网际层、运输层、应用层。五层协议（5层）：物理层、数据链路层、网络层、运输层、 ...

2019-10-11 15:33:23 341

转载虚拟机怎么安装vmware tools

这篇文章主要为大家详细介绍了VMware Workstation12安装Ubuntu和VMware Tools教程,具有一定的参考价值，感兴趣的小伙伴们可以参考一下之前我通过百度经验上的过程来安装Ubuntu16，但是每次安装的时候没有什么问题，就是安装好了Tools，也设置好了共享文件夹，但是在路径：/mnt/hgfs 下每次都找不到共享文件夹。后来我研究了好久，应该是安装的时候出了问题。下面是...

2018-04-14 09:53:18 368

原创 POJ 3259 Wormholes

题意：判断是否有负权回路。用SPFA。代码:#include #include #include #include #include #define N 5210#define INF 0xfffffffusing namespace std;int cnt, dist[N], Head[N], num[N], vis[N];int n, m

2017-09-13 19:29:08 231

原创 POJ 1797 Heavy Transportation

题意：找一条从 1 到 n 的道路，使得这条道路的每段距离中的最小值最大。思路：利用dijkstra或是spfa的思想去解，dis[ x ]表示从 1 到达 x 的道路中，其道路段的最小值的最大值利用Kruskal的思想，把每段道路的权值按照从大到小排序，然后依次加边直至 1 可达 n为止，此时这条路中最小直即为答案。代码：kruskal（最大生成树）#include#i

2017-09-13 14:01:49 221

原创 HDU 6201 transaction transaction transaction （最长路）

题意：给你n个点的一棵树，每个点有一个买书或者卖书的费用w，树的边也有花费，求从一个点买书到另一个点卖书得到差价的最大值。分析：引入源点和汇点，就像一条河流，源点到每个点的权值都为该城市的书价，每个点到汇点的权值都为负的该城市的书价，对应买入和卖出，中间的花费也都为负，所以求源点到汇点的最长路就可以了，像是网络流。代码：#include #include #includ

2017-09-12 14:52:51 213

原创 UVA 10652 Board Wrapping

题意：有n个小矩形，求把他们包起来的最小多边形，并计算出这些矩形面积占总凸包面积的百分比。求最小凸包，然后在处理即可。代码:#include #include #include #include using namespace std;const double eps = 1e-10;struct Point{ double x, y; Point(

2017-08-31 10:58:06 263

原创 Gym 101190H Hard Refactoring

题意：给你一些x的区间范围，有规定的输入格式，如果在（-32768 ~ 32767）范围之间的任意整数都能在x的这些区间中，则输出 “true”，如果这些范围中的部分数在x的这些区间中，则输出并合并这些区间，如果都不在，则输出“false”；暴力。这道题注意的细节太多，wa了太多次才发现其中的坑，注意 x >= 5 && x = 5; 还有 x >= 1 && x x

2017-08-29 20:15:18 516

原创杨辉三角模板

杨辉三角的多种解法一：二维数组递推公式：f[1][1]=1 , f[i][j]=f[i-1][j-1]+f[i-1][j]核心代码：[cpp] view plain copyf[1][1]=0; for(int i=1;i{ for(int j=1;j {

2017-08-28 20:54:38 405

原创 HDU 6005 Pandaland

题意：给一个带权无向图，求图中能成环的权值最小值，如果不能成环，输出-1；分析：暴力+dijkstra。枚举每一条边，然后用dijkstra求s到t的距离（其中舍去s-t这条边）。dijkstra找到t就跳出，或出队列的距离 >= 当前找到的最小距离就跳出。代码：#include#include#include#include#include#include#i

2017-08-28 19:37:06 459

原创 HDU 1698 Just a Hook

线段树模板题。代码：#include #include #include #include using namespace std; const int maxn = 1e5 + 10; int T, n, q, date[maxn], sum[maxn<<2], lazy[maxn<<2]; void init() {

2017-08-27 19:15:38 188

原创 acm学习

————————个人初步————————1．搜索：IDA*、哈希；2．思路构造：、三分、归并排序3．数学：扩展欧几里得、素数、欧拉函数、矩阵快速幂、高斯消元；4．数据结构：STL（优先队列、map、multiset）、单调结构（队列、栈、滑动窗口）、并查集；5．动态规划：经典问题、树形dp、状压dp；6．数学：博弈（巴什、nim、斐波那契、威左夫）、容斥原理、逆元、组合递推

2017-08-25 19:32:05 1121

转载中国剩余定理(孙子定理)详解

中国剩余定理(孙子定理)详解问题：今有物不知其数，三三数之剩二，五五数之剩三，七七数之剩二。问物几何？说明白一点就是说，存在一个数x，除以3余2，除以5余三，除以7余二，然后求这个数。定理：两数不能整除，若除数扩大（或缩小）了几倍，而被除数不变，则其商和余数也同时扩大（或缩小）相同的倍数（余数必小于除数）。这两个定理浅显易懂，自己找个例子就能理解，就不再赘述了。现给出求解该问题

2017-08-24 20:45:22 1224

转载线段树题目整合

1.hdu1166 敌兵布阵更新节点,区间求和。2.hdu1754 I Hate It更新节点,区间最值..3.hdu1698 Just a Hook成段更新,总区间求和..4.hdu1394 Minimum Inversion Number更新节点,区间求和.5.hdu1779 （这个爆炸了，别做了）成段更新,区间最值.6.pku2777

2017-08-24 20:07:35 277

原创 UVA 11426 GCD Extreme (II)

题意：给定N，求∑ini=1∑jnj=1gcd(i,j)的值。思路：设f(n) = gcd(1, n) + gcd(2, n) + ... + gcd(n - 1, n) 。然后得到递推式S(n) = f(2) + f(3) + ... + f(n) —> S(n) = S(n - 1) + f(n);. 这样问题变成如何求f(n)。设g(n, i)，表示满

2017-08-24 20:01:25 247

原创 Gym 100741G Yet Another Median Task

题意：给出一个n*n的矩阵。然后有很多操作，每次给你两个点（x1,y1）和(x2,y2),求出这两个点作为新矩阵的左上角和有下角，求出新矩阵所有值的中点。直接暴力，用scanf输入，然后就爆过了，用cin cout会超时。用nth_element函数。使用方法：nth_element(start, start+n, end)使第n大元素处于第n位置（从0开始,其

2017-08-24 11:03:19 230

转载线段树总结详解

线段树详解By 岩之痕目录：一：综述二：原理三：递归实现四：非递归原理五：非递归实现六：线段树解题模型七：扫描线八：可持久化 (主席树)九：练习题一：综述假设有编号从1到n的n个点，每个点都存了一些信息，用[L,R]表示下标从L到R的这些点。线段树的用处就是，对编号连续的一些点进行修改或者统计操作，修改

2017-08-23 19:40:37 449

原创 lightOJ 1220 Mysterious Bacteria

题意：给出一个数n，n是int范围，找出满足 n = x^b ,b的最大值。x为整数。分析：先打个素数表，再将n进行素因子分解，在对它的素因子的指数进行取最大公因数，例如 4500 = 2 ^ 2 * 3 ^ 2 * 5 ^ 4, 取gcd 后 = 2 ^ 2 * 3 ^ 2 * (5^2) ^ 2 = (2 *3 * (5^2) ) ^ 2;故这个gcd就是结果。当n是负数时

2017-08-23 19:29:38 185

原创 LightOJ 1234 Harmonic Number

题意：求1/1 + 1/2 + 1/3 + …… + 1/n 的和。n 分析：打表记录。开1e8的数组会爆内存，学到开个1e6的数组，每100个数记录一次，然后再遍历加剩下的。代码：#include #include #include #include #include using namespace std;double sum

2017-08-23 17:08:08 234

原创 LightOJ 1236 Pairs Forming LCM

一道唯一分解的题目。代码：#include #include #include #include #include using namespace std;#define maxn 10000010typedef long long LL;LL prime[1000000];bool p[maxn];int k;void find_prim(){ k =

2017-08-23 15:38:50 192

原创 HDU 1879 欧拉回路

题意：判断一个图是否是欧拉回路。补充：欧拉通路: 通过图中每条边且只通过一次，并且经过每一顶点的通路。欧拉回路: 通过图中每条边且只通过一次，并且经过每一顶点的回路。无向图是否具有欧拉通路或回路的判定:欧拉通路:图连通；图中只有0个或2个度为奇数的节点欧拉回路:图连通；图中所有节点度均为偶数有向图是否具有欧拉通路或回路的判定:

2017-08-22 10:53:18 233