发表于   |   分类于

Respond.js 让不支持 css3 Media Query 的浏览器包括 IE6-IE8 等其他浏览器支持媒体查询。

Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width特性，实现响应式网页设计（Responsive Web Design）。

阅读全文 »

发表于   |   分类于

简介

HTML5shiv is a javascript workaround to provide support for the new HTML 5 elements in IE Browsers older than IE 9.

  • 越来越多的站点开始使用 HTML5 标签。但是目前的情况是还有很多人在使用IE6，IE7，IE8。
  • 而IE6，IE7，IE8是不能识别 HTML5 标签的。
  • 这里提供一种让 IE 浏览器支持 HTML5 的方法，那就是使用 HTML5Shiv。
  • HTML5Shiv 主要解决 HTML5 提出的新的元素不被IE6-8识别。
阅读全文 »

发表于   |   分类于

提示：本篇文章将介绍在使用 heox 做博客框架中的一些 bug 处理情况。

按照之前的教程介绍应该是会比较顺利的搭建好你的博客，但是难免会遇到一些意外，这个时候就要学会解决问题了。
解决问题的原则是：查看 bug 信息，从上到下依次解决 bug。

下面来看几个例子：

阅读全文 »

发表于   |   分类于

禁用页面的右键菜单

1
2
3
4
5
$(document).ready(function(){  
  $(document).bind("contextmenu",function(e){  
    return false;  
  });  
});

新窗口打开页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="jquery.js"></script>
</head>
<body>
  <a href="https://www.google.com">google_新窗口</a>
  <a href="https://www.google.com" rel="external">google_新窗口</a>
  <a href="demo1.html">当前窗口</a>
<script>
  $(function(){
    $('a[href^="http://"]').attr("target","_blank");
  });
</script>
</body>
</html>

输入框文字获取和失去焦点【推荐】

阅读全文 »

发表于   |   分类于

　　经过前面两期文章，我相信你已经可以在本地建立一个非常令人满意的静态博客了，本篇文章将介绍如何将自己的静态博客部署到 gitpage 上，并托管到 github 上；以及关于 Hexo 和 NexT 中更深层次的一些问题及解方案。

一、菜单栏中标签与侧边栏中标签关联的问题

　　以我的博客为例，关于菜单栏中的选项 与侧边栏中的选项，由于顶部菜单栏中位置有限，所以我就想在顶部菜单栏中不显示标签这一项，于是我在 主题配置文件 中 将 menu 配置项中的标签这一个选项给注释掉了，所以它不会在菜单栏中显示，但是不代表没有这个页面，这个页面是存在的，我们只是使其不显示在顶部的菜单栏中而已，我们可以直接输入绝对地址来查看这个页面，例如：https://neveryu.github.io/tags/。但是与此同时，我们发现侧边栏中的标签选项只能显示标签数量，不能点击。

阅读全文 »

发表于   |   分类于

Sass： (Syntactically Awesome StyleSheets)

sass简介

来自于官网的简介：
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

Sass 是世界上最成熟的，稳定的，功能强大的专业级 CSS 扩展语言。
阅读全文 »

发表于   |   分类于

嘿，我最近接到一个 Web 项目，不过老实说，我这两年没怎么接触 Web 编程，听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师？

准确地说，我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了，前端可视化、音乐播放器、能踢足球的无人机，你尽管问吧。我刚去 JS 大会和 React 大会逛了一圈，没有什么新技术是我不知道的。

厉害。是这样的，我要开发一个网页，用来展示用户的最新动态。我想我应该通过后端接口获取数据，然后用一个 table 来展示数据，用户可以对数据进行排序。如果服务器上的数据变化了，我还需要更新这个 table。我的思路是用 jQuery 来做。

可别用 jQuery！现在哪还有人用 jQuery。现在是 2016 年了，你绝对应该用 React。

阅读全文 »

发表于   |   分类于

git 简介

git 是分布式的，所以其核心就是分支，分支的意义在于，可以将项目代码按照功能、模块拆分成不同的分支。比如这个产品要加一个支付功能和一个登陆功能，可以创建两个分支，交给不同的开发人员并行开发。登陆功能先开发完，测试无误后合并改分支到 master 分支，master 分支部署上线。支付功能虽然没有开发完成，但是在另一条分支上，所以产品上线和功能开发完全不受影响。这才是分布式开发的高效模式。
在 git 中，工作目录下面的所有文件都不外乎这两种状态：已跟踪或未跟踪。已跟踪的文件是指本来就被纳入版本控制管理的文件，在上次快照中有它们的记录，工作一段时间后，它们的状态可能是未更新，已修改或者已放入暂存区。而所有其他文件都属于未跟踪文件。它们既没有上次更新时的快照，也不在当前的暂存区域。初次克隆某个仓库时，工作目录中的所有文件都属于已跟踪文件，且状态为未修改。

阅读全文 »

发表于   |   分类于

本篇文章将介绍基于NexT主题下的一些扩展功能的实现。
首先，我们需要明白：

在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml 。其中，一份位于站点根目录下，主要包含 Hexo 本身的配置；另一份位于主题目录下，这份配置由主题作者提供，主要用于配置主题相关的选项。
我们约定，将前者称为 站点配置文件，后者称为 主题配置文件

1.设置侧栏的位置

修改 主题配置文件 中 sidebar.position 的值，支持的选项有：left right
目前仅 Pisces Scheme 支持 position 配置，也就是说NexT主题的侧栏位置是不能设置的，设置了也没用，反正都在右边。

阅读全文 »

发表于   |   分类于

简介

Hexo 是一个快速、简洁且高效的静态站点生成框架，它基于 Node.js 。 它有以下特点：

  • 　超快速度

    Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。
  • 　支持Markdown

    Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。
  • 　一键部署

    只需一条指令即可部署到Github Pages，或其他网站
  • 　丰富的插件

    Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。

通过 Hexo 你可以轻松地使用 Markdown 编写文章，除了 Markdown 本身的语法之外，还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。

基于 Hexo 这个优秀的博客框架，很多优秀的开发者奉献出了它们基于 Hexo 开发的主题。
NexT 因其 精于心，简于形 的风格，一直被广大用户所喜爱。

阅读全文 »