![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工具tools
hao像飘在外太空
这个作者很懒,什么都没留下…
展开
-
Webpacks简单介绍 --真的是写给小白看的
本小白从第一次听说webpack就一直没弄清楚webpack是什么鬼,网上回答扯一堆什么Browserify和grunt、gulp,卧槽这些又是什么鬼?不管了,让我们开始小白间的对话。webpack自动引用一切pack是打包的意思,wp官网说自己是一个bundler捆束机,打包机。使用前我的页面是这样的 link href="lib/ionic/css/ionic.css"原创 2016-08-17 09:44:39 · 783 阅读 · 0 评论 -
emacs不自动换行 --once and for all
直接上操作[版本GNU Emacs 24.5.1 (x86_64-apple-darwin14.4.0)]1M-x ,输入customize-option 按回车输入 Truncate Partial Width Windows选择 Respect 'truncate-lines' //尊重 ‘truncate-lines’这个选项 的决定2M-x , customize-option 回车原创 2016-08-31 18:45:48 · 2581 阅读 · 0 评论 -
webpack resolve的作用
resolve: { //查找module的话从这里开始查找 root: 'E:/github/flux-example/src', //绝对路径 //自动扩展文件后缀名,意味着我们require模块可以省略不写后缀名 extensions: ['', '.js', '.json', '.scss'], //模块别名定义,方原创 2016-09-17 11:51:15 · 2872 阅读 · 0 评论 -
babel无法解析es5、jsx
babel import babel-preset原创 2016-08-28 12:47:34 · 1077 阅读 · 0 评论 -
Grunt 卡住不动,却又不报错
今天把老古董grunt搬出来使用,发现在执行cssmin任务的时候卡住不动了,命令行也不报错,闹哪样?试了我半天,grunt 模块和任务不能同名,同名的话会出现 不报错的 错误,简直深坑比如你grunt.registerTask('cssmin', ['cssmin']); //这是尼玛不会运行的啊 grunt.registerTask('c原创 2016-11-24 22:12:06 · 853 阅读 · 0 评论 -
加快首屏渲染速度(一)——抽取critical CSS
核心思路:一、抽取出首页需要的css二、用行内css形式 加载这部分css(critical css)三、等到页面加载完之后,再加载整个css,会有一部分css与critical css重叠示例内嵌关键的CSS,具体方法如下:注意 放在了后面 .blue{color:blue;} class="blue"原创 2016-11-25 10:29:55 · 2116 阅读 · 1 评论 -
-webkit-box-orient不见了, webkit 和 autoprefixer 的坑
autoprefixerautoprefixer不仅会帮你加-webkit-之类的prefixer, 它还会帮你删除你自己写在 css/sass/less里的样式, 真是厉害了关闭autoprefixer的自动删除功能,这样:/* autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */...原创 2018-03-30 11:35:42 · 6955 阅读 · 5 评论