主页

cut命令

[root@www ~]# cut -d'分隔字符' -f fields <==用于有特定分隔字符 [root@www ~]# cut -c 字符区间 <==用于排列整齐的信息 选项与参数: -d :后面接分隔字符。与 -f 一起使用; -f :依据 -d 的分隔字符将一段信息分割成为数段,用 -f 取出第几段的意思; -c :以字符 (characters) 的单位取出固定字符区间; 范例一:将 PATH 变量取出,我要找出第五个路径。 [root@www ~]# echo $PATH /bin:/usr/bin:/sbin:/usr/sbin:/usr/local/bin:/usr/X11R6/bin:/usr/games: # 1 | ...

阅读更多

splitChunks

最初,chunks是webpack内部父子关系图引用的各种代码;CommonsChunkPlugin用于避免重复依赖,但是优化还不够; webpakc4用optimization.splitChunks取代了它; 默认只影响按需加载的chunks,因为改变了原始chucks会影响html里script文件; webpack会基于以下条件自动分块: 1.可以共享的新的chunk或者引用来自node_modules文件的模块; 2.大于30kb的块(压缩代码前) 3.按需加载的模块,并行请求的最大数目<=5 4.初始化页面时的请求最大并行请求数<=3 当满足最后2个条件时,webpack有可能受限于包的最大数量值,生成的代码体积往上增加; Configuration mo...

阅读更多

垂直居中总结

Line-height 适用情景:单行文字垂直居中技巧; 此方式的原理是在于将单行文字的行高设定后,文字会位于行高的垂直中间位置,利用此原理就能轻松达成垂直居中的需求了。 Line-height + inline-block 适用情景:多对象的垂直居中技巧 将多个元素或多行元素当成一个行元素来看待,所以我们必须要将这些数据多包一层,并将其设定为inline-block,并在该inline-block对象的外层对象使用inline-block来代替height的设置,如此便可以达到垂直居中的目的了,从使你的数据是包含了标题跟内容在内也可以正常的垂直居中了。 absolute + margin 负值 适用情...

阅读更多

sed

sed是行编辑器; 工作原理 读入第一行,并将第一行的数据填入 $0, $1, $2…. 等变量当中; 依据 “条件类型” 的限制,判断是否需要进行后面的 “动作”; 做完所有的动作与条件类型; 若还有后续的『行』的数据,则重复上面 1~3 的步骤,直到所有的数据都读完为止。

阅读更多