魔力叉烧包!

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

小程序开发总结

前言提要做了一波欲仙欲死的小程序(:з」∠)以下总结一波。新做的小程序使用了Taro。其实我纠结了好久用mpvue还是wepy还是Taro。事实证明还好没用wepy = =。 差点就为了方便超代码而使用了wepy。很难受【。选用Taro最大的原因是因为是它是react-like的,然后写起来果然很爽。嘻嘻。当然实际写的时候也感觉自己非常的犹豫,感觉很不ok。下次开发时一定要事先了解业务的发展......

像素

像素不是一个点或方块。而是一种抽象概念,是一个抽象取样。像素的定义是上下文敏感的。比如,在打印机上的物理像素是打印机的墨点。在显示器上的物理像素是显示器的点距。没有什么卵用的小支持:pix(picture) + el(element) = pixel谈论像素,还需要讲到另外几个概念。DPIDots Per Inch。指的是每英寸上的点的数量。PPIPixel Per Inch。指的是每英寸上......

浅入浅出富文本编辑器

首先让我们思考一下,如果现在产品需要在页面上提供富文本编辑器应该怎么实现🤔一般来说方式有以下几种。我们可能会想到借助一些编辑器框架、编辑器组件。比如说是ueditor、tinyMCE、draftjs等等。或者,我是一个造轮子资深爱好者,决定自己实现。通过使用HTML自带的属性contenteditable。没错,现在市面上流行编辑器的也可以分为这两个种类。当然如果你只是想实现一些简单的功能......

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......