随笔分类 - javascript
摘要：一、HTTP协议 1. GET和POST的请求的区别 Post 和 Get 是 HTTP 请求的两种方法，其区别如下： 应用场景： GET 请求是一个幂等的请求，一般 Get 请求用于对服务器资源不会产生影响的场景，比如说请求一个网页的资源。而 Post 不是一个幂等的请求，一般用于对服务器资源会产
阅读全文
摘要：一、JavaScript 基础 1. 手写 Object.create 思路：将传入的对象作为原型 function create(obj) { function F() {} F.prototype = obj return new F() } 2. 手写 instanceof 方法 instan
阅读全文
摘要：六、this/call/apply/bind 1. 对this对象的理解 this 是执行上下文中的一个属性，它指向最后一次调用这个方法的对象。在实际开发中，this 的指向可以通过四种调用模式来判断。 第一种是函数调用模式，当一个函数不是一个对象的属性时，直接作为函数来调用时，this 指向全局对
阅读全文
摘要：一、数据类型 1. JavaScript有哪些数据类型，它们的区别？ JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型：
阅读全文
摘要：相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAScript 2015（ES6）、Node
阅读全文
摘要：相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAScript 2015（ES6）、Node
阅读全文
摘要：相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAScript 2015（ES6）、Node
阅读全文
摘要：前言 因为业务需要，很多文件需要在前端实现预览，今天就来了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。 文档格式老的开源组件替代开源组件 word（docx） mammoth docx-preview(npm) pow
阅读全文
摘要：1、node有哪些特征，与其他服务器端对比 特征：单线程、事件驱动、非阻塞I/O node 无法直接渲染静态页面，提供静态服务 node 没有根目录的概念 node 必须通过路由程序指定文件才能渲染文件 node 比其他服务端性能更好，速度更快 node 更新很快，可能会出现版本兼容 2、如何判断当
阅读全文
摘要：1、 MVC、MVVM的理解 MVC：Model、View、Controller View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将新的数据发送到 View，用户得到反馈 所有通信都是单向的 MVVM：Model、View、V
阅读全文
摘要：1、生命周期的理解 初始化阶段： getDefaultProps:获取实例的默认属性getInitialState:获取每个实例的初始化状态componentWillMount：组件即将被装载、渲染到页面上render:组件在这里生成虚拟的 DOM 节点componentDidMount:组件真正在
阅读全文
摘要：1、CSRF（Cross-site request forgery，跨站请求伪造） 如何攻击假设网站中有一个通过 Get 请求提交用户评论的接口，那么攻击者就可以在钓鱼网站中加入一个图片，图片的地址就是评论接口<img src="http://www.domain.com/xxx?comment='
阅读全文
摘要：1、预加载和预渲染 预加载在开发中，可能会遇到这样的情况。有些资源不需要马上用到，但是希望尽早获取，这时候就可以使用预加载。预加载其实是声明式的 fetch ，强制浏览器请求资源，并且不会阻塞 onload 事件，可以使用以下代码开启预加载<link rel="preload" href="http
阅读全文
摘要：1、同源策略及解决跨域常用的方法 因为浏览器出于安全考虑，有同源策略。也就是说，如果协议、域名或者端口有一个不同就是跨域，Ajax 请求会失败。 我们可以通过以下几种常用方法解决跨域的问题 JSONPJSONP 的原理很简单，就是利用 <script> 标签没有跨域限制的漏洞。通过 <script>
阅读全文
摘要：1、JS内置类型 JS 中分为七种内置类型，七种内置类型又分为两大类型：基本类型和对象（Object）。 基本类型有六种： null，undefined，boolean，number，string，symbol。 其中 JS 的数字类型是浮点类型的，没有整型。并且浮点类型基于 IEEE 754标准实
阅读全文
摘要：一、原理 View的变化能实时让Model发生变化，而Model的变化也能实时更新到View Vue采用数据劫持&发布-订阅的方式，通过ES5提供的Object.defineProperty()方法来劫持（监控）各属性的getter 、 seter ，并在数据（对象）发生变动时通知订阅者，触发相应的
阅读全文
摘要：一、什么是跨域 跨域是针对浏览器的“同源策略”提出的说法。之所以有“同源策略”这种模式是基于网络安全方面的考虑。所谓的同源策略关注三点： 协议（ http://www.baidu.com & https://www.baidu.com 协议不同，跨域） 域名（https://www.aliyun.c
阅读全文
摘要：一、加载流程 浏览器根据DNS服务器得到域名的IP地址 向这个 IP 的机器发送 HTTP 请求 服务器收到、处理并返回 HTTP 请求 浏览器得到返回内容 二、简单分析 例如在浏览器输入 https://www.baidu.com 的时候，首先经过 DNS 解析， https://www.baid
阅读全文
摘要：1、标准性 任何一个组件都应该遵守一套标准，可以使得不同区域的发人员据此标准开发出一套标准统一的组件 2、独立性 描述了组件的细粒度，遵循单一职责原则，保持组件的纯粹性 属性配置等 API 对外开放，组件内部状态对外封闭，尽可能的少与业务耦合 3、复用与易用 UI差异，消化在组件内部（注意并不是写一
阅读全文
摘要：一、什么是微服务 所谓微服务是SOA架构下的最终产物，该架构设计目标是为了肢解服务，使得服务能够独立运行。 微服务可以按照业务划分，将一组特定的业务划分成一个服务，每个服务都有自己独立的数据库，独立部署，服务直接通过 REST API 进行通讯。每一个独立运行的服务组成整个系统。 总结下，微服务就是
阅读全文
浙公网安备 33010602011771号