
前端工具tools
文章平均质量分 51
hao像飘在外太空
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Webpacks简单介绍 --真的是写给小白看的
本小白从第一次听说webpack就一直没弄清楚webpack是什么鬼,网上回答扯一堆什么Browserify和grunt、gulp,卧槽这些又是什么鬼?不管了,让我们开始小白间的对话。 webpack自动引用一切 pack是打包的意思,wp官网说自己是一个bundler捆束机,打包机。 使用前我的页面是这样的 link href="lib/ionic/css/ionic.css"原创 2016-08-17 09:44:39 · 964 阅读 · 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 · 2689 阅读 · 0 评论 -
webpack resolve的作用
resolve: { //查找module的话从这里开始查找 root: 'E:/github/flux-example/src', //绝对路径 //自动扩展文件后缀名,意味着我们require模块可以省略不写后缀名 extensions: ['', '.js', '.json', '.scss'], //模块别名定义,方原创 2016-09-17 11:51:15 · 2927 阅读 · 0 评论 -
babel无法解析es5、jsx
babel import babel-preset原创 2016-08-28 12:47:34 · 1132 阅读 · 0 评论 -
Grunt 卡住不动,却又不报错
今天把老古董grunt搬出来使用,发现在执行cssmin任务的时候卡住不动了, 命令行也不报错,闹哪样? 试了我半天,grunt 模块和任务不能同名,同名的话会出现 不报错的 错误,简直深坑 比如你 grunt.registerTask('cssmin', ['cssmin']); //这是尼玛不会运行的啊 grunt.registerTask('c原创 2016-11-24 22:12:06 · 929 阅读 · 0 评论 -
加快首屏渲染速度(一)——抽取critical CSS
核心思路: 一、抽取出首页需要的css 二、用行内css形式 加载这部分css(critical css) 三、等到页面加载完之后,再加载整个css,会有一部分css与critical css重叠 示例 内嵌关键的CSS,具体方法如下: 注意 放在了后面 .blue{color:blue;} class="blue"原创 2016-11-25 10:29:55 · 2176 阅读 · 1 评论 -
-webkit-box-orient不见了, webkit 和 autoprefixer 的坑
autoprefixer autoprefixer不仅会帮你加-webkit-之类的prefixer, 它还会帮你删除你自己写在 css/sass/less里的样式, 真是厉害了 关闭autoprefixer的自动删除功能,这样: /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ ...原创 2018-03-30 11:35:42 · 7061 阅读 · 5 评论