摘要：
1.Webpack插件机制 上一篇提到的webpack的loader可以用来加载资源，包括各种css，图片文件资源，实现打包文件的功能，而webpack的插件则起到了加强webpack的作用，可以完成一些自动化的工作，比如自动清楚dist目录，自动生成html等等工作。有了插件的webpack基本可 阅读全文
摘要：
1.问题场景 有100亿个url被加入了黑名单，现在提供一个url要去判断是否属于黑名单。也就是一个很简单的一个东西是否属于一个集合的问题。 一般来说用set就能解决这种问题，但是由于url数目太多，内存中无法开辟一个这么大的空间去存放所有url，这个时候就需要我们去使用一种结构，去减少状态信息存储 阅读全文
摘要：
打包工具解决的是前端整体的模块化，不只是局限于js的模块化，打包工具需要完成的功能有：1.模块打包：完成多个模块的打包，将多个模块的js文件打包到一个js里面。2.loader转换： 以webpack为例，可以使用loader完成格式的转换，改善兼容性问题。 3.代码拆分：可以拆分不同模块的代码，没用到的代码，实现异步加载，渐进式加载。4.可以以模块化的方式载入各种类型的文件，比如import一个css文件 阅读全文
摘要：
1.为什么需要模块化 随着前端应用的日益复杂，我们的项目代码已经逐渐膨胀到了不得不花大量时间去管理的程度了。而模块化就是一种最主流的代码组织方式，它通过把复杂的代码按照功能的不同划分为不同的模块单独维护，从而提高开发效率、降低维护成本。模块化可以使你能够更容易地重用代码。你可以创建一个模块来完成一个 阅读全文
摘要：
前端实现复制文字和图像并不困难。本文主要介绍了两大类复制相关API，一是document.execCommand()，二是clipboard 相关api。通过举例讲解了这些api的使用和功能的实现 阅读全文
摘要：
1. Flex布局与响应式布局 1.1 为什么需要响应式布局？ 在电脑PC端，使用浮动，定位同时使用像素px单位就可以完成大部分布局，而且布局完之后不会有大问题，但是到了移动端，移动设备的屏幕尺寸多种多样，从小屏幕的智能手机到大屏幕的平板电脑，甚至是可穿戴设备，简单地运用和PC端一样的方式就会出现一 阅读全文
摘要：
1. React组件定义 1.1 函数组件（Function Components） 函数组件是一种简单的定义组件的方式，通过一个JavaScript函数来定义组件。函数接收一个props对象作为参数，并返回一个React元素作为输出。 1 <!-- 准备好一个“容器” --> 2 <div id= 阅读全文
摘要：
1.1 React介绍 1.1.1. 官网 英文官网: https://reactjs.org/ 中文官网: https://react.docschina.org/ 1.1.2. 介绍描述 用于动态构建用户界面的 JavaScript 库(只关注于视图) 由Facebook开源 1.1.3. Re 阅读全文
摘要：
在遇到棋盘或者地图等问题时，常常需要构造一个二维数组。以棋盘为例，需要大量的0（或者其他相同的默认数值）来组成棋盘的基本结构，而数组中非0值的位置却很少。为了节省空间，可以用稀疏数组来存储相应信息。 稀疏数组是一个3列的二维数组，稀疏数组的第一行总是存储原来二维数组的行列和有效值的信息。分别是： 第 阅读全文
摘要：
java中I/O操作主要是指使用‘java.io‘包下的内容，进行输入（Input）、输出(Output)操作。 输入：读取数据 输出：写入数据。 流：数据（字符、字节） 根据数据的流向可以分为2类 输入流：数据从其他设备读取到内存上的流 输出流：数据从内存写出到其他设备上的流 一切文件数据（图片， 阅读全文