前端学习
前端小知识点总结学习
兮兮落落_
编程小白
展开
-
vue watch和computed区别
计算属性computed :支持缓存,只有依赖数据发生改变,才会重新进行计算不支持异步,当computed内有异步操作时无效,无法监听数据的变化computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed5.如果computed属性属性值是函数,那么默认会走get方法;函数的返回值就是原创 2020-05-27 10:20:48 · 249 阅读 · 0 评论 -
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 · 191 阅读 · 0 评论 -
协商缓存和强缓存
前端浏览器的两种缓存:协商缓存和强缓存1.浏览器缓存机制浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有:减少了冗余的数据传输,节省了网费 减少了服务器的负担,大大提升了网站的性能 加快了客户端加载网页的速度浏览器缓存主要有两类:缓存协商和彻底缓存,也有称之为协商缓存和强缓存强缓存:不会向服务器发送请求,直接从缓存中读取资源,在chrome控制台的net转载 2020-05-26 15:33:35 · 242 阅读 · 0 评论 -
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 · 279 阅读 · 0 评论 -
事件循环机制EventLoop
事件循环机制EventLoopEvent Loop即事件循环,是解决javaScript单线程运行阻塞的一种机制。一、EventLoop的相关概念1、堆(Heap)堆表示一大块非结构化的内存区域,对象,数据被存放在堆中2、栈(Stack)栈在javascript中又称执行栈,调用栈,是一种后进先出的数组结构,Javascript 有一个 主线程(main thread)和 调用栈(或执行栈call-stack),主线各所有的任务都会被放到调用栈等待主线程执行。JS调用栈采用的是后进先出的规转载 2020-05-19 21:48:47 · 8534 阅读 · 0 评论 -
前端知识图谱
前端知识图谱计算机基础产生死锁的必要条件互斥条件:进程对所分配的资源不允许其他进程访问请求和保持条件: 进程获取其他资源,却被其他进程占用,但又对自己保持的资源不放手不可剥夺:进程已经获得资源,除非自己使用完释放,否则不可被剥夺循环等待:发生死锁之后,必然存在一个进程和资源之间的环形链前端前端优化方案网络相关DNS解析优化减少DNS查询将资源都放在一个域下面,这样访问整个网站只需要一次DNS查询,但是因为客户端针对每一个域有一定数量的并行度,那么就会出现下载资源时的排队现象。转载 2020-05-19 21:46:18 · 844 阅读 · 0 评论 -
Ajax基础
推荐onload如果获取的是json字符串数据,将其转换成json对象传参时不用全部都传,没有传的参数使用默认值全部代码...原创 2020-05-16 15:31:53 · 115 阅读 · 0 评论 -
跨域问题
跨域制定HTML规则时,出于安全的考虑,一个源的网站不允许与另一个源的资源进行交互,浏览器制定此规则为同源策略同源即指的网站具有相同的域,即 协议(protocol)、主机(host)、端口号(port) 相同跨域资源嵌入是允许的,但是浏览器限制了Javascript不能与加载的内容进行交互,如嵌入的<script>、<img>、<link>、<iframe>等。受限的场景XHR请求不能发送无法对跨域请求的资源进行修改不同源的Cookie、Loc原创 2020-05-13 17:28:22 · 121 阅读 · 0 评论 -
XSS跨站脚本攻击
XSS跨站脚本攻击跨站脚本攻击XSS,是最普遍的Web应用安全漏洞。这类漏洞能够使得攻击者嵌入恶意脚本代码到正常用户会访问到的页面中,当正常用户访问该页面时,则可导致嵌入的恶意脚本代码的执行,从而达到恶意攻击用户的目的。类型反射型XSS: 攻击者事先制作好攻击链接,需要欺骗用户自己去点击链接才能触发XSS代码,所谓反射型XSS就是将恶意用户输入的js脚本,反射到浏览器执行。存储型XSS:代码是存储在服务器中的,如在个人信息或发表文章等地方,加入代码,如果没有过滤或过滤不严,那么这些代码将储存原创 2020-05-13 16:17:47 · 291 阅读 · 0 评论 -
SQL注入
SQL注入SQL注入即是指web应用程序对用户输入数据的合法性没有判断或过滤不严,攻击者可以在web应用程序中事先定义好的查询语句添加额外的SQL语句,从而实现非法操作,获取数据库数据,服务器提权等,很多机构将SQL注入作为第一危险的安全漏洞。原理SQL注入攻击是通过操作输入来修改SQL语句,用以达到执行代码对WEB服务器进行攻击的方法。简单的说就是在post/get表单、输入域名或页面请求的查询字符串中插入SQL命令,最终使web服务器执行恶意命令的过程。SQL注入语句一般都嵌入在普通的HTTP请原创 2020-05-13 16:17:16 · 656 阅读 · 0 评论 -
OSI七层模型
OSI七层模型OSI七层模型包括物理层、数据链路层、网络层、运输层、会话层、表示层、应用层,其中会话层、表示层、应用层一般统称为应用层,在TCP/IP四层模型中物理层与数据链路层归为网络接口层,网络层与运输层是单独的层级,会话层、表示层、应用层归为应用层。物理层物理层的主要任务描述为确定与传输媒体的接口的一些特性,提供用于建立、保持和断开物理连接的机械的、电气的、功能的和过程的条件,也就是说物理层提供有关同步和比特流在物理媒体上的传输手段。信号相关概念单向通信,也称单工通信,只能有一个方向的通信原创 2020-05-13 16:16:31 · 260 阅读 · 0 评论 -
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 · 136 阅读 · 0 评论 -
TCP与UDP异同
TCP与UDP异同TCP/IP模型的运输层有两个不同的协议:UDP用户数据报协议与TCP传输控制协议相同点TCP与UDP都是运行在运输层的协议TCP与UDP的通信都需要开放端口不同点TCPTCP是面向连接的协议,提供全双工通信,需要建立链接之后再传输数据,数据传输负载相对较大。TCP提供可靠交付的服务,使用流量控制和拥塞控制等服务保证可靠通信。TCP首部最小20字节,最大60字节,包括源端口、目的端口、序号、确认号、数据偏移、控制标志、窗口、校验和、紧急指针、选项等信息。TCP只能原创 2020-05-13 16:13:04 · 157 阅读 · 0 评论 -
TCP三次握手
TCP三次握手传输控制协议TCP,Transmission Control Protocol是一种面向连接的、可靠的、基于字节流的传输层通信协议,其是运行在OSI七层模型中的运输层,为了在不可靠的互联网络上提供可靠的端到端字节流而专门设计的一个传输协议。三次握手过程client server主动打开 → SYN=1,seq=x → 被动打开,接收(同步已发送)原创 2020-05-13 16:12:28 · 175 阅读 · 0 评论 -
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 · 396 阅读 · 0 评论 -
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 · 587 阅读 · 0 评论 -
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 · 479 阅读 · 0 评论