此文没有任何技术含量,纯个人记录!

插件

1、Package Control
2、Emmet
3、ConvertToUTF8

配置文件

{
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",//主题
"draw_minimap_border": true,//右侧缩略地图边框
"ensure_newline_at_eof_on_save": true,//文件末尾自动保留一个空行
"font_face": "Monaco",//字体
"font_size": 14,//字体大小
"highlight_line": true,//当前行高亮
"ignored_packages":
[
    "Vintage"
],
"show_encoding": true,//显示当前文件编码
"tab_size": 4,//空格数
"translate_tabs_to_spaces": true,//把代码 tab 对齐转换为空格对齐
"trim_trailing_white_space_on_save": true,//自动移除行尾多余空格
"update_check": false,//禁用升级检查
"word_wrap": true//自动换行
}

不知从何时起,本博就开始无法加载Gravatar头像,具体时间已经无法记起,从百度搜索得到,Typecho无法加载Gravatar头像这个问题的时间大概是在2014左右,也许本站就是从那时开始头像就无法加载,由于博主懒癌晚期,一直都没有去解决这个问题。
直到前段时间(2016-01-26),无意中看到@keinx博主换上了一款从Hexo移植到Typecho名为NexT.Mist的主题,想想本博从使用Typecho以来,一直都是使用官方默认的主题,是时候改换一下,于是也跟换上这款主题,并对这款这题进行了小小的改动,顺便把头像无法加载这个问题一并解决掉。

将var/Typecho/Common.php文件939行

$url = $isSecure ? 'https://secure.gravatar.com' : 'http://www.gravatar.com';

修改为(也就是把:http://www.gravatar.com中的www.去掉)

$url = $isSecure ? 'https://secure.gravatar.com' : 'http://gravatar.com';

1、先生成一个元素为1到30的数组,然后随机7次,每次从中取出一位元素,写入到新的数组中,并删除该元素在就数组的位置,然后输出新数组

var oldArr= [];
for(var i=1;i<=30;i++){
    oldArr.push(i);
}
var newArr = [];
for(var j=1;j<=7;j++){
    newArr.push(oldArr[Math.floor(Math.random()*oldArr.length)]);
    oldArr.splice(Math.floor(Math.random()*oldArr.length),1);
}
document.write(newArr);

2、先生成一个元素为1到30的数组,然后随机23次删除该数组的元素,最后输出剩下的7位

var arr = [];
for(var i=1;i<=30;i++){
    arr.push(i);
}
// document.write(arr);
for(var j=1;j<=23;j++){
    arr.splice(Math.floor(Math.random()*arr.length),1);
}
document.write(arr);

3、先生成一个空数组;然后向数组填充30次随机数,然后将重复的随机数删除,然后再输出数组的前七位(或者随机输出数组的7位)

  var arr = [];
    for(var i=1;i<=30;i++){
        arr.push(Math.ceil(Math.random()*30));
    }
    for(var i=0;i<arr.length;i++){
        for(var j=i+1;j<arr.length;j++){
            if(arr[i]===arr[j]){
                arr.splice(j,1);
                j--;
            }
        }
    }
    var shuzu = [];
    for(var k=0;k<7;k++){
        shuzu.push(arr[k]);
    }
    document.write(shuzu);

前两种是老师说的,最后一种写法是按照自己的思路写的,把自己坑了一把,脑子被门夹了~~~

两年了,今天(2015-08-09)终于把两年前下载的网页设计视频看完了,罪过罪过,拖了那么长的时间!

两年期,也就是高二期末那段时间(2013-06),不知道从哪里看到一帖子标题大概是“某机构一元堂HTML+CSS”的在线培训,只要一块钱就可以在线培训,当时兴冲冲的打开了支付宝,交了一块钱学费去报名了。课程开课是的时间记得是2013-06-18,课程全部讲完的时间是2013-07-18,刚好为期一个月。由于那会正在高中,寄宿在学校,虽然是报名曲培训,但宿舍没有电脑,没有网络,唯有到网吧去听课,但也只是在线听了一节,随后的课程都是等到讲师录制上传完成再去下载观看,课程讲完的时候我还没有将进度跟上。而后8月份高三毕业班又提前开学了,唯有把学习的课程停下,大概看到实战项目开发的阶段,就没有继续看下去了。

直到大一,又重头开始看,一直看看停停,直到今天才把视频看完,罪过罪过。

其中,大一的第二学期学校的课程里有HTML+CSS,给人的感觉就是,培训机构的课程更加的贴近日后的工作,学校的课程更多是以打基础为主,不管怎么样,各有各的优势。接下来就是去学习HTML5+CSS3+Javascript,为什么不去学习PHP呢?因为大二的课程就是主打PHP和Cisco网络!!!

说了这么多,拖了这么久,都是因为拖延症(lan)晚期了!

CSS

*{
    margin: 0px;
    padding: 0px;
}
.list{
    width: 200px;
    height: 200px;
    background: blue;
    float: left;
    margin-left: 30px;
}

HTML

<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>

解决前
1.jpg

解决方法:给第一个DIV加上样式

display:inherit;

CSS

*{
    margin: 0px;
    padding: 0px;
}
.list{
    width: 200px;
    height: 200px;
    background: blue;
    float: left;
    margin-left: 30px;
}

HTML

<div class="list" style="display:inline;"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>

解决后
2.jpg

微软在29号如期的发布了windows 10 正式版,之前在虚拟机中安装体验过预览版,新的界面甚是喜欢,但在虚拟机中体验不是很好,所以一直期待着正式版发布,等了那么多天终于来了。

有的人喜欢windows 10 也有的人不喜欢,反正我是喜欢,收到推送就升级了,正式版果然没有让我失望!
20150731183635.jpg

滤镜概述
CSS滤镜并不是浏览器的插件,也不符合CSS标准,而是微软公司为了增强其IE浏览器功能而特意开发合并的IE浏览器中的一类功能的集合。

filter:filtername(parameters);
filter 滤镜属性
filtername 滤镜名称
parameters 滤镜参数

1、不透明度

filter:alpha(参数=参数值)
filter:alpha(opacity=50)
opacity 透明度 0 - 100 
100 为完全不透明
0 为完全透明
IE 6\IE 7\IE 8\IE 9 支持 
IE 10\IE 11 不支持
chrome\firefox 不支持

2、动感模糊

filter:blur(add=参数值,direction=参数值,strength=参数值...)
add 原图是否显示 值:true false
direction 参数用来设置模糊的方向,模糊效果是按照顺时针方向进行的。其中0度代表垂直向上,每45度一个单位,默认值是向左271度。
Strength 参数值只能使用整数来指定,他代表有多少像素的宽度将受到模糊影像,默认值是5像素。
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

3、透明色

filter:chroma(color=颜色值);
color 颜色值 把该颜色透明掉
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

4、阴影效果

filter:dropshadow(color=颜色值,position=参数值,offx=参数值,offy=参数值)
color 用于控制阴影颜色
position 设置阴影是否为透明
offx 设置阴影相对于原始图像移动的水平距离
offy 设置阴影相对于原始图像移动的垂直距离
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

5、对象翻转

filter:fliph; 水平翻转
filter:flipv; 垂直翻转
filter:fliph flipv; 水平与垂直都翻转
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

6、发光效果

filter:glow(color=颜色值,strength=强度值);
color 设置发光颜色
strength 设置发光强度,取值范围(1-255)默认值为5
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

7、灰度处理

filter:gary;/*黑白照片*/
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

8、反相效果

filter:invert;
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

9、X光片效果

filter:xray;
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

10、遮罩效果

filter:mask(color=颜色值);
*注意:需要给背景设置一个颜色
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

11、波形滤镜

filter:wave(add=参数值,freq=参数值,lightstrength=参数值,phase=参数值,strength=参数值);
add 设置是否要把对象按照波形样式打乱 true false
freq 设置图片上的波形数目
lightstrength 设置波浪的光照强度,取值范围(0 - 100)
phase 设置波浪的强度大小
IE 6\IE 7\IE 8\IE 9 支持
IE 10\IE 11不支持
chrome\firefox 不支持

替换文本属性(alt)
alt 属性用来为图像定义一串预备的可替换的文本,替换文本属性的值是用户定义的。当浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。

提示文本属性(title)
title 属性是当鼠标滑过时显示的文字提示,用户体验上很重要。当然不必要所有的img标签都加此属性,比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

但IE错误的将alt属性当做title属性来使用,在笔者的测试中,测试了IE6,IE8,IE9,IE10,IE11,其中只有在IE6下才错误的将alt属性当作title属性来使用。

笔者为此请教了很多网页开发的朋友,很多朋友都是title和alt一起使用,全面兼顾,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

准备工作

20G硬盘空间(当然也可以根据自己的需求来分)
Ubuntu镜像(博主使用的是Ubuntu-14-04-1-desktop-i386)32位的镜像
UltraISO(中文名为“软碟通”用来刻录启动U盘)
U盘(推荐4G的U盘,博主使用的是8G的U盘,但刻录完只占用986M)
EasyBCD(用来引导启动)

0x01

在Windows7系统中可以使用系统自带的“磁盘管理”工具来分来Ubuntu分出20G的空间,分出的硬盘空间为空闲状态。

0x02

使用UltraISO将Ubuntu镜像以USB-ZIP+写入方式写入U盘中,将U盘变成启动U盘

0x03

用EasyBCD引导启动U盘安装Ubuntu
“添加新条目”-“NeoGrub”-“安装”-“配置”

QQ20150129001928.png

在弹出的文本窗口中复制下面的代码进去覆盖里面的代码,Ubuntu-14.04.1-desktop-i386.iso这段根据自己的情况修改,保存。
title Install Ubuntu 

root (hd0,0) 

kernel (hd0,0)/vmlinuz boot=casper iso-scan/filename=/ubuntu-14.04.1-desktop-i386.iso ro quiet splash locale=zh_CN.UTF-8
initrd (hd0,0)/initrd.lz 

QQ20150129001849.png
0x04

关机-插U盘-开机-进BIOS-设置U盘启动-重启-安装Ubuntu-继续-想安装快就不要联网和“安装中下载更新”以及“安装这个第三方软件”-继续-其他选项-继续

0x05
下面开始分区,点一下“空闲”然后点下面的“+”就可以分区了
第一次分区:
“空闲”处点“+”,进行如下设置:

大小:10240MB(博主安装参考文章说的分了5120MB,但是不够用,建议分10240MB可以看本文章末尾处图片)
新分区的类型:主分区
新分区的位置:空间起始位置
用于:EXT4日志文件系统
挂载点:“/”

第二次分区:
“空闲”处,继续点“+”,如下设置

大小:2048MB(建议是分为物理内存的两倍,看自己需求)
新分区的类型:逻辑分区
新分区的位置:空间起始位置
用于:交换空间
挂载点:(不设置)

第三次分区:
“空闲”处,继续点“+”,如下设置

大小:200MB
新分区的类型:逻辑分区
新分区的位置:空间起始位置
用于:EXT4日志文件系统
挂载点:/boot

第四次分区:
“空闲”处,继续点“+”,如下设置

大小:剩余全部空间
新分区的类型:逻辑分区
新分区的位置:空间起始位置
用于:EXT4日志文件系统
挂载点:/home

0x06
分区完毕后,下方有一项“安装启动引导器的设备”默认是Ubuntu引导Windows7,要从Windows7引导Ubuntu就选/boot这项,然后就是一路继续,安装完后会自动重启,重启进入Windows7系统,在Windows7系统中是再使用EasyBCD来做最后一次引导

“添加新条目”-“Linux/BSD”-“驱动器”-“Linux-190MiB”

QQ20150129001720.png

0x07

全部完成

工作区 1_010.png
xlinux@xlinux-Portable-PC: ~_012.png

在安装好Ubuntu后,默认是没有root权限的,要使用root,那就得给root设置一个密码

0x01

Ctrl+Alt+T    调出终端

xlinux@xlinux-Portable-PC: ~_009.png

0x02

sudo passwd root    给root设置密码

xlinux@xlinux-Portable-PC: ~_004.png

0x03

输入当前用户密码

xlinux@xlinux-Portable-PC: ~_005.png

0x04

输入要为root设置的密码

xlinux@xlinux-Portable-PC: ~_006.png

0x05

再输一次要为root设置的密码

xlinux@xlinux-Portable-PC: ~_007.png

0x06

设置完毕

xlinux@xlinux-Portable-PC: ~_008.png