<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Capgras的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Capgras</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Capgras]]></copyright><item><title><![CDATA[js 输入三位数的正整数，输出为反向三位数]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/106043453</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/106043453</guid><author>Capgras</author><pubDate>Sun, 10 May 2020 22:16:34 +0800</pubDate><description><![CDATA[方法一 Math.floor（）
    var a = parseInt(window.prompt('input'));
    var x = Math.floor(a / 100);
	var y = Math.floor((a - 100 * x) / 10);
	var z = a - 100 * x  - 10 * y;
	var sum = 100 * z + 10 * y + x;
	document.write(sum);

方法二 余数%
 var a = parseInt(windo]]></description><category></category></item><item><title><![CDATA[用js表达阶乘、斐波那契数列、最值、质数]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/106041550</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/106041550</guid><author>Capgras</author><pubDate>Sun, 10 May 2020 20:31:33 +0800</pubDate><description><![CDATA[function number(n) {
    var a = 1;
    for (i=1; i&lt;=n; i++) {
        a*=i;
        }
    return a;
    }
 document.write(number(5));


易错点，var a = 1；和return a；不能放在for循环内部，因为这代表每次循环a都会被重新赋值为1，且每次都输出为1，这就让循环无效了。

...]]></description><category></category></item><item><title><![CDATA[Sublime 主要快捷键（含MAC）]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/106039984</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/106039984</guid><author>Capgras</author><pubDate>Sun, 10 May 2020 18:57:24 +0800</pubDate><description><![CDATA[ctrl+n快捷键创建一个新文件
“html”+tab生成html5结构
ctrl+s保存文件
鼠标右键Open in Broswer查看html的效果
Ctrl+Enter 在下一行插入新行。Mac为command+enter
Ctrl+Shift+Enter 在上一行插入新行。Mac为command+Shift+Enter
Ctrl+/ 单行注释 Mac为 command+/
ctrl+shift+d 快速复制本行 Mac为 command+shift+d
ctrl+shift+k 快速删除本行
sh.]]></description><category></category></item><item><title><![CDATA[js中原始数据（原始值）与复杂数据（引用值）在数据引用上的区别]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/106037224</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/106037224</guid><author>Capgras</author><pubDate>Sun, 10 May 2020 17:26:06 +0800</pubDate><description><![CDATA[所以两大类的数据引用方法是不同的，见下例：

原始数据的引用

案例一：
var a = 10;
var b = a;
a = 20;
document.write(b);  //return 10 （b没有受到新赋值a的影响）

复杂数据的引用
案例二：
var arr1 = [1,2];
var arr2 = arr1;
arr1.push(3);
document.write(arr2); //return [1,2,3] （arr2受到了arr1的影响）

案例三：
var arr1 = [1,2.]]></description><category></category></item><item><title><![CDATA[JS中a++与++a的计算区别]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/106035312</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/106035312</guid><author>Capgras</author><pubDate>Sun, 10 May 2020 14:26:11 +0800</pubDate><description><![CDATA[a++与++a都相当于把a+1赋值给a本身。但不同的是：
a++：先执行语句后赋值
++a：先赋值后执行语句，且比a++有计算优先级
给个例子：
var a = 10;
a++;  //return 10 a在该步骤没有赋值，下一步赋值
document.write(a); //return 11   该步骤赋值和输出

var a = 10;
++a; //return 11;  a在这一步骤就赋值
document.write(a); //return 11  输出

几个具体的计算案例：
var a ]]></description><category></category></item><item><title><![CDATA[JS中var x;与var x="";的不同点]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/105899853</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/105899853</guid><author>Capgras</author><pubDate>Sun, 03 May 2020 09:54:09 +0800</pubDate><description><![CDATA[var x；定义了一个对象，没有确定的值，typeof x; 返回 undefined.
var x=""; 定义了一个变量，并且赋值为字符串。typeof x; 返回 string.

]]></description><category></category></item><item><title><![CDATA[ife2015spring-task0001笔记总结]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/105838654</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/105838654</guid><author>Capgras</author><pubDate>Wed, 29 Apr 2020 14:43:17 +0800</pubDate><description><![CDATA[盒模型及定位

6.1 任务描述
Q1. 用两种方法来实现一个背景色为红色、宽度为960px的DIV在浏览器中居中
效果图：

方法一：巧用margin
&lt;div id="method1"&gt;&lt;/div&gt; &lt;!--方法一：巧用margin--&gt;

div#method1 {
    background-color: red;
    width:960px;
...]]></description><category></category></item><item><title><![CDATA[纯css编写圆角矩形框]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/105826696</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/105826696</guid><author>Capgras</author><pubDate>Tue, 28 Apr 2020 22:50:54 +0800</pubDate><description><![CDATA[效果图

html代码：
&lt;div id="box"&gt;
    &lt;div class="radius"&gt;
        &lt;div class="r1"&gt;&lt;/div&gt;
        &lt;div class="r2"&gt;&lt;/div&gt;
        &lt;div class="r3"&gt;&lt;/div&gt;
   ...]]></description><category></category></item><item><title><![CDATA[css中链接：hover下文字颜色无法修改的问题]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100995580</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100995580</guid><author>Capgras</author><pubDate>Wed, 18 Sep 2019 19:55:49 +0800</pubDate><description><![CDATA[&lt;ul&gt;
            &lt;li&gt;
                &lt;a href="images/crown.jpeg" &gt;Crown&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;a href="images/light.jpg"&gt;Fir...]]></description><category></category></item><item><title><![CDATA[【git】解决上传代码到GitHub却没有贡献率（小绿点）的问题]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100994823</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100994823</guid><author>Capgras</author><pubDate>Wed, 18 Sep 2019 19:29:15 +0800</pubDate><description><![CDATA[可能是你换电脑了。
重新安装的git是没有记录的。新的电脑并没有进行本地的任何配置,就直接用终端把本地文件push到仓库中去了。本地的git默认的user.name和user.email并不是你的,而是默认本机的.
你可以用git config user.name / git config user.email 来查看自己的git所属。查不出的结果应该是为空,因为你根本就没设置过.
解决办法: 分...]]></description><category></category></item><item><title><![CDATA[@font-face的用法]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100939551</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100939551</guid><author>Capgras</author><pubDate>Tue, 17 Sep 2019 21:12:46 +0800</pubDate><description><![CDATA[下载一个字体文件。比如font squirrel网站。将文件保存在HTML和CSS文件相同的目录中。 它们是TTF（真实字体）还是OTF（开放字体）并不重要。解压缩字体包。 您可能会在包中找到多个字体文件，例如薄，中，粗，斜体，斜体等。


生成多种字体。将下载好的字体文件转到Font squirrel Webfont Generator来制作多种格式。
使用“上载字体”按钮上传你下载的那个字...]]></description><category></category></item><item><title><![CDATA[css制作搜索栏（仿google）]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100888083</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100888083</guid><author>Capgras</author><pubDate>Mon, 16 Sep 2019 16:40:11 +0800</pubDate><description><![CDATA[效果图:

html
 &lt;div class="searchbar"&gt;
        &lt;input type="text" id="search" value="Search Google or type a URL" 
        onfocus="if(value=='Search Google or type a URL')value=''" onblur="if(!...]]></description><category></category></item><item><title><![CDATA[css实现图片居中的几种方式]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100877948</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100877948</guid><author>Capgras</author><pubDate>Mon, 16 Sep 2019 11:02:30 +0800</pubDate><description><![CDATA[一、文本属性对齐text-align
二、巧用margin
三、绝对定位
四、弹性盒布局
五、栅格布局
eg.我希望图1能居中（图一变图二）

图一

图二
html
 &lt;div id="pic"&gt;
        &lt;img src=star.jpg class="logo"&gt;
 &lt;/div&gt;


一、（最简单）文本属性对齐text-align
text-ali...]]></description><category></category></item><item><title><![CDATA[CSS中实现行内块元素对齐]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100866204</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100866204</guid><author>Capgras</author><pubDate>Sun, 15 Sep 2019 22:39:15 +0800</pubDate><description><![CDATA[目标：行内块元素实现对齐的几种方式
eg. 我希望下列两个单词文本和后面的两个图片能实现中线对齐且靠右。（图1变为图2）

图1

图2
html:
&lt;header&gt;
        &lt;p&gt;Gmail&lt;/p&gt;
        &lt;p&gt;images&lt;/p&gt;
        &lt;img src=images/menu.png class="...]]></description><category></category></item><item><title><![CDATA[CSS中改变超链接的长宽]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100638940</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100638940</guid><author>Capgras</author><pubDate>Sun, 08 Sep 2019 21:40:07 +0800</pubDate><description><![CDATA[eg. 我希望改变下图按钮链接的背景颜色，当鼠标悬浮时（：hover）文本颜色为白色，背景颜色为红色。（图1变为图2）

图一

图二
HTML
&lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;

第一版错误的CSS
nav a {
  outline: none;
  text-decoration: none;
  color: #a6...]]></description><category></category></item><item><title><![CDATA[CSS中字间距letter-spacing与word-spacing的区别]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100634045</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100634045</guid><author>Capgras</author><pubDate>Sun, 08 Sep 2019 18:21:36 +0800</pubDate><description><![CDATA[letter-spacing为每个字符之间的空白距离
word-spacing为单词之间的空白距离
letter-spacing
语法：
　　letter-spacing : normal | length
　　参数：
　　normal : 　默认间隔
　　length : 　由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
　　说明：
　　检索或设置对象中的文字之间的间隔。
　　该...]]></description><category></category></item><item><title><![CDATA[CSS中将无序列表的项目符号改为指定图片]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100621650</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100621650</guid><author>Capgras</author><pubDate>Sun, 08 Sep 2019 10:36:41 +0800</pubDate><description><![CDATA[HTML
&lt;ul&gt;
      &lt;li&gt;Humous&lt;/li&gt;
      &lt;li&gt;Pitta&lt;/li&gt;
      &lt;li&gt;Green salad&lt;/li&gt;
      &lt;li&gt;Halloumi&lt;/li&gt;
    &lt;/ul&gt;


添加CSS后
ul {
  padding-le...]]></description><category></category></item><item><title><![CDATA[CSS中如何让背景颜色半透明]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100599696</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100599696</guid><author>Capgras</author><pubDate>Sat, 07 Sep 2019 16:07:33 +0800</pubDate><description><![CDATA[目标：HTML中要在&lt;article&gt;中（也就是卡片中间的联系方式）添加半透明的背景颜色

&lt;article&gt;
      &lt;img src="chris.jpg" alt="A picture of Chris - a man with glasses, a beard, and a silly wooly hat"&gt;
      &lt;p&gt;50 My...]]></description><category></category></item><item><title><![CDATA[【git】手把手MAC上传代码文件到Github]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100540501</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100540501</guid><author>Capgras</author><pubDate>Thu, 05 Sep 2019 14:17:44 +0800</pubDate><description><![CDATA[STEP 1 注册一个GitHub账号
STEP 2 创建github仓库=右上角➕-点击New repository

Repository name: 仓库名称（会显示在主页）
Description(可选): 仓库描述介绍（会显示在主页）
Public, Private : 仓库权限（公开，私有）
Initialize this repository with a README: 初始添加一...]]></description><category></category></item><item><title><![CDATA[Web前端知识点查漏补缺（更新中）]]></title><link>https://blog.youkuaiyun.com/Capgras/article/details/100531523</link><guid>https://blog.youkuaiyun.com/Capgras/article/details/100531523</guid><author>Capgras</author><pubDate>Wed, 04 Sep 2019 07:18:53 +0800</pubDate><description><![CDATA[Web前端知识点查漏补缺（更新中）

Entity references: Including special characters in HTML[1]

In HTML, the characters &lt;, &gt;,",’ and &amp; are special characters. They are parts of the HTML syntax itself, so how...]]></description><category></category></item></channel></rss>