<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[小森呀]]></title><description><![CDATA[web前端]]></description><link>https://blog.youkuaiyun.com/KEY2018</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; KEY2018]]></copyright><item><title><![CDATA[自定义滚动条（css）]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121985461</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121985461</guid><author>KEY2018</author><pubDate>Thu, 16 Dec 2021 23:30:02 +0800</pubDate><description><![CDATA[文章目录


前言
	一、pandas是什么？
	二、使用步骤
	1.引入库
		2.读入数据
	
	总结


一、认识滚动条



::-webkit-scrollbar
			滚动条整体
		::-webkit-scrollbar-thumb
			滚动条滑块
		::-webkit-scrollbar-track
			滚动条轨道
		::-webkit-scrollbar-button
			滚动条轨道两端按钮
		::-webkit-scrollbar-track-piece
			滚动条内层轨道]]></description><category></category></item><item><title><![CDATA[prototype]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121884872</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121884872</guid><author>KEY2018</author><pubDate>Sun, 12 Dec 2021 11:56:50 +0800</pubDate><description><![CDATA[prototype
			显式原型属性
			构造函数的属性
			默认指向一个空的Object对象
		__proto__
			隐式原型属性
			实例对象的属性
			-
		constructor
			-
			实例对象的属性
			可以获取构造函数
		注意：实例对象.__proto__===对应构造函数.prototype
...]]></description><category></category></item><item><title><![CDATA[new原理]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121666781</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121666781</guid><author>KEY2018</author><pubDate>Wed, 01 Dec 2021 22:59:22 +0800</pubDate><description><![CDATA[构造函数
			特殊的函数，类型是函数
		实例对象
			new关键字通过构造函数创建出来的实例对象，类型是对象
		new
			关键字
		new原理

1.创建一个空对象

2.将空对象原型的内存地址__proto__指向函数的原型对象

3.利用函数的call方法，将原本指向window的绑定对象this指向了obj

4.利用函数返回对象obj


function a(name) {
      this.name = name;
      return this;
    }
    va]]></description><category></category></item><item><title><![CDATA[overflow：hidden]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121600379</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121600379</guid><author>KEY2018</author><pubDate>Mon, 29 Nov 2021 00:02:15 +0800</pubDate><description><![CDATA[失效场景

父元素有overflow：hidden属性，子元素超出父元素的部分并没有被剪切隐藏掉

失效原因

子元素有绝对定位，脱离了文档流，不受父元素约束

解决方法

给父元素添加定位
]]></description><category></category></item><item><title><![CDATA[this指向]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121595385</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121595385</guid><author>KEY2018</author><pubDate>Sun, 28 Nov 2021 18:51:33 +0800</pubDate><description><![CDATA[普通函数
			window
		严格模式
			undefined
		对象的方法里调用
			调用该方法的对象
		构造函数
			创建出来的实例
		定时器函数
			指向 window
		箭头函数
			没有this，使用外层对象的this
		总的原则就是this指的是调用它的对象


var name = "小红";
    function a() {
      var name = "小白";
      console.log(this.name);
    }
    functio]]></description><category></category></item><item><title><![CDATA[ES6基础]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121592788</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121592788</guid><author>KEY2018</author><pubDate>Sun, 28 Nov 2021 16:29:33 +0800</pubDate><description><![CDATA[声明变量的方式：

var
			声明变量，存在变量提升
			属于顶层对象的属性
		function
			-
			属于顶层对象的属性
		let
			声明变量，不存在变量提升
			不属于顶层对象的属性
		const
			声明常量，不可修改常量的内存地址
			不属于顶层对象的属性
		class
			-
			不属于顶层对象的属性
		import
			-
			-
		顶层对象

浏览器
			window
		node
			global
		运算符

扩展运算符
			......]]></description><category></category></item><item><title><![CDATA[浏览器本地存储]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121462944</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121462944</guid><author>KEY2018</author><pubDate>Sun, 21 Nov 2021 23:52:31 +0800</pubDate><description><![CDATA[setItem()
			增、改
		removeItem()
			删
		clear()
			清空
		getItem()
			查
		注意：

localStorage(永久)

sessionStorage()临时

保存的都是字符串

存储空间小
]]></description><category></category></item><item><title><![CDATA[VueComponent(组件)]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121454754</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121454754</guid><author>KEY2018</author><pubDate>Sun, 21 Nov 2021 15:51:59 +0800</pubDate><description><![CDATA[1.组件的本质是一个名为VueComponent的构造函数，由vue.extend生成

2.vue解析组件标签时会创建组件的实例对象

3.每次调用vue.extend，返回的都是一个全新的VueComponent

4.this指向

  a.组件配置中，data、methods、watch、computed中的函数的this均是指向VueComponent实例对象

  b.vue配置中，data、methods、watch、computed中的函数的this均是指向Vue实例对象

Vue与...]]></description><category></category></item><item><title><![CDATA[vue生命周期]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121451081</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121451081</guid><author>KEY2018</author><pubDate>Sun, 21 Nov 2021 12:08:38 +0800</pubDate><description><![CDATA[vue生命周期

beforeCreate
			实例初始化前
			无法访问到data中的数据和methods中的方法
		created
			实例初始化后
			可以访问到data中的数据和methods中的方法
		beforeMount
			实例挂载前
			页面呈现的是未经vue编译的dom结构，对dom的操作不奏效
		mounted
			实例挂载后
			页面呈现的是经过vue编译的dom结构，对dom的操作奏效
		beforeUpdate
			数据更新前
			此时数据是新的，页面]]></description><category></category></item><item><title><![CDATA[router基础]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121315696</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121315696</guid><author>KEY2018</author><pubDate>Sun, 14 Nov 2021 11:44:05 +0800</pubDate><description><![CDATA[&lt;router-link active-class="" to=""&gt;&lt;/router-link&gt;
			router导航
		&lt;router-view&gt;&lt;/router-view&gt;
			router展示
		router配置


import Vue from "vue";
import VueRouter from "vue-router";
import A from "../components/A.vue";
import B from "../c]]></description><category></category></item><item><title><![CDATA[vue插槽]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/116432988</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/116432988</guid><author>KEY2018</author><pubDate>Sat, 13 Nov 2021 19:50:58 +0800</pubDate><description><![CDATA[基本使用


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &]]></description><category></category></item><item><title><![CDATA[vue插件]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121197778</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121197778</guid><author>KEY2018</author><pubDate>Sun, 07 Nov 2021 21:44:51 +0800</pubDate><description><![CDATA[1.创建插件（一个js文件）


export default {
  install(Vue,参数...) {
    // 插件内容
  },
};


2.使用插件


Vue.use("插件名",参数...);


]]></description><category></category></item><item><title><![CDATA[props的写法]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121197386</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121197386</guid><author>KEY2018</author><pubDate>Sun, 07 Nov 2021 21:20:22 +0800</pubDate><description><![CDATA[第一种：


props: ["name", "sex", "age"]

第二种：


props:{
    name:String,
    sex:String,
    age:Number
  }

第三种：


props: {
    name: {
      type: String,
      required: true,//是否必要性
    },
    sex: {
      type: String,
      default: "男",//没参数时的默认值
    }]]></description><category></category></item><item><title><![CDATA[render]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121193082</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121193082</guid><author>KEY2018</author><pubDate>Sun, 07 Nov 2021 16:49:56 +0800</pubDate><description><![CDATA[render(createElement) {
        return createElement("h1", "你好");
      },


 render: (createElement) =&gt; createElement("h1", "你好"),


render: (h) =&gt; h("App"),
]]></description><category></category></item><item><title><![CDATA[key的作用及原理]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121064252</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121064252</guid><author>KEY2018</author><pubDate>Sun, 31 Oct 2021 15:09:01 +0800</pubDate><description><![CDATA[作用：

    key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM]，随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较

原理（比较规则）：

    1.旧虚拟DOM中找到了与新虚拟DOM相同的key:

       a.若虚拟DOM中内容没变，直接使用之前的直DOM!
       b.若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中之前的真实DOM。

    2.旧虚拟DOM中...]]></description><category></category></item><item><title><![CDATA[class与style]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/121062096</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/121062096</guid><author>KEY2018</author><pubDate>Sun, 31 Oct 2021 11:58:31 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;tit.]]></description><category></category></item><item><title><![CDATA[computed与watch]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/120856948</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/120856948</guid><author>KEY2018</author><pubDate>Tue, 19 Oct 2021 23: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 http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    ]]></description><category></category></item><item><title><![CDATA[defineProperty给对象追加属性]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/120465459</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/120465459</guid><author>KEY2018</author><pubDate>Sat, 25 Sep 2021 00:25:53 +0800</pubDate><description><![CDATA[方法一


&lt;script&gt;
    let number = 20;
    let man = {
      name: "张三",
      sex: "男",
    };
    Object.defineProperty(man, "age", {
      value: number,
      enumerable: true, //控制添加的内容是否参与遍历
      writable: true, //控制添加的内容是否可以修改
      configurable]]></description><category></category></item><item><title><![CDATA[less基础]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/119961532</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/119961532</guid><author>KEY2018</author><pubDate>Fri, 27 Aug 2021 22:51:43 +0800</pubDate><description><![CDATA[注释



&amp;

变量混合

合并属性



命名空间



引入@import (参数) “文件”

once
			只包含一次，默认
		reference
			引用less文件但不输出
		inline
			引用less文件但不进行操作
		less
			无论是什么格式的文件都把他作为less文件操作
		css
			无论是什么格式的文件都把他作为css文件操作
		multiple
			允许引入多次相同文件名的文件
		函数

字符串函数



数学函数

ceil()...]]></description><category></category></item><item><title><![CDATA[git基础]]></title><link>https://blog.youkuaiyun.com/KEY2018/article/details/119768353</link><guid>https://blog.youkuaiyun.com/KEY2018/article/details/119768353</guid><author>KEY2018</author><pubDate>Tue, 17 Aug 2021 23:23:20 +0800</pubDate><description><![CDATA[远程库

git remote
			查看远程仓库别名
		git remote -v
			查看远程库别名
		git remote add 别名 远程库http链接
			创建远程库别名
		git push 远程库别名 分支名
			将分支推送到远程库
		git pull 远程库别名 分支名
			将分支从远程库拉取到本地（会合并分支）
		git fetch 远程库别名 分支名
			将分支从远程库抓取到本地
		git fetch --all
			将远程库所有分支抓取到本地
		git clo]]></description><category></category></item></channel></rss>