屈小康

1、vue2.x采用的是object.defineProperty1、vue2.x的双向数据绑定是通过数据劫持结合发布者订阅者模式的方式来实现的，通过object.defineProperty来劫持各个属性的setter，getter，在数据变化时发布消息给订阅者，触发相应的监听回调来渲染视图。也就是说数据和视图同步，数据发生变化，视图变化，视图变化，数据也随之发生变化。2、Obejct.defineproperty（obj,prop,descriptor）方法，接收三个参数，分别是obj(定义其上属性

1、相同点call、bind、apply都是为了改变this的指向问题。2、不同点2.1：call非严格模式下let fn = function(a,b){ console.log(this,a,b)}let obj = { name:'屈小康'}fn.call(obj,1,2) // this:obj a:1 b:2fn.call(1,2) //this:window 1 , 2fn.call(unll) // this:window undefined undefi

1、前言TCP/IP协议简称为TCP/IP，该协议的两个核心为：TCP(传输控制协议)和IP(网络协议)OSI参考模型，全称为开放系统互联参考模型，OSI将计算机网络体系结构划分为七层。2、对比TCP/IP与OSI模型对比3、TCP/IP 四层模型和 OSI 七层模型比较共同点OSI参考模型和TCP/IP参考模型都采用了层次结构的概念。都能够提供面向连接和无法连接两种通信服务机制。OSI参考模型和TCP/IP参考模型的传输层功能基本相似，都是负责为用户提供真正的端对端的通信服务，也对高层

1、HTTP请求头/响应头2、HTTP请求头Referer3、前端工程化4、什么是虚拟DOM？虚拟DOM的定义和作用？5、Render函数的解析，template的作用6、有哪些可能引起前端安全的问题？ 7、Vue的那些事情8、关于webpack的那些事情9、浏览器种输入一个url会发生什么(面试专用)10、浏览器的缓存机制11、原生JS封装ajax12、Html常见面试题13、Javascript中Promise对象14、javascript原型与原型链15、前端面试：继承的

var canvas = document.querySelector("#cont")var ctx = canvas.getContent(“2d”)文字属性ctx.font = “16px 微软雅黑”；//设置文字大小字体ctx.fillText = (“hello word”，0，100，500) //实心字体 内容 位置 和最大宽度ctx.fillStyle = “red” // 设置颜色ctx.strokeText(“hello word” ,0 ,100 ,100) // 空.

canva图片下载

canvas

协议头说明实例状态Accept可接受的响应内容类型（Content-Types）。Accept: text/plain固定Accept-Charset可接受的字符集。Accept-Charset: utf-8固定Accept-Encoding可接受的响应内容的编码方式。Accept-Encoding: gzip, deflate固定Accept-Language可接受的响应内容语言列表。Accept-Language: en-US固定C...

什么是referer？http referer 是header的一部分，当浏览器向web服务器发送请求的时候，一般会带上Referer，告诉服务器该网页是从哪一个链接过来的，服务器因此可以获得哪一些信息用于处理。referer的用途统计文章来源：例如有多少次来自谷歌的搜索结果，有多少次来自百度的搜索结果。图片防盗链：不是自己网站上的访问，图片显示404。图片防盗当我们复制其他网站的内容的时候，当里面有图片信息，粘贴下来你会发现图片无法显示。场景：a站点的图片全部存储在c站点（云服务器

为什么要使用虚拟列表？当数据量很大的时候，像有10万条数据的时候，我们一次性获得所有数据是不可能的，当然我们也可以使用分页的效果，但是这样用户的体验就不好了，用户喜欢往下滑动获得数据展示。当时当我们根据滑动获取数据的时候就会遇到另一个问题，不停的加载数据，导致页面堆积的节点越来越多，内存不断的增加，最后连滚动都出现了卡顿。所以虚拟列表蕴蓄而生什么是虚拟列表？虚拟列表也没有什么特别的地方，就是在页面上创建一个容器作为可视区，在这个可视区内展示长列表中的一部分，也就是在可视区域内渲染列表。一个简

什么是前端工程化？一切能够提升前端开发效率，提高前端应用质量的手段和工具都是前端工程化。如何做前端工程化？前端工程化就是为了让前端开发能够自成体系，所以我看来应该从模块化 组件化 规范化 自动化 四个方面来说说。模块化简单来说，模块化就是将一个大文件拆分成相互依赖的小文件，在进行统一的拼装和加载。JS模块化在ES6之前，JavaScript一直没有模块系统，这对开发大型复杂的前端工程造成了巨大的障碍。对此社区制定了一些模块加载方案，如CommonJS、AMD和CMD等。现在ES6已

虚拟DOM的作用和定义什么是虚拟DOM虚拟DOM就是普通的js对象。是一个用来描述真实dom结构的js对象，因为它不是真实的dom，所以才叫做虚拟dom。虚拟dom的作用我们都知道传统的dom数据发生变化的时候，我们都需要不断的去操作dom，才能更新dom数据，虽然后面出现了模板引擎，可以让我们一次性更新多个dom。但模板引擎依旧没有一种可以追踪状态的机制，当引擎内某个数据发生变化时，它依然操作dom去重新渲染整个引擎。而虚拟dom可以很好地跟踪当前dom状态，因为它会根据当前数据生成一

1、什么是render函数  简单来说，在vue中我们使用模板HTML语法组件页面的，使用render函数我们可以用js语言来构建DOM。  因为vue是虚拟DOM，所以在拿到template模板的同时也需要转译成VNode的函数，而用render函数构建DOM，vue就免去了转译的过程。  当使用使用render函数描述虚拟DOM时，vue提供一个函数，这个函数就是构建虚拟DOM所需的工具。官网起名叫createElement。类型：(c

话不多说直接上代码！function deepClone(obj){ if(typeof obj !== 'object') return obj if(obj instance RegExp) return new RegExp(obj) if(obj instance Date) return new Date(obj) //new obj.constructor = new Object() // 为了防止 传过来的 是一个 实例 这样也可以实现克隆 let cloneObj = ne

1、Mixin缺陷：组件和mixin之间存在隐式依赖（Mixin中会定义一些特殊的方法，但是当组件过多的时候，我们就很容易忘记查看，导致不可预期的错误！）多个Mixin之间可能产生冲突（比如定义相同的state字段）Mixin倾向于增加更多状态，这降低了应用的可预期性。组件自身的方法和state字段不敢轻易删除，因为难以确认有没有Mixin依赖它，Mixin也难以维护，因为Mixin逻辑最后会被打包合并在一起，很难知道那个是输入那个是输出。2、HOC相对于Mixin的优势：HOC通过外

1、跨站脚本攻击（Cross-Site Scripting ，XSS）一种代码注入方式，为了与css区分所以称之为XSS。早期常见于网络论坛，起因是网站没有对用户的输入进行严格的限制，使得攻击者可以将脚本上传到帖子让其他人在浏览器到有恶意的脚本页面。2、iframe滥用iframe中的内容是由第三方来提供的，默认情况下它们不受我们的限制，它们可以在iframe中运行Javascript脚本、Flash插件、弹出对话框等。3、跨站请求伪造（Cross-Site Request Forgeries ，

!! 建议看英文文档，一看就会，不用看其他小伙伴的总结！，官网链接在下面。一下内容是我在官网凭自己的相法写的，不建议观看！！！l1、Element of Different TypesWhenever the root elements have different types，React will tear downthe old tree and build the new tree from scratch。Going from a label to img label , or from Ar

上一篇我们说到了setState的合并策略，而setState是同步还是异步的，和setState()的批量处理有很大的关系。 可以先看看这个文章在来看同步还是异步的！react中setState()的执行策略是什么？如何合并的那？如何控制合并？setState()是同步还是异步那？看看一下代码的执行情况：import React, { Component } from 'react';class com2 extends Component { state = { n

学习react你一定使用了它的setState，那么它的更新策略是什么那？内部是如何运行的那？下面内容给你解释清楚。react开发对setState的使用可能一点也不陌生，但肯定会碰到过这种情况import React from 'react'export default class BatchedDemo extends React.Component { state = { number: 0, } handleClick = () => {

插槽在2.6.0中，我们为具名插槽和作用域插槽引入了一个新的统一的语法，即v-slot。它取代了slot和slot-scope这两个目前已被废弃但未被移除且仍在文档中的attribute中。插槽内容Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口。它允许你像这样合成组件：...