摘要：
通用设计模式 介绍 设计模式（design pattern）本质上是把经常用到的代码套路，归纳总结后系统的表达出来。 设计模式好处有以下几点： 为开发人员对代码的阅读和编写提供一种指导思想； 提高开发人员自身的代码质量，提高对其他框架和库源码阅读的能力； 网络上流行的”23种设计模式”是静态语言在生 阅读全文
摘要：
webpack官网 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或 阅读全文
摘要：
每个系列通过 type 决定自己的图表类型： type: 'bar'：柱状/条形图 type: 'line'：折线/面积图 type: 'pie'：饼图 type: 'scatter'：散点（气泡）图 type: 'effectScatter'：带有涟漪特效动画的散点（气泡） type: 'rada 阅读全文
摘要：
<!-- 1. JSX 语法的转化过程 --> JSX 仅仅是 createElement() 方法的语法糖（简化语法） JSX 语法被 @babel/preset-react 插件编译为 createElement() 方法 React 元素：是一个对象，用来描述你希望在屏幕上看到的内容 JSX 阅读全文
摘要：
浏览器从输入地址到页面输出 主要流程 DNS原理 DNS（Domain Name Server）用来返回某个域名对应主机的ip的服务器 根DNS （.） 只负责提供各类顶级DNS服务器ip地址. 是域名解析的入口. 顶级DNS (TLD, Top Level Domain) 负责提供二级域名的DNS 阅读全文
摘要：
web安全 浏览器端防御 xss 什么是 XSS Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据 阅读全文
摘要：
###渲染进程是多线程的： GUI渲染线程 o 负责渲染浏览器界面，解析HTML，CSS，构建DOM树和RenderObject树，布局和绘制等。 o 当界面需要重绘（Repaint）或由于某种操作引发回流(reflow)时，该线程就会执行 o 注意，GUI渲染线程与JS引擎线程是互斥的，当JS引擎 阅读全文
摘要：
1, HTMLElement 和 Element <div id="divClick"></div> const docu = document.getElementById('divClick'); const docu1 = document.querySelector('#divClick') 阅读全文
摘要：
主要是写了一个大体的思路,需微调整 import Compressor from 'compressorjs' import {satrtUpload,satrtBinaryUpload,remuseUpload, remuseBinaryUpload} from serviceData // 转b 阅读全文
摘要：
## 1.概述 1. React Router 以三个不同的包发布到 npm 上，它们分别为： 2. react-router: 路由的核心库，提供了很多的：组件、钩子。 3. **react-router-dom:** 包含react-router所有内容，并添加一些专门用于 DOM 的组件，例如 阅读全文
摘要：
# 3. 手写组合API ## 1) shallowReactive 与 reactive ```js const reactiveHandler = { get (target, key) { if (key '_is_reactive') return true return Reflect.g 阅读全文
摘要：
1.节流 throttle API _.throttle(func, [wait=0], [options={}]) func (Function): 要节流的函数。 [wait=0] (number): 需要节流的毫秒数。 [options={}] (Object): 选项对象。 [options 阅读全文
摘要：
1. 开始使用vue-pdf这个插件, 发现它只适用于页码小的文件, 文件大了容易卡顿奔溃 (建议小文件使用,比较方便) 2. 然后做优化, 在包裹pdf显示外层div添加滚动事件, 初始渲染的页数不要显示总页数，可以自己定义设置想要的页数如初始显示10页，显示少一些卡顿有效缓解, 监听滚动做分页功 阅读全文
摘要：
1. Alert.vue <template> <div v-if="isShow"> <div class="ui dialog-overlay" /> <div class="dialog_pop"> <div v-if="isTitleText" class="pop_tit"> <h3 v- 阅读全文
摘要：
1. 打开窗口即最大化 self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) 2. 自定义窗口方法 // url String 域名 // title String 标题 // w String 宽度 // h St 阅读全文
摘要：
1. 引入转换js文件: import calendarFormatter from '@/common/dateChange.js' 2. 公历转农历: let nongli = calendarFormatter.solar2lunar(2020,5,26); console.log(nongl 阅读全文
摘要：
vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建 vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 pa 阅读全文
摘要：
前言：开发过程、测试过程、生产过程使用的接口地址不能，还有执行的操作可能也不一样，也就需要实现配置好开发环境、测试环境、生产环境，需要什么环境下的配置直接使用即可。 1、根目录下新建文件：.env.development（开发环境）、.env.test（测试环境）、env.gray (灰度环境)、. 阅读全文
摘要：
1.require.context() 1.场景:如页面需要导入多个组件,原始写法: import titleCom from '@/components/home/titleCom' import bannerCom from '@/components/home/bannerCom' impor 阅读全文
摘要：
Vue 中使用 JSX 1.开始 在 Vue 中使用 JSX，需要使用 Babel 插件，它可以让我们回到更接近于模板的语法上 // 安装依赖： npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props // 配置 阅读全文
摘要：
演进史 首先我们来说一下前端 icon 的发展史。 远古时代 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background 阅读全文
摘要：
1 vue 虚拟dom 虚拟dom简单来说就是一个普通的JavaScript对象，包含tag，props，children三个属性。。。 <div id="app"> <p className="text">lxc</p> </div> // 上边的HTML代码转为虚拟DOM如下： { tag:"d 阅读全文