摘要：
常见定位方案 在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案: 普通流 (normal flow) 在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行， 阅读全文
摘要： 
前言 近期对自己负责的项目进行优化，但 webpack 这块一直有着茫然的不熟悉，本着对 webpack 打包配置及项目优化的进一步理解和学习，所以记录下自己学习的流程，加深印象，有深入的理解后再进行补充。另外，对不同版本的 webpack（比如 webpack4 和 webpack5），在一些配置 阅读全文
前言 近期对自己负责的项目进行优化，但 webpack 这块一直有着茫然的不熟悉，本着对 webpack 打包配置及项目优化的进一步理解和学习，所以记录下自己学习的流程，加深印象，有深入的理解后再进行补充。另外，对不同版本的 webpack（比如 webpack4 和 webpack5），在一些配置 阅读全文
摘要： 
浏览器 network 中 Finish、DOMContentLoaded 和 Load 释义说明 1. DOMContentLoaded and Load DOMContentLoaded: DOM 树构建完成。即 HTML 页面由上向下解析 HTML 结构到末尾的封闭标签</html> Load 阅读全文
浏览器 network 中 Finish、DOMContentLoaded 和 Load 释义说明 1. DOMContentLoaded and Load DOMContentLoaded: DOM 树构建完成。即 HTML 页面由上向下解析 HTML 结构到末尾的封闭标签</html> Load 阅读全文
摘要： 
path 中方法使用及 __dirname 和 __filename 一、__dirname 和 __filename 1. 概念 1. __dirname 可以用来动态获取当前文件所属目录的绝对路径 2. __filename 可以用来动态获取当前文件的绝对路径，包含当前文件 // __dirna 阅读全文
path 中方法使用及 __dirname 和 __filename 一、__dirname 和 __filename 1. 概念 1. __dirname 可以用来动态获取当前文件所属目录的绝对路径 2. __filename 可以用来动态获取当前文件的绝对路径，包含当前文件 // __dirna 阅读全文
摘要： 
node koa2 初体验 时隔 8 个月，经历一番 chuozhe，我又回来了... 一、koa2 初识 1. Think 之前一直用 node 的 express，没有太多框架封装的东西，需要自己手撸 sql 语句，配合 mysql 依赖包进行数据库的连接会话及读写操作。但框架封装的东西少了，自 阅读全文
node koa2 初体验 时隔 8 个月，经历一番 chuozhe，我又回来了... 一、koa2 初识 1. Think 之前一直用 node 的 express，没有太多框架封装的东西，需要自己手撸 sql 语句，配合 mysql 依赖包进行数据库的连接会话及读写操作。但框架封装的东西少了，自 阅读全文
摘要： 
vue-cli3.x多页面配置 一、前言 1. 单页面（SPA Single-Page-Application） （1）入口：单页面只是一张 Web 页面的模式，只有一个 html 文件，整个项目只有一个入口文件。 （2）资源加载：单页面应用的资源只在开始初始化进入的的时候加载一次（属于全局加载使用 阅读全文
vue-cli3.x多页面配置 一、前言 1. 单页面（SPA Single-Page-Application） （1）入口：单页面只是一张 Web 页面的模式，只有一个 html 文件，整个项目只有一个入口文件。 （2）资源加载：单页面应用的资源只在开始初始化进入的的时候加载一次（属于全局加载使用 阅读全文
摘要： 
File、Blob、dataURL 和 canvas 的应用与转换 一、 概念介绍 1. File (1) 通常情况下， File 对象是来自用户在一个 <input> 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象，或者来自 HTMLC 阅读全文
File、Blob、dataURL 和 canvas 的应用与转换 一、 概念介绍 1. File (1) 通常情况下， File 对象是来自用户在一个 <input> 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象，或者来自 HTMLC 阅读全文
摘要： 
一、实现效果 选择本地 pdf 文件上传，会生成 pdf 文件的预览，点击保存功能。 二、所用插件 pdf文件相关的文件处理插件：pdfjs-dist@2.3.200 zip压缩文件相关的包： jszip@3.5.0 文件保存下载相关的包：file-saver@2.0.2 三、相关代码 vue 中测 阅读全文
一、实现效果 选择本地 pdf 文件上传，会生成 pdf 文件的预览，点击保存功能。 二、所用插件 pdf文件相关的文件处理插件：pdfjs-dist@2.3.200 zip压缩文件相关的包： jszip@3.5.0 文件保存下载相关的包：file-saver@2.0.2 三、相关代码 vue 中测 阅读全文
摘要： 
一、WebSocket 理解 概念： WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 特点： WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成 阅读全文
一、WebSocket 理解 概念： WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 特点： WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成 阅读全文
摘要： 
一、Java中的面向对象与继承 下面代码中，我们定义了一个小狗类，在类中定义了一个属性和两个方法，一个构造方法用于初始化小狗的年龄 age，一个公有方法 say 用于打印。 public class Puppy{ int puppyAge; public Puppy(age){ puppyAge = 阅读全文
一、Java中的面向对象与继承 下面代码中，我们定义了一个小狗类，在类中定义了一个属性和两个方法，一个构造方法用于初始化小狗的年龄 age，一个公有方法 say 用于打印。 public class Puppy{ int puppyAge; public Puppy(age){ puppyAge = 阅读全文