var store = [{
        "title": "使用Jekyll和GitHub搭建个人博客",
        "excerpt":"写在前面的话 搭建这个小博客的目的一是为了记录自己学习全栈开发的过程和遇到的问题，二是为了将无意看到的比较好的文章收录下来，方便以后能很快的找到并查看。 使用的技术 GitHub Pages 是可以将静态网页托管在GitHub上的技术。用户可以使用GitHub Pages提供的或者一些开源主题来显示自己的GitHub Pages主页，当然也可以自己设计。 可以将自己的静态html文件托管在GitHub上，在这个Repository的网址前加上http://htmlpreview.github.io/?便可在线查看页面。eg.点我查看dome Jekyll 将纯文本转化为静态网站和博客。 So Simple Theme 一个简单的Jekyll主题，可以为自己的文章和图片文章提供清晰的排版，响应式布局，完美适配了移动端。过程 首先在电脑上安装Windows上运行的Jekyll 这里是官方教程 克隆主题 有3个安装主题的方法 如果正在运行Jekyll v3.5 + 自行托管，则可以快速将主题安装为Ruby gem。 将以下代码添加到自己的jekyll网站Gemfile ruby gem \"jekyll-theme-so-simple\" 将以下代码添加到自己的jekyll网站的_config.yml文件中 yaml theme: jekyll-theme-so-simple 然后运行Bundler来安装 theme gem 和依赖关系 terminal bundle install 可以安装为远程主题 GitHub Pages增加了对任何GitHub托管主题的全面支持。 替换gem \"jekyll\"为： ruby gem \"github-pages\", group: :jekyll_plugins 运行bundle...","categories": ["心得","技术"],
        "tags": ["GitHub Pages","jekyll"],
        "url": "https://kangrb.github.io/%E5%BF%83%E5%BE%97/%E6%8A%80%E6%9C%AF/Blog-Build/"
      },{
        "title": "CSS3学习笔记",
        "excerpt":"css3--笔记 目录 属性选择器 伪类选择器 颜色 文字 边框圆角 边框阴影 背景 Flex布局 过度 动画 判断鼠标进入容器方向属性选择器 E[attr=val]  eg. inoput[type=”text”] E[attr~=val] 表示一个单独的属性值，这个属性值是以空格分隔的 **E[attr =val]** 要么表示一个单独的属性值，要么这个属性值是以’-‘隔的 E[attr*=val] 表示的属性值里包含val字符并且在任意位置 E[attr^=val] 表示的属性值里包含val字符并且在开始位置 E[attr$=val] 表示的属性值里包含val字符并且在结束位置返回目录 伪类选择器 E:first-child //相对于E元素的父级作参考，“所有”子元素的最后一个子元素,并且位置要对应 E:last-child //相对于E元素的父级作参考，“所有”子元素的第一个子元素,并且位置要对应 E:first-of-type //相对于E元素父级作参考，“特定类型元素E”的第一个子元素 E:last-of-type //相对于E元素父级作参考，“特定类型元素E”的最后一个子元素 E:nth-of-type(n) //选中第n个(n>=1,当n作为系数时n的取值可以为0) E:nth-last-child(n) //以最后一个元素为起点,规定属于其父元素的第二个子元素的每个 p 元素 关于n的取值范围：1. 当n作为一个独立的值时，n取值为>=1,例如nth-child(n)2. 当n做一个系数时，n取值为n>=0或者n<0，例如nth-child(2n+1)、nth-child(-n+5)此处需要理解2n+1或者-n+5作为一个整体不嫩小于1; E:only-child //选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素 E:only-of-type //是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素 E:empty...","categories": ["学习笔记"],
        "tags": ["css3"],
        "url": "https://kangrb.github.io/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/CSS3%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/"
      },{
        "title": "一文了解GitHub上人气最高的十大JS框架",
        "excerpt":"在这篇文章中，我们将介绍GitHub上人气最高的十大JavaScript框架 JavaScript是一种高级的解释型编程语言，与HTML、CSS一起被认为是互联网内容工程的三大核心技术，它可用于生成交互式动态网页，并能够提供视频游戏等在线程序。 React JS React JS是由Facebook创建的代码库，可以用于生成强有力的可重用用户界面组件。 使用React的好处之一在于通过使用可帮助提高应用程序性能的虚拟DOM，来隐藏编程的复杂性。 React JS的功能包括：语法扩展，单向数据流，组件等等。Vue JS 与React一样，Vue是构建用户喜爱的界面的另一个框架。 随着时间的推移，这个渐进式框架的设计变得越来越容易采用。因此这个代码库可以很简单地与其他项目集成，并随时使用。 Vue JS以其简单性而广为人知，除此之外，此代码库很轻，包含完整的文档，并且在开发过程中具有灵活性。 Vue鼓励开发人员编写“简单的JavaScript”。Node JS Node JS是有史以来最好的服务器端开发框架之一，它大大提高了JavaScript在服务器端脚本项目中受欢迎程度。Node JS引入了包管理工具NPM，帮助了许多程序员更加轻松地工作。 开发人员也喜欢它，是因为它提供了非阻塞（I / O）模型，可用于开发实时Web应用程序，易于学习，并且拥有大型社区。 用node.js可以写爬虫Atom 中文社区 Atom是迄今为止最好的文本编辑器之一。GitHub桌面版默认使用编辑器。 与sublime text和visual studio相比，它拥有强大的功能，并能自动补齐，还继承了拼写检查，因为非常易于使用。然而，刚开始使用Atom可能会有些不便，因为你需要花费时间设置插件，才能体验其伟大之处。 不过，在Linux上安装Atom并不是那么难。HTML 5 Boilerplate 中文文档 网页的开发变得越来越复杂。迫于生产力的压力，我们不得不压缩日常的工作。而采用HTML 5 Boilerplate的项目，开发过程可以变得更加愉快。 这款最流行的前端样板框架有助于快速构建强健、适应性很强的web应用程序。 这款框架包括Normalize.css、jQuery、基于Modernize的自定义人脸识别代码库、并且拥有很高的性能。Three JS 中文基础教程 Three JS是3D计算机图形学框架之一。 Three JS利用WebGL引擎，在Web浏览器中创建漂亮的3D计算机图形。它拥有很多十分受欢迎的功能，其中包括特效和场景、相机、蒙皮网格（SkinnedMesh）和变形混合网格（morphblendmesh）动画、灯光等等。 其庞大的社区集合了大量程序员和用户，非常的活跃，因此这个项目将会稳步发展。 很棒的一个作品 React VRMeteor JS 易百教程 论及为所有平台构建应用程序的框架，Meteor...","categories": ["转载"],
        "tags": ["JavaScript"],
        "url": "https://kangrb.github.io/%E8%BD%AC%E8%BD%BD/GitHub%E4%B8%8A%E4%BA%BA%E6%B0%94%E6%9C%80%E9%AB%98%E7%9A%84%E5%8D%81%E5%A4%A7js%E6%A1%86%E6%9E%B6/"
      },{
        "title": "HTML5学习笔记",
        "excerpt":"html5--笔记 目录 避免变量名污染的方式 input-type类型 .dataset[] 获取自定义数据集 SVG html5 新选择器 添加事件监听 Element.classList 访问历史API 全屏API css/js注入内容 应用缓存 Web Storage 网页存储 文件API 拖拽操作避免变量名污染的方式 html5 自执行函数 (function(){...})(); jQuary $ $(function(){...}); 返回目录 input-type类型 button(单机按钮) checkbox(复选框) file(文件上传) hidden(隐藏的输入字段) image(图像形式的提交按钮) password(密码字段) radio(单选按钮) reset(重置按钮) submit(提交按钮) text(文本) html5中type类型： email (email 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。) url (url 类型用于应该包含 URL...","categories": ["学习笔记"],
        "tags": ["html5"],
        "url": "https://kangrb.github.io/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/HTML5%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/"
      }]