/*** JS篇 ***/ 介绍原型链 https://www.jianshu.com/p/7119f0ab67c0 只有函数有可能有 prototype (同时也有proto) , 实例对象仅有 proto prototype 是一个对象, prototype 是函数的原型对象, 它会被函数生成实例的 proto 引用 万物皆对象, 所有构造函数的原型链最终都将指向 Object.prototype, Object.prototype.proto === null 函数原型对象中的属性和方法是所有实例共享的 -- 函数的prototype、prototype是...

数组(擅长查询): 内存连续地分配 增删数组因为会影响到剩余的元素, 因此时间复杂度为 O(n) 链表(擅长增删): 内存分配不连续, 每个节点记录下一个节点的地址, 若每个节点记录上一个和下一个节点地址则为双向链表 增删链表节点只需要修改受影响节点的上下节点地址, 因此时间复杂度为 O(1) 栈 函数的调用栈 函数的嵌套执行是一个入栈(执行时)/出栈(返回时)过程 (影响栈的总高) 调用栈会保存同层级未调用的函数, 等待之前函数的入/出栈过程完成后执行 (不影响栈的总高) 图: 节点之间具有相互指向的关系 有向图、无向图(相当于两个节点相互指向的有向图) var gra...

webpack 的运行流程 1、初始化参数 (基于shell和配置文件) 2、初始化编译: 初始化compiler, 加载 plugins, 开始编译 3、确定入口: 根据 entry 配置确定入口文件 4、编译模块: 从入口文件开始递归查找依赖, 使用loader编译模块, 得到编译后的模块及其相互依赖关系 5、组装代码块: 根据入口与模块的依赖关系组装出一个个包含一或多个模块的代码块 chunk , 加入到输出列表, 这是修改文件内容的最后机会 6、输出: 根据输出列表写入文件系统输出的 bundle.js 分析 1、内容是一个立即执行函数, 参数是数组形式的所有模块, 每个...

项目背景 简单的说是一款信号灯设备的配置平台, 主要功能是配合信号机设备对路口信号灯进行参数配置, 并结合其他硬件设备进行数据采集和上报, 并将结果以渠化图的方式呈现出来 主要的使用人员为 负责配置的技术支持人员 和 负责监控的交通事业单位人员, 属于内网项目 从使用者的角度分析, 项目主要关注的点是如何降低操作复杂性, 还有提高场景的还原度和实时性, 具体体现为 引入ThreeJs实现三维场景的渠化图绘制 ThreeJs自带坐标系、建模与交互能力, 比canvas开发维护成本更低 相较于DOM实现, 不需要频繁操作DOM, 性能和用户体验更好 使用websocket进行通信交互 服务端主动推...

1、requestAnimationFrame 和 setTimeout 的执行时机     例： console.log('主代码块') requestAnimationFrame(() => {     console.log('requestAnimationFrame')  // 此处比 setTimeout 先执行 }) setTimeout(()=>{console.log('setTimeout')},0)   &...

import * as THREE from 'three' export const roadWidth = 12      // 道路宽度基础 export const roadLengthScale = 5 // 道路长度倍数 export const ImgLoader = new THREE.TextureLoade...

<template>   <div class="wrap">     <div id="container"></div>     <div class="toolBar">       <el-button class="btn" type...

import Vue from 'vue' import $router from '../router' import $store from '../store' import { core_md5 } from '../plugins/md5.js' import UUID from 'uuid-js' var CRC32Table = [   0x00000000,&...

1、概述     本文将阐述 为何需要计算文件的MD5值，为何需要在web-worker中计算，具体的实现方案与对比 2、为何需要计算文件的MD5值     文件的MD5值是文件的哈希映射，可以简单理解为基于文件内容生成的唯一码，在文件上传中，可以通过在文件头写入MD5值在服务端和客户端之间进行约定，避免接收到的是损坏或者篡改的内容 3、为何需要在web worker中计算     文件的MD5值计算是纯运算，将阻塞JS主线程的运行，在文件较大时，计算...

题:  (function fn() {          var a=b=1        })();         console.log(b);         console.log(a);     解: 本例可以分解...

1、概述：     本文将说明 为何需要进行图片懒加载、如何进行图片懒加载、如何进一步优化。 2、为何需要进行图片懒加载？     在实际的开发中经常会遇到一个页面的内容过多，当前视窗展示不下的情况(特别是移动端)，为了减少资源请求 数，加快页面渲染(此处可扩展)，可以进行图片懒加载。 3、如何进行图片懒加载？     图片懒加载的基本思路为         (1) img标签设置宽高占位，但先不设置src属性，可用data-src等自定义属性代替 (使用背景图可能是更好的做法)   ...

Vue API extent 创建 基础构造器Vue 的子类 Ctor, 并让 Ctor.super 指向其父构造器 nextTick -> 有回调 -> 将回调存入队列 -> 尝试使用 Promise 以微任务管理回调队列 -> (若不支持Promise)依次尝试使用 setImmediate/MessageChannel/setTimeout 以宏任务管理回调队列 -> 无回调 -> 支持 Promise -> 不支持 Promise set delete direct...

一、       背景 随着信息技术的发展，社会进入互联网时代，用户的隐私保护和数据安全日益受到重视，数据加密是这一诉求的重要实现手段，本文介绍将当前常用的数据加密方式并加以对比。 数据加密的基本过程就是对原来为明文的文件或数据按某种算法进行处理，使其成为不可读的一段代码为“密文”，使其只能在输入相应的密钥之后才能显示出原容，通过这样的途径来达到保护数据不被非法人窃取、阅读的目的。 该过程的逆过程为解密，即将该编码信息转化为其原来数据的过程。 二、     &nbsp...

 1 背景 当前业内实现WEB视频播放的方式主要有： 1) 使用OCX 插件 2) 使用 flash 插件 3) 使用HTML5 的 Video 标签 4) 使用canvas实时绘制图片模拟 优缺点分析： 1) 兼容性较差，由于ActiveX控件逐渐被各大浏览器淘汰，该方式仅可在IE浏览器以及早期版本的chrome浏览器(45版本以下)，且用户使用时需先下载并安装第三方插件，用户体验较差，其优点是视频播放清晰度、流畅度高，可实现视频流的实时预览等。 2) 兼容性一般，与ocx插件类似，因为安全性漏洞与日益下降的功能竞争力，fla...