小聪拌豆腐

WebP 的优势体现在它具有更优的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量；同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性，在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。无损webp相比png减少26%大小。 从4…

当元素的尺寸、结构或触发某些属性时，浏览器会重新渲染页面，称为回流。此时，浏览器需要重新经过计算，计算后还需要重新页面布局，因此是较重的操作。会触发回流的操作: 回流必定触发重绘，重绘不一定触发回流。重绘的开销较小，回流的代价较高。

1. 用户输入 beforeunload 事件允许页面在退出之前执行一些操作，比如数据清理，还可以询问用户是否要离开当前页面。 2. URL 请求过程 首先，会查找本地缓存是否缓存了想要请求资源。 如果在缓存中没有查找到资源，那么直接进入网络请求流程。 这请求前的第一步是要进行…

如果采用rem布局,初始化根元素的字体大小，设计图中测量的宽度或者高度除以 100.

最近在搞移动端活动页面的优化，其中涉及到图片的优化部分，想着可以试试webp,虽然webp已经诞生了很久的时间，但是鉴于它的兼容性，很多项目也都没有看到它的身影。 至于图片有哪些格式，哪种格式有什么样的特性，在这里就不一一赘述了，开始正题。

因为组件是可以复用的,JS 里对象是引用关系,如果组件 data 是一个对象,那么子组件中的 data 属性值会互相污染,产生副作用。 所以一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。new Vue 的实例是不会被复用的,因此不存在…

他们都各自买了两对黑袜和两对白袜，八对袜了的布质、大小完全相同，而每对袜了都有一张商标纸连着。两位盲人不小心将八对袜了混在一起。 他们每人怎样才能取回黑袜和白袜各两对呢？ 你有一桶果冻，其中有黄色，绿色，红色三种，闭上眼睛，同时抓取两个果冻。抓取多少个就可以确定你肯定有两个同一…

该script标记会向http://blog.ambergarden.com/someData发送一个GET请求。在数据返回到客户端后，some_func()函数将会被调用。当然，这种方法拥有一个显著的缺点，那就是 只支持GET 操作。 持续补充完善中。。。

vue-cli3.0构建的项目，开发过程中，可能会遇到内存溢出的情况，改动一点代码，代码编译，进程就会断掉，报JavaScript heap out of memory 内存溢出的错误，也从网上查了一些资料，总结的也不是很全，经过一番折腾，终于搞定了，因此整理一下，方便遇到类似…