<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[不是独角兽的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_51187159</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_51187159]]></copyright><item><title><![CDATA[行内元素、块级元素和行内块元素]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124661063</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124661063</guid><author>qq_51187159</author><pubDate>Mon, 09 May 2022 11:19:06 +0800</pubDate><description><![CDATA[HTML 可以将元素分类方式分为行内元素、块级元素和行内块元素.

使用display属性能够将三者任意转换:


display:inline;// 转换为行内元素
display:block;// 转换为块级元素
display:inline-block// 转换为行内块元素



行内元素



行内元素:（a，span，i，em，strong，b，label）

行内元素最常使用的就是span，其他的只在特定功能下使用.

行内元素特征:


设置宽高无效
	对margin仅设置左右方向有效，...]]></description><category></category></item><item><title><![CDATA[防抖与节流]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124601744</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124601744</guid><author>qq_51187159</author><pubDate>Fri, 06 May 2022 10:22:23 +0800</pubDate><description><![CDATA[是什么



本质上是优化高频率执行代码的一种手段

如：浏览器的resize、scroll、keypress、mousemove等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能.

为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用throttle（节流）和debounce（防抖）的方式来减少调用频率



定义




节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效
	防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计...]]></description><category></category></item><item><title><![CDATA[Vue.set作用]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124526001</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124526001</guid><author>qq_51187159</author><pubDate>Sun, 01 May 2022 19:18:02 +0800</pubDate><description><![CDATA[Vue.set 的作用就是在构造器外部操作构造器内部的数据、属性或者方法
]]></description><category></category></item><item><title><![CDATA[JS数据类型以及类型转换]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124523857</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124523857</guid><author>qq_51187159</author><pubDate>Sun, 01 May 2022 11:26:17 +0800</pubDate><description><![CDATA[数据类型



基础数据类型

number，string，undefined，null，boolean，symbol(ES6新增)



引用数据类型

object

类型转换



各种运算符对数据类型是有要求的，如果运算的类型与预期不符合，就会触发类型转换机制

常见的类型转换:




强制转换（显示转换）
	自动转换（隐式转换）




强制转换

强制转换，即我们很清楚可以看到这里发生了类型的转变，常见的方法有：




Number()
	parseInt()
	String()
	Bool]]></description><category></category></item><item><title><![CDATA[type of 与 instance of 的区别]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124522924</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124522924</guid><author>qq_51187159</author><pubDate>Sun, 01 May 2022 10:33:07 +0800</pubDate><description><![CDATA[type of



type of 操作符返回一个字符串，表示未经计算的操作值的类型

使用方法:


typeof operand
typeof(operand)

operand表示对象或原始值的表达式，其类型将被返回.


typeof 1 // 'number'
typeof '1' // 'string'
typeof undefined // 'undefined'
typeof true // 'boolean'
typeof Symbol() // 'symbol'
typeof nul.]]></description><category></category></item><item><title><![CDATA[ES6中新增的Set，Map两种数据结构]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124443792</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124443792</guid><author>qq_51187159</author><pubDate>Thu, 28 Apr 2022 10:23:25 +0800</pubDate><description><![CDATA[Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构

什么是集合？什么又是字典？



	集合
	是由一堆无序的、相关联的，且不重复的内存结构【数学中称为元素】组成的组合
	
	
	字典
	是一些元素的集合。每个元素有一个称作key 的域，不同元素的key 各不相同
	


区别？


共同点：集合、字典都可以存储不重复的值
	不同点：集合是以[值，值]的形式存储元素，字典是以[键，值]的形式存储


Set



Set是es6新增的数据结构，类似于数组，但是成员的值都是唯一的，没...]]></description><category></category></item><item><title><![CDATA[var、let、const之间的区别]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124423187</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124423187</guid><author>qq_51187159</author><pubDate>Tue, 26 Apr 2022 12:39:44 +0800</pubDate><description><![CDATA[var



在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量

注意：顶层对象，在浏览器环境指的是 window 对象，在 Node 指的是 global 对象


var a = 10;
console.log(window.a) // 10

使用var声明的变量存在变量提升的情况


console.log(a) // undefined
var a = 20

在编译阶段，编译器会将其变成以下执行


var a
console.log(a)
a =...]]></description><category></category></item><item><title><![CDATA[MVC模型与MVVM模型区别]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124361259</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124361259</guid><author>qq_51187159</author><pubDate>Sat, 23 Apr 2022 12:50:30 +0800</pubDate><description><![CDATA[MVC模型



Model（模型）

Model是应用程序中用于应用程序中处理数据保存的部分，通常模型对象负责在数据库中存取数据


数据不可能凭空生成的，要么是从服务器上面获取到的数据，要么是本地数据库中的数据，也有可能是用户在UI上填写的表单即将上传到服务器上面存放，所以需要有数据来源. 既然Model是数据管理者，则自然由它来负责获取数据




View（视图）

View 是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的



Controller（控制器）

Controller ]]></description><category></category></item><item><title><![CDATA[Vue理解]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124360242</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124360242</guid><author>qq_51187159</author><pubDate>Sat, 23 Apr 2022 11:14:56 +0800</pubDate><description><![CDATA[一、Vue是什么



Vue是一个用于搭建用户界面的开源MVVC模型的前端JavaScript框架，也是用于搭建单页应用的Web应用框架.Vue所关注的核心是MVVC模型中的视图层，同时也能方便地获取数据更新，并通过组件中特定的方法实现模型(model)与视图(view)的交互.

二、 Vue核心特性



数据驱动(MVVM)

MVVM 表示的是 Model-View-ViewModel

Model：模型层，负责处理业务逻辑以及和服务器端进行交互
	View：视图层：负责将数据模型转化为UI展示出]]></description><category></category></item><item><title><![CDATA[Vue项目 成员管理系统 Vuex状态管理(10)]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124228223</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124228223</guid><author>qq_51187159</author><pubDate>Fri, 22 Apr 2022 20:53:21 +0800</pubDate><description><![CDATA[Vuex是一个专为Vue.js应用程序开发的状态管理模式.它采用集中式储存管理应用的所有组件的转台并以相应的规则保证装填以一中可预测的方式发生变化.

Vuex可以将组件中的某些属性、值或者方法拿出来统一去声明、统一去定义，在Vuex中去声明，设置一些方法以及一些逻辑运算，来修改这些组件用到的相同的值.


...]]></description><category></category></item><item><title><![CDATA[Vue项目 成员管理系统 加载效果和异常处理(9)]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124225172</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124225172</guid><author>qq_51187159</author><pubDate>Sun, 17 Apr 2022 10:59:55 +0800</pubDate><description><![CDATA[一、Loading 加载数据时显示动效

项目中调用Loading，使用服务的方式去调用

1.1按需导入 ElementUI 组件 Loading


import { Loading } from 'element-ui';//按需引入



1.2 加载数据时，打开和关闭动效对象

注意： LoadingInstance 实例采用单例模式创建，防止响应异常时频繁切换路由时加载动效重复创建.

单例模式: 当关闭Loading再次打开时，调用的是前边关闭的实例，不会新创建实例.


// 加载数...]]></description><category></category></item><item><title><![CDATA[Vue项目 成员管理系统 修改密码(8)]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124211142</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124211142</guid><author>qq_51187159</author><pubDate>Sat, 16 Apr 2022 13:02:31 +0800</pubDate><description><![CDATA[目录

一、nodejs 添加接口

1.1添加原密码校验接口

1.2添加修改密码接口

二、Api 调用接口

2.1新建 api\password.js 文件, 调用服务接口实现如下:

三、初始化修改密码组件

3.1添加修改密码表单组件

3.2data 选项中初始化属性值

3.3在 handleCommand 方法中调用 handlePwd 方法

3.4添加 submitForm 方法, 提交修改密码表单

四、校验密码是否正确

4.1在 data 选项添加 user ...]]></description><category></category></item><item><title><![CDATA[清除浮动]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124145542</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124145542</guid><author>qq_51187159</author><pubDate>Wed, 13 Apr 2022 13:50:57 +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;title&gt;清除浮.]]></description><category></category></item><item><title><![CDATA[Vue项目 成员管理系统 学生管理模块(7)]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/123813020</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/123813020</guid><author>qq_51187159</author><pubDate>Tue, 12 Apr 2022 12:48:22 +0800</pubDate><description><![CDATA[一、学员管理-列表查询

1.1分页查询学员数据列表

1.1.1 nodejs 添加分页数据列表接口

创建student.js:


var mongoose = require('require');
mongoose.connect('mongodb://localhost/stu');

var Schema = mongoose.Schema;
var userSchema = new Schema({
    stunum: {// 学号
        type: String,
    .]]></description><category></category></item><item><title><![CDATA[JS面试汇总 01]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/124005672</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/124005672</guid><author>qq_51187159</author><pubDate>Thu, 07 Apr 2022 14:13:33 +0800</pubDate><description><![CDATA[JS面试汇总]]></description><category></category></item><item><title><![CDATA[Vue笔记 03]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/123923864</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/123923864</guid><author>qq_51187159</author><pubDate>Thu, 07 Apr 2022 09:01:05 +0800</pubDate><description><![CDATA[关于Vue学习阶段的笔记]]></description><category></category></item><item><title><![CDATA[Vue笔记 02]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/123863560</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/123863560</guid><author>qq_51187159</author><pubDate>Sat, 02 Apr 2022 10:25:02 +0800</pubDate><description><![CDATA[关于Vue学习阶段的笔记]]></description><category></category></item><item><title><![CDATA[Vue笔记 01]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/123765082</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/123765082</guid><author>qq_51187159</author><pubDate>Sun, 27 Mar 2022 13:48:07 +0800</pubDate><description><![CDATA[关于Vue学习阶段的笔记




]]></description><category></category></item><item><title><![CDATA[Vue项目 成员管理系统 教师管理模块(6)]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/123420274</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/123420274</guid><author>qq_51187159</author><pubDate>Wed, 23 Mar 2022 18:38:20 +0800</pubDate><description><![CDATA[一、教师数据列表

1.1 nodejs 添加数据列表接口

1.1.1 创建teacher.js node.js配置


//!读写数据库
var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/stu');

//?定义规则对象
var Schema = mongoose.Schema;//声明mongoose下的一个规则
var userSchema = new Schema({//创建一个规则的对象，生成一个]]></description><category></category></item><item><title><![CDATA[Vue项目 成员管理系统 项目布局与权限&退出(5）]]></title><link>https://blog.youkuaiyun.com/qq_51187159/article/details/123279065</link><guid>https://blog.youkuaiyun.com/qq_51187159/article/details/123279065</guid><author>qq_51187159</author><pubDate>Thu, 10 Mar 2022 17:42:31 +0800</pubDate><description><![CDATA[一、路由配置

1.1 在 src\components 目录下新建布局组件文件 Loyout.vue

基础布局都放到 components 下面.

页面部分:


&lt;template&gt;
    &lt;div&gt;
        &lt;!-- 头部区域 --&gt;
        &lt;div class="header"&gt;
            &lt;app-header /&gt;
        &lt;/div&gt;
        &lt;!-- 左侧导航 ]]></description><category></category></item></channel></rss>