在 PC 上调试 移动网页

最近开始做移动端的网站,一直是用 Chrome 模拟手机显示来进行调试,不过这样还是有一些差别的;于是在网上找到一个工具(weinre)可以在 PC 上调试,手机上直接不用刷新就自动更新~;

  • 首先,需要安装 Node.js,然后用 npm 安装 weinre :

      $ npm install -g weinre
    
  • 安装完成后,使用 weinre 命令启动:

      $ weinre
      2014-12-24T11:04:20.640Z weinre: starting server at [http://localhost:8080](http://localhost:8080)
      //- 默认配置启动,只能用 localhost 访问,这样手机是不能防问的,所以需要修改启动配置,让能通过IP防问
    

    Continue →

:first-child 在 IE7 的 Bug

对于结构性伪类选择器 :first-child 的浏览器支持还是蛮好的,IE6 及以下不支持外,其他都支持;

用法及定义

:first-child 选择器用于选取属于其父元素的第一个子元素:

<style type="text/css">
div :first-child{ color: #f00; }
// 选择所有 div 里面的第一个子元素

div a:first-child { color: #ff0; }
// 选择所有 div 里面的第一个子元素并且这个子元素必须是 a 
// 如果第一个子元素不是 a 则不会选择任何元素
// <div><span>1</span><a>2</a><a>3</a></div> 像这样是不会选择任何元素的
</style>

Continue →

highlight为文章的代码添加语法高亮

今天在用 jade 加载 markdown 文件时,想实现 markdown 中代码高亮显示;

因为,以前一直用的 Google Code Prettify,貌似不能高亮解析后的 markdown 中代码;

最终,选择了 highlightjs,目前最新版为 8.1 其功能主要有:

  • 支持 86 种语法和49种样式

  • 能够自动检测编程语言

  • 同时多种语言代码高亮

  • 可以用于 Node.js 平台

  • 支持任何标签

  • 兼容任何的 js 框架

Continue →

HTML5本地存储

HTML5中的 Web Storage 包括两种存储方式: sessionStorage 和 localStorage 本地离线存储,同域下只能存储 5M 的空间;IE6.7中可以用 UserData 来实现

sessionStorage 用于本地存储一个会话(session)中的数据,这些数据只有在同个会话中的页面才能访问并且当会话结束后数据也随之销毁,因此 seesionStorage 不是一种持久化的本地存储,仅仅是会话级别的存储;

localStorage,用于持久化存储本地数据,如果不手动删除则会一直存在,就算把浏览器关了,清了浏览器缓存,关机等十天半个月再开,一样的存在;但是,它只是存在同一个域名下;

Continue →

git 常用命令备忘录

创建(Create)

  • $ git clone git@github.com:jayself/jayselfsite.gitgit clone https://github.com/jayself/jayselfsite.git

    从一个现有的版本库克隆一份

  • $ git init

    把当前目录创建为一个本地版本库

Continue →

Xshell连接远程主机与本机进行文件传输

Xshell提供熟悉终端环境的高级用户使用的与UNIX/Linux的FTP相类似的指令。各指令说明内容如下,具体使用方法请用SFTP提示的help命令进行确认。

在进行远程主机与本机文件传输时,只支持文件或压缩包的传输,不支持文件夹的传输;

Continue →

vim常用配置与插件安装

执行 vim ~/.vimrc 如果这个文件不存在,会自动创建,然后把我们的配置内容放写去;

以下是我的配置:

Continue →