<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[whileqq的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/whileqq</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; whileqq]]></copyright><item><title><![CDATA[双飞翼布局和圣杯布局（中间自适应的三栏布局）]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/116763066</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/116763066</guid><author>whileqq</author><pubDate>Thu, 13 May 2021 19:57:02 +0800</pubDate><description><![CDATA[双飞翼布局和圣杯布局
面试中经常被问到的双飞翼布局和圣杯布局
通俗的来说就是左右两栏固定宽度，中间部分自适应的三栏布局。
一、两者区别：
（1）圣杯布局：为了让中间div内容不被遮挡，将中间div设置左右padding，然后将左右两个div用相对布局position: relative并分别配合right和left属性，以便左右两栏div移动后不遮挡中间div。
（2）双飞翼布局：为了让中间div内容不被遮挡，直接在中间div内部创建子div用于放置内容，在该div里用margin-left和margin-]]></description><category></category></item><item><title><![CDATA[VS Code 无法写入文件问题EOERM: operation not permitted]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/116130784</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/116130784</guid><author>whileqq</author><pubDate>Sun, 25 Apr 2021 15:44:22 +0800</pubDate><description><![CDATA[VS Code 无法写入文件问题
在vs code里面遇到无法写入文件的问题EOERM: operation not permitted
解决方法：
根目录–&gt;右键–&gt; 属性–&gt; 安全–&gt; 编辑

选择用户user，选中完全控制，再应用

然后在vs code中就可以写入文件啦！

...]]></description><category></category></item><item><title><![CDATA[Git创建本地仓库执行git init时报Permission denied的问题]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/116104842</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/116104842</guid><author>whileqq</author><pubDate>Sat, 24 Apr 2021 20:58:24 +0800</pubDate><description><![CDATA[Git创建本地仓库执行git init时报Permission denied的问题
打开git Bash输入git init命令时出现Permission denied错误
表示没有权限访问，这时需要用管理员身份打开git Bash。

然后用cd命令切换到当前项目的根目录

这时候再使用git init就没有问题了


...]]></description><category></category></item><item><title><![CDATA[JS 修改函数内部的this指向（call、apply、bind）]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/115309740</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/115309740</guid><author>whileqq</author><pubDate>Mon, 29 Mar 2021 20:05:27 +0800</pubDate><description><![CDATA[函数内this的指向：
函数体内的this 的指向，是当我们调用函数的时候确定的。 调用方式的不同决定了this 的指向不同，一般指向我们的调用者。

改变函数内部this指向：
JavaScript 为我们专门提供了一些函数方法来帮我们处理函数内部 this 的指向问题，常用的有 bind()、call()、apply() 三种方法。
1、call方法：
call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向。
fun.call(thisArg, arg1, arg]]></description><category></category></item><item><title><![CDATA[构造函数原型和原型链（prototype、__proto__、constructor）]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/115285508</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/115285508</guid><author>whileqq</author><pubDate>Sun, 28 Mar 2021 19:31:38 +0800</pubDate><description><![CDATA[构造函数原型prototype
JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象。
注意:
这个 prototype 就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有。
构造函数通过原型prototype分配的函数是所有对象所共享的。我们可以把那些不变的方法，直接定义在 prototype 对象上，这样所有对象的实例就可以共享这些方法。
我们也称为 prototype 为原型对象。
原型__proto__
对象都会有一个属性__proto__指向构造函]]></description><category></category></item><item><title><![CDATA[offset、client、scroll属性返回元素的宽高之区别]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/115253297</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/115253297</guid><author>whileqq</author><pubDate>Fri, 26 Mar 2021 19:13:59 +0800</pubDate><description><![CDATA[offset、client、scroll属性
offset、client、scroll属性都可以动态地返回元素的大小。
offsetWidth 和 offsetHeight 得到元素的宽度和高度时，是包含padding+border+width的
clientWidth 和 clientHeight 返回元素的宽高时，不包含边框border，只有padding+width
scrollWidth 和 scrollHeight 返回元素的宽高时，同样不包含边框border，只有padding+width

注]]></description><category></category></item><item><title><![CDATA[JavaScript立即执行函数]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/115252754</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/115252754</guid><author>whileqq</author><pubDate>Fri, 26 Mar 2021 18:42:09 +0800</pubDate><description><![CDATA[JavaScript立即执行函数
主要作用： 创建一个独立的作用域。 避免了命名冲突
不需要调用，直接执行
语法如下：
( function() {} ) ()    或者 ( function() {} () )
第一种语法：
 (function(a,b){
            console.log(a+b);
            var=10；      // 局部变量
        })(1,2)          // 返回结果3

最后那个括号可以看做是调用函数，可以用来传递参数。
]]></description><category></category></item><item><title><![CDATA[CSS复合选择器---后代选择器、子选择器、并集选择器、伪类选择器]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/114806114</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/114806114</guid><author>whileqq</author><pubDate>Sun, 14 Mar 2021 22:03:41 +0800</pubDate><description><![CDATA[CSS复合选择器
建立在基础选择器上，对基本选择器进行组合形成的
可以更准确、更高效的选择目标元素（标签）
包含：后代选择器、子选择器、并集选择器、伪类选择器
一、后代选择器
又称为包含选择器，可以选择父元素里面的子元素。
其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，当标签发生嵌套时，内层标签就成为外层标签的后代。
 ol li {
            color: pink;
        }
&lt;ol&gt;
        &lt;li&gt;我是ol的孩子&lt;/li]]></description><category></category></item><item><title><![CDATA[CSS的引入方式----行内式、嵌入式、链接式]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/114805966</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/114805966</guid><author>whileqq</author><pubDate>Sun, 14 Mar 2021 22:00:04 +0800</pubDate><description><![CDATA[CSS的引入方式
按照CSS样式书写的位置（或引入的方式），CSS样式表可以分为三大类
1、行内样式表（行内式）
2、内部样式表（嵌入式）
3、外部样式表（链接式）
一、内部样式表（嵌入式）
（1）是写到html页面内部，是将所有的CSS代码抽取出来，单独放到一个style标签中
（2）style理论上可以放到html的任何一个地方，但通俗的约定放在文档的head标签中
通过此种方式，可以方便控制当前整个页面中的元素样式设置
优缺点：代码结构清晰，但没有实现结构与样式完全分离
二、行内样式表（行内式）
是在]]></description><category></category></item><item><title><![CDATA[CSS Fonts字体属性]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/114805455</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/114805455</guid><author>whileqq</author><pubDate>Sun, 14 Mar 2021 21:51:50 +0800</pubDate><description><![CDATA[CSS Fonts（字体）属性
CSS Fonts（字体）属性用于定义字体系列、大小、粗细、和文字样式（如斜体）
一、CSS使用font-family属性定义文本的字体系列
h2 {
            font-family: '微软雅黑';
        }
 p {
            font-family: 'Microsoft YaHei',Arial;
        }

（1）各种字体之间必须使用英文状态下的逗号隔开。
（2）一般情况下，如果有空格隔开的多个单词组成的字体，加引号]]></description><category></category></item><item><title><![CDATA[CSS基础选择器---类选择器、id选择器]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/114804577</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/114804577</guid><author>whileqq</author><pubDate>Sun, 14 Mar 2021 21:43:18 +0800</pubDate><description><![CDATA[选择器的作用：根据不同的需求把不同的标签选出来
CSS基础选择器
是由单个选择器组成的
包括：标签选择器、类选择器、id选择器、通配符选择器
（1）标签选择器：
指用html标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
优点：能够快速为页面中同类型的标签统一设置样式。
缺点：不能设计差异化样式，只能选择全部的当前标签。
（2）class类选择器：
可差异化选择不同的标签，单独选一个或某几个标签。
.类名 {
属性1： 属性值1；
…
}
eg：
.red {
color: r]]></description><category></category></item><item><title><![CDATA[HTML网页骨架--＜!DOCTYPE＞文档类型]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/114804186</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/114804186</guid><author>whileqq</author><pubDate>Sun, 14 Mar 2021 21:24:51 +0800</pubDate><description><![CDATA[生成 “.html文件”：
工具：vscode：
新建文件 ctrl+N
先保存为.html文件
英文输入"！" ， 按下tab  直接出现网页骨架
利用插件浏览写的网页open in browser
HTML网页骨架
HTML骨架标签
html 根标签
head头标签
title文档标题
body 主体
（1）&lt;!DOCTYPE&gt;文档类型声明标签：
告诉浏览器使用哪种HTML版本来显示网页
位于文档中最前面的位置，在标签之前
不是一个HTML标签，它就是文档类型声明标签
（2）写在最开头
用最]]></description><category></category></item><item><title><![CDATA[Cutterman切图神器安装]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/112424891</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/112424891</guid><author>whileqq</author><pubDate>Sun, 10 Jan 2021 10:27:30 +0800</pubDate><description><![CDATA[Cutterman切图神器安装
注：Cutterman插件要求Photoshop必须是完整版，不能是绿色版。
1、下载Cutterman
官网地址：http://www.cutterman.cn/zh/cutterman
可下载Cutterman3.6

2、解压到文件夹，打开后直接运行exe

等待安装完成。
3、在官网上用邮箱注册一个账号。
4、打开Photoshop
点击菜单栏上的 "窗口-&gt;扩展功能-&gt;Cutterman "
输入自己注册时用的邮箱和密码，就可以开始使用啦！！


...]]></description><category></category></item><item><title><![CDATA[HTML+CSS清除浮动]]></title><link>https://blog.youkuaiyun.com/whileqq/article/details/112424580</link><guid>https://blog.youkuaiyun.com/whileqq/article/details/112424580</guid><author>whileqq</author><pubDate>Sun, 10 Jan 2021 09:55:46 +0800</pubDate><description><![CDATA[HTML+CSS清除浮动
清除浮动的本质是清除浮动元素造成的影响。
如果父盒子本身有高度，则不需要清除浮动。清除浮动之后，父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。
语法
语法：
选择器{clear：属性值；}
属性值：




left
不允许左侧有浮动元素（清除左侧浮动的影响）




right
不允许右侧有浮动元素（清除右侧浮动的影响）


both
同时清除左右两侧浮动的影响


清除浮动的方法
清除浮动的策略是：
闭合浮动，只让浮动在父盒子内部影响，不影响父盒]]></description><category></category></item></channel></rss>