08 2021 档案
手写js原生方法总结（简版）
摘要：Array篇 定义一个测试数组 const players = [ { name: '科比', num: 24 }, { name: '詹姆斯', num: 23 }, { name: '保罗', num: 3 }, { name: '威少', num: 0 }, { name: '杜兰特', nu
阅读全文
ts声明回调函数类型
摘要：export type Callback = () => void;
阅读全文
手写vite
摘要：vite实现原理是什么？ 当声明一个 script 标签类型为 module 时如： <script type="module" src="/src/main.js"></script>浏览器就会像服务器发起一个GET http://localhost:3000/src/main.js请求main.
阅读全文
单点登录的实现原理
摘要：一、单系统登录机制 1、http无状态协议 web应用采用browser/server架构，http作为通信协议。http是无状态协议，浏览器的每一次请求，服务器会独立处理，不与之前或之后的请求产生关联，这个过程用下图说明，三次请求/响应对之间没有任何联系 但这也同时意味着，任何用户都能通过浏览器访
阅读全文
vue中和react中key的用法
摘要：我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。 vue和react的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：1. 两个相同的组件产生类似的DOM结构，不同的组件产生不
阅读全文
手写MVVM
摘要：// 创建一个Mvvm构造函数 // 这里用es6方法将options赋一个初始值，防止没传，等同于options || {} function Mvvm(options = {}) { // vm.$options Vue上是将所有属性挂载到上面 // 所以我们也同样实现,将所有属性挂载到了$op
阅读全文
静态代码扫描
摘要：静态代码扫描存在的价值 研发过程，发现BUG越晚，修复的成本越大 缺陷引入的大部分是在编码阶段，但发现的更多是在单元测试、集成测试、功能测试阶段 统计证明，在整个软件开发生命周期中，30% 至 70% 的代码逻辑设计和编码缺陷是可以通过静态代码分析来发现和修复的 以上三点证明了，静态代码扫描在整个安
阅读全文
查看数据库加密数据
摘要：--1 创建数据库主密钥 use test GO CREATE MASTER KEY ENCRYPTION BY PASSWORD='password123' GO --2创建存放加密数据的表 CREATE TABLE dbo.SecTable ( ID INT IDENTITY PRIMARY K
阅读全文
异步调度器Scheduler
摘要：/** * 题目: JS实现一个带并发限制的异步调度器Scheduler，保证同时运行的任务最多有两个。完善代码中Scheduler类，使得以下程序能正确输出 * 条件: 只能修改Sheduler **/ class Scheduler { constructor(){ this.cache = [
阅读全文
虚拟dom和real dom区别
摘要：Real DOM，真实DOM， 意思为文档对象模型，是一个结构化文本的抽象，在页面渲染出的每一个结点都是一个真实DOM结构， Virtual Dom，本质上是以 JavaScript 对象形式存在的对 DOM 的描述。 区别： 虚拟DOM不会进行排版与重绘操作 虚拟DOM进行频繁修改，然后一次性比较
阅读全文
Node.js 搭建 HTTP2服务
摘要：准备SSL证书 生成服务器私钥key # 生成密码文件，省去输入密码 openssl genrsa -des3 -passout pass:123456 -out key/server.pass.key 2048 openssl rsa -passin pass:123456 -in key/ser
阅读全文
浏览器四大进程
摘要：一、浏览器四大进程 1.Browser进程：浏览器的主进程（负责协调、主控），只有一个。 主要作用： 负责浏览器界面显示，与用户交互。如前进，后退等 负责各个页面的管理，创建和销毁其他进程 将渲染（Renderer）进程得到的内存中的Bitmap（位图），绘制到用户界面上 网络资源的管理，下载等 2
阅读全文
ES6中类Class的super关键字
摘要：super 关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。 1、super当做函数使用 super 作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次 super() 函数。注意：作为函数时，super() 只能用在子类的构造函数之中，用
阅读全文
js中replace的第二个参数是函数的情况应用
摘要：1.把字符串中所有单词的首字母都转换为大写： var str = 'aaa bbb ccc'; uw=str.replace(/\b\w+\b/g, function(word){ return word.substring(0,1).toUpperCase()+word.substring(1);
阅读全文
