<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[TardisKey的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/TardisKey</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; TardisKey]]></copyright><item><title><![CDATA[webpack安装配置]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/131514503</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/131514503</guid><author>TardisKey</author><pubDate>Mon, 03 Jul 2023 14:58:46 +0800</pubDate><description><![CDATA[此时dist文档下出现一个bundle.js的文件,修改dist/index.html 改成引入bundle.js。同时在dist中创建一个index.html ,在src中创建一个index.js。–save-dev 表示保存在项目里，并写入package.json配置文件。新建dist文件夹（浏览器最终要读取的文件都输出在这里面），src文件夹（用于创建一个项目入口，自己项目都写在这里）在 webpack.config.js 配置相关参数。结束后，生成一个packge.json文件。]]></description><category></category></item><item><title><![CDATA[Webpack配置]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/120568530</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/120568530</guid><author>TardisKey</author><pubDate>Thu, 30 Sep 2021 16:12:57 +0800</pubDate><description><![CDATA[https://cloud.tencent.com/developer/article/1195063

]]></description><category></category></item><item><title><![CDATA[前端开发库 - BootStrap JQuery Sass]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/120216424</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/120216424</guid><author>TardisKey</author><pubDate>Fri, 10 Sep 2021 15:10:27 +0800</pubDate><description><![CDATA[文章目录引入 Bootstrap使图片自适应移动端用 Bootstrap 居中文本创建一个 Bootstrap 按钮创建一个 Bootstrap 块级元素按钮Bootstrap 按钮的不同主题添加图标Bootstrap 栅格系统

引入 Bootstrap

添加如下代码到 HTML 顶部来引入 Bootstrap
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min]]></description><category></category></item><item><title><![CDATA[JavaScript -函数式编程]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/120194500</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/120194500</guid><author>TardisKey</author><pubDate>Thu, 09 Sep 2021 13:38:43 +0800</pubDate><description><![CDATA[文章目录头等 first class 函数  高阶 ( higher order) 函数在函数中重构全局变量使用 map 方法从数组中提取数据  Array.prototype.map()使用 filter 方法从数组中提取数据使用 slice 方法返回数组的一部分使用 slice 而不是 splice 从数组中移除元素使用 concat 方法组合两个数组使用 concat 而不是 push 将元素添加到数组的末尾使用 reduce 方法分析数据使用 sort 方法按字母顺序给数组排序使用 split 方法]]></description><category></category></item><item><title><![CDATA[JavaScript -面向对象]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/120160275</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/120160275</guid><author>TardisKey</author><pubDate>Thu, 09 Sep 2021 09:37:15 +0800</pubDate><description><![CDATA[文章目录在对象上创建方法使用 this 关键字提高代码重用性定义构造函数使用 instanceof 验证对象的构造函数

在对象上创建方法

let duck = {
  name: "Aflac",
  numLegs: 2,
  sayName: function() {return "The name of this duck is " + duck.name + ".";}
};
duck.sayName();


使用 this 关键字提高代码重用性

sayName: function() {r]]></description><category></category></item><item><title><![CDATA[JavaScript -基础数据结构及算法]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/120081308</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/120081308</guid><author>TardisKey</author><pubDate>Tue, 07 Sep 2021 16:00:42 +0800</pubDate><description><![CDATA[文章目录数组（Array）

数组（Array）


&gt; 包含类型
let simpleArray = ['one', 2, 'three', true, false, undefined, null];
&gt; 数组长度
Array.length
&gt; 索引
let ourVariable = ourArray[0];
&gt; 设置一个索引位置的元素值
ourArray[1] = "not b anymore";

&gt; push() 将元素插入到数组的末尾
arr.push(7, 'V]]></description><category></category></item><item><title><![CDATA[JavaScript - 调试]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/120079778</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/120079778</guid><author>TardisKey</author><pubDate>Fri, 03 Sep 2021 14:33:59 +0800</pubDate><description><![CDATA[文章目录使用 type of 检查变量的类型Off by one errors 错误（有时称为 OBOE）

使用 type of 检查变量的类型

console.log(typeof "");
console.log(typeof 0);
console.log(typeof []);
console.log(typeof {});
按顺序显示字符串 string、number、object 和 object

JavaScript 有六种原始（不可变）数据类型：Boolean、Null、Undefin]]></description><category></category></item><item><title><![CDATA[JavaScript - 正则表达式]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119780567</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119780567</guid><author>TardisKey</author><pubDate>Fri, 03 Sep 2021 13:20:49 +0800</pubDate><description><![CDATA[文章目录.test()   测试字符是否存在于字符串中   /coding/匹配多个文字字符串匹配时忽略大小写  i.match() 提取匹配项全局匹配（搜索多次）  g用通配符匹配任何内容（模糊匹配） 通配符（.）将单个字符与多种可能性匹配   [   ]匹配字母表中的数字和字母  连字符（-）匹配排除后的字符  否定字符集  脱字符（^）匹配出现一次或多次的字符  （+）匹配出现零次或多次的字符  （*）惰性匹配来查找字符 （匹配最小可能部分)

.test()   测试字符是否存在于字符串中   /c]]></description><category></category></item><item><title><![CDATA[JavaScript - ES6(ECMAScript 6.0标准)相关记录]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119645330</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119645330</guid><author>TardisKey</author><pubDate>Wed, 18 Aug 2021 14:55:51 +0800</pubDate><description><![CDATA[ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的版本标准
文章目录var 和 let 关键字差异var 和 let 关键字的作用域

var 和 let 关键字差异

使用 var 关键字来声明变量，会出现重复声明导致变量被覆盖却不会报错的问题。
var camper = 'James';
var camper = 'David';
console.log(camper);
控制台将显示字符串 David

使用 let 的时候，同一名字的变量只能被声明一次。 请注意 “use ]]></description><category></category></item><item><title><![CDATA[JavaScript - 基础JavaScript相关记录]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119541417</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119541417</guid><author>TardisKey</author><pubDate>Thu, 12 Aug 2021 15:18:47 +0800</pubDate><description><![CDATA[数据类型
undefined（未定义）、null（空）、boolean（布尔型）、string（字符串）、symbol、number（数字）、bigint（可以表示任意大的整数）和 object（对象）


]]></description><category></category></item><item><title><![CDATA[响应式网页设计-CSS网格]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119535985</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119535985</guid><author>TardisKey</author><pubDate>Mon, 09 Aug 2021 14:45:17 +0800</pubDate><description><![CDATA[在 CSS 网格中，父元素称为容器（container），它的子元素称为项（items）

CSS 网格

 display :grid ;

可以对该容器使用与 CSS 网格（CSS Grid）相关的属性

grid-template-columns 添加多列

.container {
  display: grid;
  grid-template-columns: 50px 50px;
}
在网格容器中添加两列，宽度均为 50px
grid-template-columns 属性值的个数表示网格的列]]></description><category></category></item><item><title><![CDATA[响应式网页设计-CSS弹性盒子]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119532805</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119532805</guid><author>TardisKey</author><pubDate>Mon, 09 Aug 2021 13:36:18 +0800</pubDate><description><![CDATA[CSS 灵活框布局
flex布局元素称为Flex容器(flex container),简称容器。
他的所有子元素自动称为容器成员,称为Flex项目(flex item),简称项目。

display: flex 定位两个盒子

在一个元素的 CSS 中添加 display: flex;，就可以使用其它 flex 属性来构建响应式页面
一些元素中添加display: flex ，会自动布局，更好看

flex-direction排列成行或列
排列 flex 容器中的子元素


row：横向排列（主轴水平方向,]]></description><category></category></item><item><title><![CDATA[响应式网页设计-应用视觉设计相关记录]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119411210</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119411210</guid><author>TardisKey</author><pubDate>Fri, 06 Aug 2021 10:36:40 +0800</pubDate><description><![CDATA[text-align 属性控制文本的对齐方式

text-align: justify; 可以让除最后一行之外的文字两端对齐，即每行的左右两端都紧贴行的边缘。

text-align: center; 可以让文本居中对齐。

text-align: right; 可以让文本右对齐。

text-align: left; 是默认值，它可以让文本左对齐。


strong 标签加粗文本

添加 strong 标签后，浏览器会自动给元素添加这段样式：font-weight:bold;。（粗体）
&lt;p&gt.]]></description><category></category></item><item><title><![CDATA[响应式网页设计-基础CSS相关记录]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119388758</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119388758</guid><author>TardisKey</author><pubDate>Thu, 05 Aug 2021 10:34:41 +0800</pubDate><description><![CDATA[Google字体

&lt;link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"&gt;
加在&lt;style&gt;之前
font-family: Lobster,monospace;
当link被注释掉，及Lobster字体失效，则会自动降级使用monospace字体


多个class

 &lt;img class="class1 class2"&gt;
 在一个元.]]></description><category></category></item><item><title><![CDATA[实践记录-one]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119353080</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119353080</guid><author>TardisKey</author><pubDate>Tue, 03 Aug 2021 16:30:19 +0800</pubDate><description><![CDATA[1.如何将div（元素b)居中


方案：
新建一个最外层的div:
&lt;div class="main"&gt;（元素a）(仅在body下）
.main{
	position: fixed;
	width:100%;/*设定长度高度为100%*/
	height:100%;
	display: flex;
	justify-content:center;/*水平居中*/
	align-items:center;/*垂直居中*/
}
flex应用于容器内元素


...]]></description><category></category></item><item><title><![CDATA[vs code配置github]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119343588</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119343588</guid><author>TardisKey</author><pubDate>Tue, 03 Aug 2021 09:59:21 +0800</pubDate><description><![CDATA[问题：拉代码时出现
The authenticity of host ‘github.com (192.30.253.113)’ can’t be established.
解决方法：本地少了 know_host文件，在刚刚那个位置输入yes就可以了，而不是回车
问题：fatal: Could not read from remote repository
解决方法：
https://fzy15116089232.blog.youkuaiyun.com/article/details/111537943
问题：
在gi]]></description><category></category></item><item><title><![CDATA[CSS小项目九宫格]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119323758</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119323758</guid><author>TardisKey</author><pubDate>Mon, 02 Aug 2021 14:19:24 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;!-- 九宫格 --&gt;
&lt;html&gt;
    &lt;style&gt;
        ul {
            position: fixed;/* 相对页面的位置固定 */
            top: 50%;
            left: 50%;
            text-align: center;/* 居中 */
            transform: translate(-50%,-50%]]></description><category></category></item><item><title><![CDATA[学习网站记录]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119324105</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119324105</guid><author>TardisKey</author><pubDate>Mon, 02 Aug 2021 14:15:07 +0800</pubDate><description><![CDATA[前端学习
MDN 

]]></description><category></category></item><item><title><![CDATA[CSS属性记录]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119322148</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119322148</guid><author>TardisKey</author><pubDate>Mon, 02 Aug 2021 13:42:36 +0800</pubDate><description><![CDATA[border-style

border-style:dotted solid double dashed;
上边框是点状
右边框是实线
下边框是双线
左边框是虚线

top

规定元素的顶部边缘
auto	默认值。通过浏览器计算上边缘的位置。
%	设置以包含元素的百分比计的上边位置。可使用负值。
length	使用 px、cm 等单位设置元素的上边位置。可使用负值。
inherit	规定应该从父元素继承 top 属性的值。

text-align

元素中的文本的水平对齐方式
left	把文本排列到左边.]]></description><category></category></item><item><title><![CDATA[CSS布局]]></title><link>https://blog.youkuaiyun.com/TardisKey/article/details/119321073</link><guid>https://blog.youkuaiyun.com/TardisKey/article/details/119321073</guid><author>TardisKey</author><pubDate>Mon, 02 Aug 2021 11:18:00 +0800</pubDate><description><![CDATA[颜色
CSS 背景色
&lt;h1 style="background-color:DodgerBlue;"&gt;China&lt;/h1&gt;
&lt;p style="background-color:Tomato;"&gt;China is a great country!&lt;/p&gt;

CSS 文本颜色
&lt;p style="color:DodgerBlue;"&gt;China is a great country!&lt;/p&gt;

CSS 边框颜色
&lt;h1 style]]></description><category></category></item></channel></rss>