243 1 分钟

# 图片上传预览 业务中经常有上传图片的需求在,有时我们需要去尽快预览要上传的图片,此时会有两种常见的方法: # URL.createObjectURL 直接返回,同步执行,会为图片文件创建一个地址,存储在 document 中,并且不会被垃圾回收机制所回收。清除方式只有 unload 事件或 revokeObjectURL 进行手动清除。 # FileReader.readAsDataURL 通过回调的形式返回,异步执行,将图片文件转为 base64 格式,可以通过链接形式直接引用,会依据垃圾回收机制进行回收,
46k 41 分钟

# 5-3 自动化测试 # 介绍 在前端界,浏览器兼容性是让工程师们头疼的问题,对于经验丰富的人来说,很清楚浏览器有哪些坑,但是对于大部分程序员,最可怕的是代码明明在这个浏览器运行得很好,但是到了另一个浏览器中就不能正常运行了。对于这部分的程序员,保障代码能正常运行的方法便是能尽早发现问题,然后将其解决。 前端项目如何做测试? 测试同学:功能测试,性能测试,测试用例 前端同学:单元测试,常用于组件库、AP 等 (Jest、Mocha), 上线项目如何做测试? 上线项目如何进行测试 利用前端监控,进行监控项目稳定性和性能,并上报前端日志 稳定性:如...
11k 10 分钟

# 容器化运维操作 日趋复杂的运维开发环境,对虚拟服务器及应用服务的要求更加的多元化。我们需要更加容易扩展、性能优越、方便监控的管理服务,容器化应用、容器化运维应运而生。 【知己知彼】你将在学习本课程中学习到: 理解 / 安装 docker 容器技术 秒级快速部署 mysql、nginx、tomcat 等服务 使用容器技术发布 nodejs 应用 … 【工欲善其事,必先利其器】你需要准备的环境(三选一): Linux 环境 (Centos 7 以上 / Debian 8 以上 / Ubuntu 16.04LTS 以上版本) Windows 64 位专业版 / 企业版 / 教育版...
1.7k 2 分钟

# 环境 Centos 7.4 JDK 1.8 # 主要步骤 以下包含相关所有的步骤,可根据现有环境进行跳过 安装 JDK 安装 Centos Jenkins 和 Github 配置 配置任务 # 安装 JDK Jenkins 需要 JDK 才可以运行,我们首先安装 JDK # 下载 下载链接查看地址 首先点击 Accept License Agreement,选择 Linux 对应版本 注若想要直接获取下载链接,使用 wget 进行下载是不行的,我们可以先点击链接进行下载,然后在 chrome 中的下载任务中查看下载链接进行复制。 cd /usr/local/src wget...
1.7k 2 分钟

# serviceWorker.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
6.5k 6 分钟

# React 理念 # react 理念 React 被设计用于 JavaScript 构建快速响应的大型 Web 应用程序。 由此可见, 快速响应 是 react 框架的关键 # 难点限制 需要解决快速响应的难点就要解决以下两种限制: CPU 的瓶颈 遇到大量计算操作时,页面掉帧导致卡顿 function App() { const len = 3000; return ( <ul> {new Map(len).fill(0).map((item, index) =>...
5.2k 5 分钟

# 引言 首先我们知道 JS 中是没有并行,并发等概念的,这是因为 JS 是一门单线程的语言,其中的异步执行也是利用事件循环机制进行的,并不是严格意义上的异步。由于 JS 单线程的特性,使得 JS 在执行时如果遇到大量的任务就会使得过程运行缓慢。主渲染线程的延迟明显,使得用户体验较差. # web-worker web-worker 的作用就是用来缓解这一问题的 利用 web-worker, 我们可以利用浏览器新开辟一个进程,将需要大量执行的过程在这个进程中执行,然后将结果返回给我们的主进程即可. # 使用示例 # worker.html <!DOCTYPE...
57 1 分钟

# 正则理念 # 两种模糊匹配 如果正则只有精确匹配是没有多大意义的 (匹配的是固定的结果) 正则表达式就强大在能实现模糊匹配
43k 39 分钟

# 05 【nodejs 内置模块(上)】 # nodejs 的官方 API 文档 Node.js 的 API 文档(英文): https://nodejs.org/docs/latest-v8.x/api/index.html Node.js 的 API 文档(中文):http://nodejs.cn/api/ 关于 Node.js 的内置模块和常见 API,可以看官方文档。 查阅文档时,稳定指数如下: 红色:废弃。 橙色:实验。表示当前版本可用,其他版本不确定。也许不向下兼容,建议不要在生产环境中使用该特性。 绿色:稳定。与 npm 生态系统的兼容性是最高的优先级。 #...
8.1k 7 分钟

# 一、缓存 # 1、定义 # 凡是为于速度相差较大的两种硬件之间,用于协调两者数据传输速度差异的结构,均可称之为 Cache (电脑高速缓冲存储器) 缓存的存在是为了解决 CPU 和内存之间存取速度的差异的 内存中被 CPU 访问最频繁的数据和指令会被复制到 CPU 的缓存中(这其中的 “频繁” 是由专门的算法来定义的 这样 CPU 就不用去很慢的内存中读取需要的数据和指令了 # 2、被扩充概念 # 如今缓存的概念已被扩充 CPU 与 主内存 之间 (就我们常说的缓存) 内存 与 磁盘 之间 (磁盘缓存) 硬盘 与 网络之间 (称为 Internet...