和大家聊一下最近我和我所在的团队在做的一些事。

离春节过去其实也没多久，现在的状态在半恢复中。似乎我的公众号也没啥人关注，本来还想着提供一些福利的（学习资料相关），不过也没事。

阅读全文 »

翻了一下之前的文章，似乎17年和18年没怎么写过总结。（17年写了一篇技术总结）

看了一下16年总结及展望，感觉挺有意思的。

儿子今年三周岁了，意味着他今年九月份可以上幼儿园了。

阅读全文 »

17年底写过一篇文章：组件打包小记（2），里面其实已经有关于按需加载的方案了。现在想详细展开说说。

阅读全文 »

关于srcset，之前有文章提及过对它的处理，大概是这样的：

{
  test: /\.html$/,
  loader: 'html-srcsets-loader',
  options: {
    attrs: ['img:src', ':srcset'],
    minimize: true,
    caseSensitive: true,
    removeAttributeQuotes: false,
    minifyJS: false,
    minifyCSS: false
  },
  exclude: /^node_modules$/,
}

让我没想到的是，在打包出来后的页面中，还是有srcset没做处理的情况。分析了一把，发现原因是：

import xx from './xx.tpl'

const html = xx({a: 1, b: 2});
// 再把这个html片断插入某个DOM节点

阅读全文 »

记录一下Elasticsearch的学习笔记。

阅读全文 »

前阵子，技术群里面的哥们发了一个链接：meituan-app。今天闲来无事，研究了一下。

那个README感觉有所欠缺，需要打开mongod以及redis的服务才能跑。

在看代码的过程中，发现一个新大陆:passport。查了一下相关资料，它是一个权限认证中间件，能够把登陆认证和应用程序分离出来，从而保证了更清晰的代码结构。

阅读全文 »

在github上有一个stylelint的账号：

我们可以将其放到webpack中进行使用。

// webpack.config.js
const StyleLintPlugin = require("stylelint-webpack-plugin");

new StyleLintPlugin({
    context: "src",
    configFile: path.resolve(__dirname, "stylelint.config.js"),
    files: [
        '**/*.less',
        '**/*.scss'
    ],
    failOnError: false,
    quiet: true,
    // fix: true
})

// stylelint.config.js
module.exports = {
  extends: 'stylelint-config-standard',
  rules: {
    'color-no-invalid-hex': true,
    'string-quotes': 'single',
  },
};

和eslint的用法其实是差不多的。

阅读全文 »

感谢我的同事又帮我创造了一篇文章。因为一些原因，老项目用了Browserify来构建项目，但是碰到一个问题是：怎么把import的scss文件，转为一个css文件？

也许有人会觉得用webpack重写一下，不就好了么。。可是有没有想过，有时候重写的成本会比较大？（当然其实在我看来，应该不会大）

阅读全文 »

这周日，办公室多了很多人（加班）。而我因为一些原因，似乎今天也没做啥事，略蛋疼。

阅读全文 »

今天在帮同事定位一个IE8的：runtime error，利用调用栈，找到了是webuploader的问题。

翻了一下github issue，原因是本地没有装flash插件。但其实同事是装了的，于是猜测可能是flash版本的问题。

那么我们还需要在代码中处理一把，如果用户没装flash或者版本比较低，就提示让用户重新装。

阅读全文 »