魔力叉烧包!

您的好友魔力叉烧包已上线

webpack打包速度优化

看了一些文章,还有实际使用中,总结一下webpack1的可以使用happypack其他可以尽量升级webpack和打包用的依赖项升级到最高版本删除废弃的引用包不要为了小功能使用大号的依赖不要同时使用 babel-runtime 和 babel-polyfill慎用css-moduleDedupePlugin, OccurrenceOrderPlugin(npm2&webpack1)e......

2017-9-8

昨天又遇到了静态资源出不来的问题,不过这次报的错ERR_EMPTY_RESPONSE我就说先看看磁盘满了没有嘛(:з」∠)不理我结果果然是转发oss那台满了…...

require别名(alias)HACK解析

前言上一篇中我们已经探讨了一下如何在node之中使用别名require模块,里面提到了几种HACK方法,这里来解释一下是通过什么原理hack的。module模块其实吧,读过module的源码就懂了…因为require是靠module模块实现的,所以几种hack方式都是依靠hack module模块来搞的。 因为很多人都有分享过module源码的解析,所以下面就不讲累赘的内容了 (以下用的......

使用node时为require设置别名(alias)

前言由于本包包是个很懒惰的人,然后我们有些个项目设计的不是很好,所以导致写代码的时候有很多这样的代码:1require('../../../../../../foo.js');写的时候数那个小点点感觉人都要死了😤这种时候如果写node能像用了webpack(and so on)那样能够require别名就好了。 比如这样:1require('modules/foo.js');于是我......

关于inline-block和line-height

前言最近在看关于inline-block布局产生间隙的原因,顺下去就慢慢看到line-height相关的东西,下面就整理了一下看的东西整理line-heightline-height设置为百分比或明确的像素(如100%或20px),行高会被继承下来,继承的是计算值,与之后设置的字号无关(如body设置了font-size:12px,line-height:200%,则继承的行高都是24px)......

八月问题单总结

最近都没在更博(:з」∠) 但是来总结一下这段时间(我还记得的)发生过的问题throw errnoException(err, ‘spawn’); Error: spawn EACCES这是有个项目一直只在公司的win上面开发,虽然是用git管理的,但是最近一次有急需才clone到mac上来继续开发, 然后打包项目的时候就遇到了这个报错。总之,发现其实是权限的问题,解决方案在项目的root路......

display、position和float的关系

【翻译自W3C】display,positon和float这三个属性都会影响盒子模型和布局, 他们的关系影响如下:如果display的值设为none,那么position和float不会被应用。这种情况下,元素不会生成盒子。如果position如果值设为absolute或fixed,被定位后的盒子会将float计算为none,display会按照下表表现。 如果该盒子定义了top、right......

解决input[type=file]打开时慢、卡顿问题

昨天临下班测试给我问我为什么图片上传插件打开文件夹的速度这么慢,让我想办法优化一下 然后我就努力的搞了起来(:з」∠)由于我们内部系统不兼容ie,所以我就没有管ie,在浏览器里面玩了起来经过测试发现,在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题在windows里面,Firefox不卡顿,只有Chrome卡顿。然而,这个插件是从另一个项目里......

WEB缓存探究第三弹——为什么关闭ETag

前言在前面的文章里我们已经知道了ETag作为文件的指纹, 在浏览器缓存中发挥着重要作用。但今天我们就来说说为什么有时要关闭Etag。WHY?以Apache为例,它其中中内建的ETag机制是用inode、文档大小和最后修改时间来产生的。什么是inode? inode就是索引节点。 inode包含文件的元信息,具体来说有以下内容:文件的字节数文件拥有者的User ID文件的Group ID文件的......

WEB缓存探究第二弹——实战

前言WEB缓存探究第一弹中我们讲了一些WEB缓存的基础知识和策略。 第二弹我们来讲讲如何实际在项目中配置。 ## 实战 鉴于叉烧包本包是个前端,所以我们就以HTML和Node为例开始HTML——在header中加入meta标签当然根据我的测试发现这种方式好像并没有什么卵用 这段代码代表的是不需要浏览器缓存12345<header> <meta http-equiv="......