小雨小雨

我们平常对于需要请求加载的内容，可能用的比较多的是loading动画，比如在内容区域放一个菊花图，当请求结束，并且render tree构造完成后，将菊花图移除，展示用户想看的内容。虽然这种方式没啥缺点，但是现在更多的网站开始使用骨架屏代替，因为它能带过来更好的用户体验。 上图…

如果判断的属性存在于 Object 对象的原型内，不管它是否可枚举都会返回 false。

jwt：将用户id.payload.签证进行加密，并且注入到客户端cookie，之后每次请求会在服务端解析该cookie，并获取对应的用户数据，由于存在客户端，所以解放了服务端，减少服务端压力。也可以将该cookie放到根域名下，这样就可以登录一次，遍地开花。 可以看到，常见的…

prettier+eslint重置vscode的配置，采用.prettierrc文件编写eslint规则和.eslintignore添加package.json的lint相关的命令增加prettier

webpack4放弃了 commonsChunkPlugin，使用更方便灵活智能的 splitChunks 来做分包的操作。 如果shared提交小于30kb，webpack不会特意提出来，webpack认为如果仅仅为了减少下载体积的话，这样做是不值得的。 minSize代表最…

概述下上面打包后的代码，是一个立即执行函数，接受的参数是一个对象，对象的key为引入的模块路径，对应的value为导出的内容，不过babel会根据ejs or cjs来进行不同的适配导出。 我们有以下几个文件，内容都很简单。 通过webpack打包后的输出内容我们只取上面iif…

移动端适配，老生常谈的问题，这次再谈一次。 闲话少说，直奔正题。 在js中可以通过window.devicePixelRatio获取当前设备的dpr。 在1dpr的屏幕上，位图像素和物理像素一一对应没什么问题，但是在retina屏上，由于一个px由4个甚至更多的物理像素组成，并…

那么，为什么要做这种优化呢？上面的流程图就是原因：首先解析html生成dom树，同时解析css生成css树，之后结合两者生成渲染树，然后渲染到屏幕上。不但如此，如果css后面有其他javascript，并且css加载时间过长，也会阻塞后面的js执行，因为js可能会操作dom节点…

但是，这里有个问题，如果用户输入的是空格，那么边框颜色也会发生改变。 原理上看，这种表现是正常的，因为输入框确实有了内容。 这里不能使用:invalid，因为有required字段，即使我们什么也不做，输入框也会有非正确状态的样式提示，这很奇怪。 上面的内容就是如何只用css来…