摘要：
对于前端来说，最重要的莫过于用户体验了，这次我们聊一聊骨架屏 Skeleton Screen 我们平常对于需要请求加载的内容，可能用的比较多的是loading动画，比如在内容区域放一个菊花图，当请求结束，并且render tree构造完成后，将菊花图移除，展示用户想看的内容。虽然这种方式没啥缺点，但 阅读全文
posted @ 2019-12-10 09:35
小雨小雨丶
阅读(765)
评论(0)
推荐(0)
摘要：
缘由 今天看到一段代码 心生疑惑，为什么 Object.assign 的参数可以是函数？ 于是有了下面这一堆东西，其实都是老生常谈的东西，可能是岁数大了吧，有些片段都快丢失了，哈哈 prototype js 中 万物皆是对象！！！ proto （隐式原型）与 prototype（显式原型） 对象具有 阅读全文
posted @ 2019-12-09 15:18
小雨小雨丶
阅读(545)
评论(0)
推荐(0)
摘要：
cookie是什么： cookie是由web服务器保存在用户浏览器（客户端）上的小文件，它可以包含用户信息，用户操作信息等等，无论何时访问服务器，只要同源，就能携带到服务端 常见方式 1. 一般：请求一个接口，返回是否登录，如果登录成功，服务器(set cookie)设置cookie到浏览器，以后请 阅读全文
posted @ 2019-12-06 09:38
小雨小雨丶
阅读(765)
评论(0)
推荐(0)
摘要：
prettier + eslint 1. 重置 vscode 的配置，采用.prettierrc 文件 2. 编写 eslint 规则和.eslintignore 3. 添加 package.json 的 lint 相关的命令 4. 增加 prettier eslint cli，配置 format 阅读全文
posted @ 2019-12-05 09:13
小雨小雨丶
阅读(324)
评论(0)
推荐(0)
摘要：
概述下上面打包后的代码，是一个立即执行函数，接受的参数是一个对象，对象的key为引入的模块路径，对应的value为导出的内容，不过babel会根据ejs or cjs来进行不同的适配导出。 iife函数内为： 1. installedModules 闭包环境缓存模块对象 2. __webpack_r 阅读全文
posted @ 2019-12-04 15:43
小雨小雨丶
阅读(422)
评论(0)
推荐(0)
摘要：
有没有办法只通过css来确定input标签是否有输入？ 我有这个想法是因为我想完成一个自动补全的input部件，最基本的功能是： 如果input没有内容，这隐藏下拉框 反之，显示下拉框 我找到了一个也许不是很完美的实现方案，描述中可能会有一些细微的区别，不过我还是很希望能做这个简单的分享 首先，我们 阅读全文
posted @ 2019-12-04 15:42
小雨小雨丶
阅读(1937)
评论(0)
推荐(1)
摘要：
移动端适配，老生常谈的问题，这次再谈一次。 闲话少说，直奔正题。 一些像素概念 1. 物理像素：即实际的每一个物理像素，也就是移动设备上每一个物理显示单元（点） 2. 设备逻辑像素（css中的px）：可以理解为一个虚拟的相对的显示块，与物理像素有着一定的比例关系，也就是下面的设备像素比 3. 设备像 阅读全文
posted @ 2019-12-04 15:41
小雨小雨丶
阅读(570)
评论(0)
推荐(0)
摘要：
原理： 首先我们了解一下页面的基本渲染流程（ "参考" ）： webkit渲染过程： Gecko渲染过程: 那么，为什么要做这种优化呢？上面的流程图就是原因：首先解析html生成dom树，同时解析css生成css树，之后结合两者生成渲染树，然后渲染到屏幕上。不但如此，如果css后面有其他javasc 阅读全文
posted @ 2019-12-04 15:40
小雨小雨丶
阅读(490)
评论(0)
推荐(0)
摘要：
webpack4放弃了 commonsChunkPlugin，使用更方便灵活智能的 splitChunks 来做分包的操作。 下面有几个例子，并且我们假设所有的chunks大小至少为30kb(采用splitChunks默认配置) vendors 入口 chunk a: react react dom 阅读全文
posted @ 2019-12-04 15:39
小雨小雨丶
阅读(1805)
评论(0)
推荐(0)
摘要：
使用lerna管理你的项目 有段时间没更新博客了，是时候更新一波了。 之前不是vue next出了吗，然后就去学习了一下，发现整个目录不是那么熟悉了，变成这样了: 于是就这个线索去研究了一下，发下这是用的 lerna + yarn 的架构，不仅vue，包括jest，babel等都是用的这类架构，他们 阅读全文
posted @ 2019-12-04 15:38
小雨小雨丶
阅读(822)
评论(0)
推荐(0)
浙公网安备 33010602011771号