摘要：
提示： 将使用到的 canvas 写成了一个组件，可以直接在项目中引入并使用 在使用该组件时需要传递两个参数: graphPoints = [[0, 0], [100, 0], [100, 100], [0, 100]] circlePoints = [50, 50] 3. 包含了 组件加载时的渲染 阅读全文
摘要：
1. 为什么使用 CSS Modules？ 在 React 中，如果你直接在文件中引入 index.css，当父组件和子孙组件的 class 属性相同时，那么会发生 CSS 样式覆盖的问题。如果解决样式覆盖的问题呢？ 使用 BEM 来解决命名冲突，人为手动为每个 class 属性起一个唯一的名字 使 阅读全文
摘要：
1. js 中二进制和十进制的相互转换： var num = 10; num.toString(2); // 十进制转二进制 num.toString(8); // 十进制转八进制 num.toString(10); // 十进制转十进制 num.toString(16); // 十进制转十六进制 阅读全文
摘要：
1. 示意图 2. 代码实现 var numberToBinary = function(num) { if (num < 0) { return num; } // 整数类型的位数 var number_bit = 32; var result = ''; for (var i = number_ 阅读全文
摘要：
React 服务器端渲染，配置 CSS Module 的 webpack 打包编译，出现了已经警告，提示说服务器端的 className 和 客户端打包编译之后的 className 不一致 报错情况如下图所示： 服务器端 CSS 的 webpack 配置 { module: { rules: [ 阅读全文
摘要：
在一个区域内，只允许部分区域产生滚动的效果，其余部分不能移动，俗称内滚动 1. 实现步骤： （1） 只显示一屏的内容 a. 固定页面各个区域布局的高度，如： .header { height: 50px; } .footer { height: 50px; } /*内滚动区域的高度*/ .conte 阅读全文
摘要：
1. 模块的版本 "css-loader": "^6.3.0", "isomorphic-style-loader": "^5.3.2", "style-loader": "^3.3.0" 2. 客户端 CSS 的 webpack 配置 { module: { rules: [ { test: /\ 阅读全文
摘要：
npm 和 yarn 是目前非常流行的 NodeJS 包管理器。 以下是个人使用包管理器的记录，该用 npm 还是用 yarn 还是应该按照自己的来。 ##1. npm 相关 设置 国内镜像 来提升下载速度 查看当前镜像 npm config get registry 提升下载速度-设置国内镜像-淘 阅读全文
摘要：
由于工作需求，我需要将 js 的时间转换成 yyyy-MM-dd HH:mm:ss 的格式，但是 JavaScript 的标准库没有时间格式化的操作，我在 MDN 的 JavaScript 标准内置对象 > 日期对象 找到最接近我需要的，就是以下三个方法： toLocaleDateString() 阅读全文
摘要：
在做网站时，由于数据不能一下子全部加载出来，因此在滚动条滚动到某一个位置时，就向后端发送请求，请求新的数据。这就是通过滚动加载数据。 一 滚动加载 在做滚动加载的时候有两点需要注意的地方： 设定滚动条滚动到某个位置，然后发起请求 如何保证加载数据的时候，不会出现重复加载的问题 （一） 设定滚动条滚动 阅读全文