发表于 | 分类于 | 阅读次数: ℃
字数统计: 1,146 | 阅读时长 ≈ 4

HTML5存储初探

常见存储：

  1. Cookies
  2. localStorage && sessionStorage
  3. indexedDB
  4. application cache

其它客户端存储：

  1. userData

    只有IE支持（IE5.0 … 9.0）

  2. google Gears

    • chrome (12.0后放弃支持)
    • 引擎：64SQLite
    • 需要用户授权
阅读全文 »

发表于 | 分类于 | 阅读次数: ℃
字数统计: 3,295 | 阅读时长 ≈ 13

FreeCodeCamp学习笔记(一)

HTML学习

  • a标签用#做占位符

  • img标签里应加alt属性，为了盲人朋友

    1
    2
    3
    <a href="#">
        <img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="/images/relaxing-cat.jpg">
    </a>

  • input标签加placeholder做占位符提示，在需要设置必填项的时候加required属性

    1
    <input type="text" placeholder="cat photo URL" required>

  • 单选和复选按钮应加入到label标签里，name属性名应一致，checked为默认选中

    1
    2
    3
    4
    5
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label>
阅读全文 »

发表于 | 分类于 | 阅读次数: ℃
字数统计: 534 | 阅读时长 ≈ 3

CSS3实现3D魔方

实现思路

  • 写出基础HTML框架

  • 基本CSS样式，初始化

  • CSS实现魔方的各个面：外轮廓和内盒子

  • CSS3实现魔方表面的3D位置

  • CSS3实现旋转

阅读全文 »

发表于 | 分类于 | 阅读次数: ℃
字数统计: 816 | 阅读时长 ≈ 3

kali linux 安装指南

Kali Linux是基于Debian的Linux发行版， 设计用于数字取证和渗透测试。Kali Linux预装了许多渗透测试软件，包括nmap (端口扫描器)、Wireshark (数据包分析器)、John the Ripper (密码破解器),以及Aircrack-ng (一应用于对无线局域网进行渗透测试的软件).用户可通过硬盘、live CD或live USB运行Kali Linux。Metasploit的Metasploit Framework支持Kali Linux，Metasploit一套针对远程主机进行开发和执行Exploit代码的工具。
Kali Linux既有32位和64位的镜像。可用于x86 指令集。同时还有基于ARM架构的镜像，可用于树莓派和三星的ARM Chromebook. –[百度百科]

阅读全文 »

发表于 | 分类于 | 阅读次数: ℃
字数统计: 679 | 阅读时长 ≈ 2

Google Hack

这些命令在Google搜索引擎中才能使用

中文引号“ ”

在搜索关键字时，加上中文的“ ”号，你就能精确的只搜“ ”里面的文字了。

在搜索词后面加上“site:网站名”

举个例子：就如搜索 白帽 site:sina.com，那么就能搜索在新浪（sina.com）这个域名下的，有关“白帽”的信息了。
搜索出的结果均为新浪网中，与白帽有关的网页

阅读全文 »

发表于 | 分类于 | 阅读次数: ℃
字数统计: 760 | 阅读时长 ≈ 3

CSS学习笔记

CSS Positioning(定位)

CSS定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面，并指定一个元素的内容太大时，应该发生什么。元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法

阅读全文 »

发表于 | 分类于 | 阅读次数: ℃
字数统计: 868 | 阅读时长 ≈ 4

HTML学习笔记

HTML结构及常用元素

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
可见文本...
</body>
</html>
阅读全文 »

发表于 | 分类于 | 阅读次数: ℃
字数统计: 612 | 阅读时长 ≈ 2

SEO学习笔记

搜索引擎工作原理

SEO简介：

  1. Search Engine Optimization 搜索引擎优化
  2. 白帽SEO
  3. 灰帽SEO

白帽SEO（内容上的SEO）：

  1. 网站标题、关键字、描述
  2. 网站内容优化
  3. Robot.txt文件
  4. 网站地图
  5. 增加外链引用
阅读全文 »

发表于 | 分类于 | 阅读次数: ℃
字数统计: 2,336 | 阅读时长 ≈ 8

提升效率

在前进的路上，放弃那些次要的、可有可无的东西，获取真正重要、有意义的价值，让自己更加认同自己的付出和努力方向，这才是时间管理的本质和最大意义所在。

必须学会说“不”

说“不”其实是个非常艰难的事情，可是如果不说no，那么就很难专心地应对真正重要的任务。因为有太多看起来不错的机会、看上去不能拒绝的要求、事成后有利的图景，以及无法拒绝的人情世故，诱惑着你答应下来。

其实工作越久，你就越会发现，真正的牛人，往往就牛在敢于放弃上。所谓的战略化决策，不仅仅是指战略高度的选择，也指战略高度的放弃。刚开始放弃的时候会很难受，这是多年形成的习惯和求全责备的心态发出的尖叫和抗议。可是时间久了才发现：不重要的事情真做不完也不会死，倒是重要的事情老拖着不做往往会后果比较严重。

阅读全文 »