286 字 1 分钟

# 链接本地文件的方式 # npm link 1、带有 package.json 文件的文件夹内运行：npm link ，即可在用户全局中创建该文件夹的全局链接。 2、在需要使用文件的地方执行：npm link 文件名，注意文件名是 package.json 中的 name 字段值。 # file 路径 在需要使用的 package.json 的 dependence 中添加：文件名："file: ...."，添加上 file 路径指向本地文件。 # 区别： 两种方式的区别在于如果项目较为简单，使用 file:...
3.4k 字 3 分钟

# modules 模块化 # 模块化的优点： 可维护性、可复用性。 # 模块化的发展 1、ES6 之前没有模块化时，浏览器环境需要使用 script 进行引入 js 文件 2、后来使用全局变量 + 命名空间（namespace）处理，就是使用 IIFE 自动执行函数创建一个函数作用域，赋值给一个全局变量。 这样做的缺点是：依赖于全局变量，污染全局变量，不安全。 依赖于约定命名空间来避免冲突，可靠性不高。 需要手动管理依赖并控制执行顺序，容易出错。 需要在最终上线前手动合并所有用到的模块。 3、node 端模块系统：Common.js，缺点是浏览器端无法使用 4、AMD...
811 字 1 分钟

# TDD (test drive development) 测试驱动开发 # 测试驱动开发的口号： 测试先行 # 测试驱动开发的目标： 保证代码的简洁可用 # TDD 的规则 在 TDD...
244 字 1 分钟

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

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

# 5-6 容器化运维操作 日趋复杂的运维开发环境，对虚拟服务器及应用服务的要求更加的多元化。我们需要更加容易扩展、性能优越、方便监控的管理服务，容器化应用、容器化运维应运而生。 【知己知彼】你将在学习本课程中学习到： 理解 / 安装 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) =>...
362 字 1 分钟

# 集中式版本管理 集中式版本管理依赖于单一的中央服务器来存储所有项目的源代码、历史记录和版本信息。 集中式版本管理适合需要严格权限控制和单一数据中心管理的场景，但依赖于网络连接和中央服务器的稳定性。 # 分布式版本管理 分布式版本管理系统是一种代码管理工具，它允许每个开发者拥有代码仓库的完整本地副本，而不仅仅是中央服务器上的一个单一版本。这种系统的设计哲学是去中心化的思想. 分布式版本管理适合大型项目和多团队协作，提供更高的灵活性和灾难恢复能力，但需要更多的本地资源和网络带宽。 git 是目前最先进的分布式版本控制系统，易学习，占用内存小，速度快等特点 #...