<commit_before># 前端文章收藏
* 基础技能
  * 提问
    * [真的，再这样提问就没人理你了](http://mp.weixin.qq.com/s/oFHMnwR7LvJjQsjF7SiJng)
  * 学习方法
    * [成为一个有目标的学习者](https://daimajia.com/2017/02/25/you-need-a-goal/) 为了实现目标去主动学习。学有所用才是持续学习的动力。
* HTML
  * 标签和属性
    * [HTML标签大全](http://www.jianshu.com/p/0676fe569396)
    * [手机页面的一些有用的meta](http://www.jianshu.com/p/a7943a969a19)
    * [前端 Meta 用法大汇总](http://www.jianshu.com/p/850d2a209ba8)
  * 标签语意化
    * [选择合适的块级HTML标签流程图](http://www.jianshu.com/p/c6dd30081358)
* CSS
  * 基本概念
    * [CSS 词汇表](http://yisibl.github.io/css-vocabulary/) 注释，语句，规则集等等。
    * [【转载】理解 CSS 属性值语法](https://www.w3cplus.com/css/understanding-the-css-property-value-syntax.html) 看懂 CSS 规范的属性值定义。
  * 选择器
    * [使用 CSS 来做素数的判定与筛选](https://zhuanlan.zhihu.com/p/24718254?hmsr=toutiao.io) `:nth-child` 的妙用。
  * 样式生效规则
  * 样式
    * [CSS中的基本图形和路径](https://www.w3cplus.com/css/basic-shapes-path.html)
    * 字体
      * [Typography](http://adamschwartz.co/magic-of-css/chapters/5-typography/)
    * 单位
      * [长度单位](https://www.w3cplus.com/blog/tags/333.html)
  * 布局
    * [学习 CSS 布局](http://zh.learnlayout.com/) 教授的是现在广泛使用于网站布局领域的CSS基础。
    * 盒模型
      * [The Box](http://adamschwartz.co/magic-of-css/chapters/1-the-box/)
    * 整体布局
      * [Web布局新系统：CSS Grid,Flexbox和Box Alignment](https://www.w3cplus.com/css/css-grids-flexbox-and-box-alignment-our-new-system-for-web-layout.html)
      * Flexbox
        * [理解Flexbox：你需要知道的一切](https://www.w3cplus.com/css3/understanding-flexbox-everything-you-need-to-know.html)
        * [Flex 布局教程：语法篇](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html) 阮一峰
        * [Flex 布局教程：实例篇](http://www.ruanyifeng.com/blog/2015/07/flex-examples.html) 阮一峰
        * [Flex 布局 写法示例](http://www.jianshu.com/p/32cc837bd47e)
      * inline-block & table-layout
        * [应不应该使用inline-block代替float](https://www.w3cplus.com/css/inline-blocks.html)
        * [如何解决inline-block元素的空白间距](https://www.w3cplus.com/css/fighting-the-space-between-inline-block-elements)
        * [inline-block 布局写法示例](http://www.jianshu.com/p/eaa1578eddb2)
        * [table-layout](http://adamschwartz.co/magic-of-css/chapters/3-tables/)
      * position
        * [十步图解CSS的position](http://cdn1.w3cplus.com/blog/229.html)
      * 居中
        * [元素的垂直居中的方法](http://www.jianshu.com/p/b3de6c5ec834)
        * [元素的水平居中的方法](http://www.jianshu.com/p/ada0ce755d7e)
      * 文字围绕形状
        * [如何在Web中使用CSS Shapes](https://www.w3cplus.com/css3/how-to-use-css-shapes-in-your-web-design.html)
        * [CSS Exclusions:让布局变得更有意思](https://www.w3cplus.com/css/css-exclusions.html)
      * 网格布局(Grid Layout)
        * [通过漫画阐述CSS网格布局](https://www.w3cplus.com/css/css-grid-layout-and-comics-as-explained-by-barry-the-cat.html)
        * [更多](https://www.w3cplus.com/blog/tags/355.html)
    * 响应式布局
      * [探讨判断横竖屏的最佳实现](http://web.jobbole.com/90465/)
    * 细节布局
      * [深入了解CSS字体度量，行高和vertical-align](http://www.w3cplus.com/css/css-font-metrics-line-height-and-vertical-align.html) 行高比你想象中的复杂。
    * 综合
      * [CSS 高级布局技巧](https://github.com/sorrycc/blog/issues/14)
      * [从Chrome源码看浏览器如何layout布局](https://zhuanlan.zhihu.com/p/25445527)
  * 效果
    * [text-stroke实现文本描边效果](https://www.w3cplus.com/css3/text-stroke.html)<commit_msg>enchance<commit_after># 前端文章收藏
* 基础技能
  * 提问
    * [真的，再这样提问就没人理你了](http://mp.weixin.qq.com/s/oFHMnwR7LvJjQsjF7SiJng)
  * 学习方法
    * [成为一个有目标的学习者](https://daimajia.com/2017/02/25/you-need-a-goal/) 为了实现目标去主动学习。学有所用才是持续学习的动力。
* HTML
  * 标签和属性
    * [HTML标签大全](http://www.jianshu.com/p/0676fe569396)
    * [手机页面的一些有用的meta](http://www.jianshu.com/p/a7943a969a19)
    * [前端 Meta 用法大汇总](http://www.jianshu.com/p/850d2a209ba8)
  * 标签语意化
    * [选择合适的块级HTML标签流程图](http://www.jianshu.com/p/c6dd30081358)
* CSS
  * 基本概念
    * [CSS 词汇表](http://yisibl.github.io/css-vocabulary/) 注释，语句，规则集等等。
    * [【转载】理解 CSS 属性值语法](https://www.w3cplus.com/css/understanding-the-css-property-value-syntax.html) 看懂 CSS 规范的属性值定义。
  * 选择器
    * [使用 CSS 来做素数的判定与筛选](https://zhuanlan.zhihu.com/p/24718254?hmsr=toutiao.io) `:nth-child` 的妙用。
  * 样式生效规则
  * 样式
    * [CSS中的基本图形和路径](https://www.w3cplus.com/css/basic-shapes-path.html)
    * 字体
      * [Typography](http://adamschwartz.co/magic-of-css/chapters/5-typography/)
    * 单位
      * [长度单位](https://www.w3cplus.com/blog/tags/333.html)
  * 布局
    * [学习 CSS 布局](http://zh.learnlayout.com/) 教授的是现在广泛使用于网站布局领域的CSS基础。
    * 盒模型
      * [The Box](http://adamschwartz.co/magic-of-css/chapters/1-the-box/)
    * 整体布局
      * [Web布局新系统：CSS Grid,Flexbox和Box Alignment](https://www.w3cplus.com/css/css-grids-flexbox-and-box-alignment-our-new-system-for-web-layout.html)
      * Flexbox
        * [理解Flexbox：你需要知道的一切](https://www.w3cplus.com/css3/understanding-flexbox-everything-you-need-to-know.html)
        * [Flex 布局教程：语法篇](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html) 阮一峰
        * [Flex 布局教程：实例篇](http://www.ruanyifeng.com/blog/2015/07/flex-examples.html) 阮一峰
        * [Flex 布局 写法示例](http://www.jianshu.com/p/32cc837bd47e)
      * inline-block & table-layout
        * [应不应该使用inline-block代替float](https://www.w3cplus.com/css/inline-blocks.html)
        * [如何解决inline-block元素的空白间距](https://www.w3cplus.com/css/fighting-the-space-between-inline-block-elements)
        * [inline-block 布局写法示例](http://www.jianshu.com/p/eaa1578eddb2)
        * [table-layout](http://adamschwartz.co/magic-of-css/chapters/3-tables/)
      * position
        * [十步图解CSS的position](http://cdn1.w3cplus.com/blog/229.html)
      * 居中
        * [元素的垂直居中的方法](http://www.jianshu.com/p/b3de6c5ec834)
        * [元素的水平居中的方法](http://www.jianshu.com/p/ada0ce755d7e)
      * 文字围绕形状
        * [如何在Web中使用CSS Shapes](https://www.w3cplus.com/css3/how-to-use-css-shapes-in-your-web-design.html)
        * [CSS Exclusions:让布局变得更有意思](https://www.w3cplus.com/css/css-exclusions.html)
      * 网格布局(Grid Layout)
        * [通过漫画阐述CSS网格布局](https://www.w3cplus.com/css/css-grid-layout-and-comics-as-explained-by-barry-the-cat.html)
        * [更多](https://www.w3cplus.com/blog/tags/355.html)
    * 响应式布局
      * [探讨判断横竖屏的最佳实现](http://web.jobbole.com/90465/)
    * 细节布局
      * [深入了解CSS字体度量，行高和vertical-align](http://www.w3cplus.com/css/css-font-metrics-line-height-and-vertical-align.html) 行高比你想象中的复杂。
    * 调试
      * [一行代码调试 CSS](https://github.com/ccforward/cc/issues/3)  简单来说，就是给所有元素加个outline
    * 综合
      * [CSS 高级布局技巧](https://github.com/sorrycc/blog/issues/14)
      * [从Chrome源码看浏览器如何layout布局](https://zhuanlan.zhihu.com/p/25445527)
  * 效果
    * [text-stroke实现文本描边效果](https://www.w3cplus.com/css3/text-stroke.html)
{'fraction_non_alphanumeric': 0.18278084714548803, 'fraction_numerical': 0.041282995702885204, 'mean_word_length': 3.1220746363061354, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 33, 'lorem ipsum': 0, 'www.': 46, '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': '6019451', 'n_tokens_mistral': 3541, 'n_tokens_neox': 3630, 'n_words': 195}