admin 发布于 04月04, 2019

HTML5音频笔记

前阵子群里面的兄弟有推荐了一款应用:Quiver。试用了一下,感觉挺好,在此也推荐给大家。

这阵子似乎不是太想写博客,一方面是今年过来之后,也一直处于忙碌的状态,一方面搬了家(每天路上的时候就要2个小时了),还有也不像去年996那阵子好歹周六有个大半天的时间列提纲写文章。

之所以有这篇文章,我是感觉自己在移动端包括H5上面略显得薄弱。因为一直以来自己90%的时间都是在搞PC端的东西,移动端的问题要么别人自己解决了,要么我利用网上的资源帮别人解决了。今年这边公共团队也要做一些移动端的事,所以不得不去学习亦或是借鉴别人的东西,而不是说直接把别人的东西拿过来用(毕竟公司的前端方向在慢慢地往上发展)。

在慕课网上刚好有类似的主题:

alt

以下是我做的一些学习笔记吧。

阅读全文 »

admin 发布于 03月08, 2019

代码对比器:mergely

最近分派给了我一个任务,完成nginx后台项目的三期迭代。

碰到一个功能点:历史版本。在前年,我有做过这个需求,就只是两个textarea框的比较(没有滚动条联动,没有类似git diff的效果)。

阅读全文 »

admin 发布于 02月27, 2019

关于脚手架和UI的那些事

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

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

阅读全文 »

admin 发布于 01月15, 2019

art-template-loader处理srcset

关于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节点

阅读全文 »