摘要：
之前经常的做法就是看是否能整除2 function isEven(num) { return num % 2 == 0; } 今天学到了一个新的方法，根据与运算来计算 var isEven = function(num) { return !(num & 1); }; 刚开始看的时候没懂，&怎么就能 阅读全文
摘要：
之前调试node代码简单粗暴，直接在代码打印日志，控制台观察日志，效率低下~ 原来后端node代码也可以通过Chrome断点调试，以下是调试方法。 （1）找到node启动的进程 （2）根据第一步查到的进程号4323，执行以下命令，建立进程与调试工具的连接 （3）控制台出现绿色按钮，点击绿色按钮，打开 阅读全文
摘要：
报错信息： Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead. 问题原因：webpack 4版本废弃了 webpack.opt 阅读全文
摘要：
关键词： 1. draggable：规定元素是否可拖动的，draggable=true可拖动 2. dataTransfer：拖拽对象用来传递的媒介，使用方式：event.dataTransfer 3. ondragstart：拖拽元素被拖拽时触发的事件，作用于被拖拽元素 4. ondragente 阅读全文
摘要：
防抖： 适用于input输入框格式验证、联系词等。待用户停止输入一段时间再发生请求，避免频繁请求。 实现细节：debounce返回一个function，关键点在于clearTimeout，如果用户不停输入，就会一直执行clearTimeout，导致fn无法执行。只有用户停止x时间后，才会开始执行fn 阅读全文
摘要：
transfrom transform是静态属性，非动画属性，和margin-left、margin-top类似。 translate：平移，类似position:relative;translate()分三种情况： translate(x, y) // 水平、垂直方向移动 translateX(x 阅读全文
摘要：
localstoragesessionsoragecookie 大小 浏览器不能保存超过300个cookie，单个服务器不能超过20个，每个cookie不能超过4k 可以达到5M 可以达到5M 是否发送到服务器 请求会带上cookie信息发送到服务器，服务器端可修改cookie 不会发送到服务器 不 阅读全文
摘要：
html结构： 一. 子元素绝对定位，left和top都设置为50%，再设置margin-left和margin-top为-1/2宽度、-1/2高度。此种情况适用于宽度高度固定的情况 二. transform，原理同方法一，此种方法可用于宽度高度不固定的情况 三. flex布局，父元素设置两条轴上居 阅读全文
摘要：
实现布局：左侧固定，右侧自适应 一. flex布局 html： css： 二. html同上 css： 三. 类似圣杯布局 html同上 css： 四. 类似双飞翼布局 html: css： 阅读全文
摘要：
一. 允许HTML和JavaScript代码混写，使用JSX语法：遇到HTML标签就用HTML规则解析，遇到{}的代码块就用js解析 二. createClass用于生成组件类 （1）组件类都有一个render方法用于输出组件 （2）组件类第一个字母必须大写 （3）组件类只有一个顶层标签 （4）组件 阅读全文