<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[CodeDoge的博客]]></title><description><![CDATA[前路浩浩荡荡，万物皆可期待。]]></description><link>https://blog.youkuaiyun.com/CodeDoge</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; CodeDoge]]></copyright><item><title><![CDATA[Vue3-01day]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/121037340</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/121037340</guid><author>CodeDoge</author><pubDate>Fri, 29 Oct 2021 16:34:09 +0800</pubDate><description><![CDATA[项目启动：搭建Vue3工程化项目
安装 node.js（查看版本 是否安装成功）
创建一个 vite 的初始化项目 npm init @vitejs/app
Project name  输入项目的名字
Select a farmework  选择框架
Select a variant  选择
创建成功
项目骨架

.
├── README.md
├── index.html           入口文件
├── package.json
├── public               资源文件
│   .]]></description><category></category></item><item><title><![CDATA[ES6-01-02day]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/121036657</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/121036657</guid><author>CodeDoge</author><pubDate>Fri, 29 Oct 2021 15:58:18 +0800</pubDate><description><![CDATA[模板字符串  模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。



]]></description><category></category></item><item><title><![CDATA[ES6-01-01day]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/120967242</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/120967242</guid><author>CodeDoge</author><pubDate>Tue, 26 Oct 2021 14:31:32 +0800</pubDate><description><![CDATA[ECMAScript和javascript的关系是，前者是后者的规格，后者是前者的一种实现。
ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。
不存在变量提升 var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。这种现象多多少少是有些奇怪的，按照一般的逻辑，变量应该在声明语句之后才可以使用。为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。

// var 的情况
con.]]></description><category></category></item><item><title><![CDATA[21年10月份面试复盘]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/120955492</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/120955492</guid><author>CodeDoge</author><pubDate>Mon, 25 Oct 2021 17:04:55 +0800</pubDate><description><![CDATA[知识点

Flex  对flex的理解。
BFC(margin塌陷和浮动塌陷)。
javaScript 的 数据类型：number  string  boolean undefined  。引用数据类型（object）：function  array  data  。
闭包。
浅拷贝，深拷贝。
在Vue方面 没有自己的项目经历。
小程序，后台管理 的开发。

写在末尾：在20年10月份我计划重学web,计划被自己的懒惰无知吞噬。codeDoge要坚持学习。

...]]></description><category></category></item><item><title><![CDATA[JavaScript中使用JSON格式报错Uncaught SyntaxError: Invalid shorthand property initializer]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/120954340</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/120954340</guid><author>CodeDoge</author><pubDate>Mon, 25 Oct 2021 16:22:27 +0800</pubDate><description><![CDATA[JavaScript中使用JSON格式定义一个对象时

在浏览器调试运行时出现错误：Uncaught SyntaxError: Invalid shorthand property initializer。
原因是 “=” 应该写为 “:”这个经常错，还不容易发现，所以记录下来，加强记忆

...]]></description><category></category></item><item><title><![CDATA[select 下拉框样式修改 option文字居右]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/119350059</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/119350059</guid><author>CodeDoge</author><pubDate>Tue, 03 Aug 2021 14:52:58 +0800</pubDate><description><![CDATA[select {
    direction: rtl;
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;

    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
   /* background: url("h]]></description><category></category></item><item><title><![CDATA[提示文件过大无法复制到U盘怎么解决]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/115368038</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/115368038</guid><author>CodeDoge</author><pubDate>Thu, 01 Apr 2021 10:21:11 +0800</pubDate><description><![CDATA[首先普及一个知识，U盘一般会有文件系统，主要有NTFS、FAT16、FAT32三种形式，三种形式对应单个文件的大小也是不一样的，分别如下：
NTFS：最大文件2TB
FAT16：最大文件2GB
FAT32：最大文件4GB
一般U盘默认的是FAT32，今天我们主要考虑将U盘设置成NTFS，以便解决上述问题。
1、cmd打开管理员面板

2、 在弹出的对话框中，输入’convert g:/fs:ntfs’并回车确定。（这边g:/代表U盘所在盘符，根据电脑中U盘实际显示盘符正确输入盘符）
3、 回车后，我们会看到]]></description><category></category></item><item><title><![CDATA[前端菜鸡对2020年回顾]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/112672517</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/112672517</guid><author>CodeDoge</author><pubDate>Fri, 15 Jan 2021 15:57:49 +0800</pubDate><description><![CDATA[1，2020年买了服务器，域名。简单的上传了两个工具页面
http://www.codedoge.top/color/        拾色板
http://www.codedoge.top/time/       大圣老师的壁纸
但是接下来的时间，这台服务器就被我荒废了，没再做什么。
对2020年的自己不满意。
就说说我自己接下来想做的事吧。
node.js  这个必须滴要去学习
小程序 app 要独立各做一个
vue尤大佬，做为主要的， react 和angular也是要去了解
目前自己是技术阶段学习。像]]></description><category></category></item><item><title><![CDATA[重学web---第一天（DOM问题）]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/109359881</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/109359881</guid><author>CodeDoge</author><pubDate>Mon, 02 Nov 2020 09:54:55 +0800</pubDate><description><![CDATA[今天咋看DOM的知识点，发现自己理解不了包含参数的函数。
1、函数、函数的参数。

单词
sibling [ˈsɪblɪŋ]    兄弟姐妹
node  [noʊd]  节点
previous  [ˈpriːviəs]  先前的  前一个

]]></description><category></category></item><item><title><![CDATA[图片的1px间隙、字间距、文字竖排 _CSS]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/109235537</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/109235537</guid><author>CodeDoge</author><pubDate>Fri, 23 Oct 2020 10:02:59 +0800</pubDate><description><![CDATA[日常css
1、字间距
a、text-indent设置抬头距离css缩进
text-indent: 20px; 

b、letter-spacing来设置字与字间距_字符间距离。   该属性将指定的间隔添加到每个文字之后，但最后一个字将被排除在外。
letter-spacing: 8px;

c、letter-spacing和word-spacing之间的区别

letter-spacing添加字母之间的空白，而word-spacing添加每个单词之间的空白。请大家注意，word-spacing对中文无效。]]></description><category></category></item><item><title><![CDATA[【超实用】又不花里胡哨的鼠标滑过样式]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/109029457</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/109029457</guid><author>CodeDoge</author><pubDate>Mon, 12 Oct 2020 16:10:12 +0800</pubDate><description><![CDATA[【超实用】又不花里胡哨的鼠标滑过样式
来源 | juejin.im/post/6881429197542785031
作者@kuangyaoqian
一、纯图片的DIV
html代码（以下效果皆围绕这个代码展开）
&lt;div class="lists"&gt;
    &lt;a href="#" class="box"&gt;
        &lt;img src="avatar.jpg"&gt;
    &lt;/a&gt;
    &lt;a href="#" class="box"&gt;
 ]]></description><category></category></item><item><title><![CDATA[禁止F12,禁止Ctrl+s,禁止ctrl+u,禁止选中文字,禁止鼠标右键]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/108975687</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/108975687</guid><author>CodeDoge</author><pubDate>Fri, 09 Oct 2020 11:34:56 +0800</pubDate><description><![CDATA[1、实现禁止选中文字。
&lt;script&gt;
//网站禁止选择文字
    document.body.onselectstart = function() {
    self.event.returnValue=false
};
&lt;/script&gt;

2、实现禁止鼠标右键。
&lt;script&gt;
    //网站禁止右键
    document.body.oncontextmenu = function() {
    self.event.returnValue=fals]]></description><category></category></item><item><title><![CDATA[页面的加载过程]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/108963439</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/108963439</guid><author>CodeDoge</author><pubDate>Thu, 08 Oct 2020 15:03:58 +0800</pubDate><description><![CDATA[浏览器加载和渲染html的顺序


IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。


在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。


如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。


样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。


JS、CSS中如有重定义，后定义函数将覆盖前定义函数。
]]></description><category></category></item><item><title><![CDATA[HTML页面加载和解析流程]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/108963279</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/108963279</guid><author>CodeDoge</author><pubDate>Thu, 08 Oct 2020 15:01:46 +0800</pubDate><description><![CDATA[HTML页面加载和解析流程


用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。


浏览器开始载入html代码，发现标签内有一个标签引用外部CSS文件。


浏览器又发出CSS文件的请求，服务器返回这个CSS文件。


浏览器继续载入html中部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了。


浏览器在代码中发现一个标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码。


服务器返回图片文件，由于]]></description><category></category></item><item><title><![CDATA[如何加快HTMl页面记载速度！]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/108963195</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/108963195</guid><author>CodeDoge</author><pubDate>Thu, 08 Oct 2020 14:51:48 +0800</pubDate><description><![CDATA[1. 页面减肥：
a. 页面的肥瘦是影响加载速度最重要的因素。
b. 删除不必要的空格、注释。
c. 将inline的script和css移到外部文件。
d. 可以使用HTML Tidy来给HTML减肥，还可以使用一些压缩工具来给JavaScript减肥。
2. 减少文件数量：
a. 减少页面上引用的文件数量可以减少HTTP连接数。
b. 许多JavaScript、CSS文件可以合并最好合并，人家财帮子都把自己的JavaScript. functions和Prototype.js合并到一个base.js文件]]></description><category></category></item><item><title><![CDATA[html+css实现自定义图片上传按钮]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/108951948</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/108951948</guid><author>CodeDoge</author><pubDate>Wed, 07 Oct 2020 16:10:32 +0800</pubDate><description><![CDATA[直接上代码
效果图

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;自定义图片上传按钮&lt;/title&gt;
    &lt;style&gt;
        .btn{
]]></description><category></category></item><item><title><![CDATA[那些总记不住的css,而且还经常用到]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/108951310</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/108951310</guid><author>CodeDoge</author><pubDate>Wed, 07 Oct 2020 15:35:20 +0800</pubDate><description><![CDATA[那些你总是记不住但又总是要用的css

一、设置input 的placeholder的字体样式
input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
    color: red;
}
input::-moz-placeholder { /* Firefox 19+ */  
    color: red;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: red;
}
i]]></description><category></category></item><item><title><![CDATA[一行代码全站进入悼念模式]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/108665984</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/108665984</guid><author>CodeDoge</author><pubDate>Fri, 18 Sep 2020 15:34:15 +0800</pubDate><description><![CDATA[一行代码全站进入悼念模式
巧妙使用filter这个强大的CSS属性。直接上代码！
html {
    filter:grayscale(1);
}

一行代码全站进入暗黑模式。（黑暗模式很难看，不推荐使用 0.0）
html {
    filter: invert(1) hue-rotate(180deg);
}

写完就溜，拜拜，下次见

...]]></description><category></category></item><item><title><![CDATA[border 虚线边框]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/108535303</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/108535303</guid><author>CodeDoge</author><pubDate>Fri, 11 Sep 2020 15:21:00 +0800</pubDate><description><![CDATA[border 虚线边框
border:1px dashed;

就是这么简单了

]]></description><category></category></item><item><title><![CDATA[下拉菜单，纯CSS实现]]></title><link>https://blog.youkuaiyun.com/CodeDoge/article/details/108342629</link><guid>https://blog.youkuaiyun.com/CodeDoge/article/details/108342629</guid><author>CodeDoge</author><pubDate>Tue, 01 Sep 2020 15:18:24 +0800</pubDate><description><![CDATA[下拉菜单，纯CSS实现
简单解释下：只需要设置一个div，然后给他设置两种状态，一种是没有:hover，一种是有:hover。并且在没有:hover的时候设置菜单隐藏就可以了（overflow: hidden;），其余的代码都是简单的盒子模型。
话不多说，直接上代码
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=d]]></description><category></category></item></channel></rss>