<commit_before>* artical reading
** 工作五年，后面四年重复着第一年的活儿？
   http://www.barretlee.com/blog/2016/07/21/donnot-repeat-yourself/
*** summary
    这篇文章里讲到了在公司里，前端开发的总体流程，及需要注意的一些问题。
    1. 给出了一个js模块的编写模板。
    2. 云主机测试所有browser
    3. 上线与开发如何无缝连接
    4. 修改后如何看效果， liveload, 打包脚本。
    5. rem
    6. JSONP接口安全性
    7. 懒加载
    8. 首页加载空白检验
    9. 与后端的协作，定义mock接口

    可以仔细研究下提到的问题，及学习流程。
*** points
**** 切图
     指将设计图切割为小图，然后用html + css 布局出来的过程。
     ref: http://baike.baidu.com/subview/4101070/18274378.htm
**** ？ mock接口<commit_msg>add on artical reading item.<commit_after>* artical reading
** 工作五年，后面四年重复着第一年的活儿？
   http://www.barretlee.com/blog/2016/07/21/donnot-repeat-yourself/
*** summary
    这篇文章里讲到了在公司里，前端开发的总体流程，及需要注意的一些问题。
    1. 给出了一个js模块的编写模板。
    2. 云主机测试所有browser
    3. 上线与开发如何无缝连接
    4. 修改后如何看效果， liveload, 打包脚本。
    5. rem
    6. JSONP接口安全性
    7. 懒加载
    8. 首页加载空白检验
    9. 与后端的协作，定义mock接口

    可以仔细研究下提到的问题，及学习流程。
*** points
**** 切图
     指将设计图切割为小图，然后用html + css 布局出来的过程。
     ref: http://baike.baidu.com/subview/4101070/18274378.htm
**** ？ mock接口
** 使用Flexible实现手淘H5页面的终端适配
   https://github.com/amfe/article/issues/17
*** summary
    讲解了lib-flexible的实现方法。讲了很多概念，给出了一个例子。
    目的是适应各种各样屏幕尺寸的终端（怎么会这么复杂呢？）。
   
{'fraction_non_alphanumeric': 0.12961443806398687, 'fraction_numerical': 0.054963084495488104, 'mean_word_length': 3.1496598639455784, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 1, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3486264', 'n_tokens_mistral': 794, 'n_tokens_neox': 865, 'n_words': 80}