向简-CSDN博客

原创 Vue中的组件

Vue中的组件介绍：页面中需要多个标签结构（HTML+css+js）封装成组件特点：组件是一种封装，组件能够让我们复用自己的html,css,js每用一次组件，就会有一个新例被创建组件中的data要求必须是一个函数，且需要返回一个对象组件有自己作用域template 每个组件模板有且只有一个根元素全局组件1、定义组件：Vue.component(组件名, {选项})2、{template:标签,data等}3、在视图中通过组件名使用（自定义标签）局部组件1、通过选项定义/注册

2021-10-31 22:43:29 113

转载 ES6知识点

ES6知识点箭头函数ES6中的箭头函数提供了一种更加简洁的函数书写方式基本语法：参数 => 函数体箭头函数的注意点：如果形参只有一个，则小括号可以省略1、用了箭头函数，this就不是指向window，而是父级（指向是可变的2、函数体如果只有一条语句，则花括号可以省略，并省略return，函数的返回值为该条语句的执行结果3、不能够使用arguments对象4、不能用作构造函数，这就是说不能够使用new命令，否则会抛出一个错误5、不可以使用yield命令，因此箭头函数不能用作 Gen

2021-10-24 22:05:41 89

原创 ES6中的Set方法

ES6中的Set方法Set对象Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用Set的操作方法：add(value)：添加某个值，返回Set结构本身。delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。has(value)：返回一个布尔值，表示该值是否为Set的成员。clear()：清除所有成员，没有返回值是不是发现了什么！唯一值所以我们可以用Set特性来进行数组去重了！let mySet = new Set([1,2,3,4,5,5,3,2]

2021-10-18 19:43:26 3179 1

原创 js基础篇

js基础篇1.禁止页面缩放<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1">2.设置一个视频无限播放，视频立马播放，静音<video src="" autoplay loop muted></video>3.标准盒子模型和怪异盒子模型box-sizing: conten

2021-10-10 22:36:34 76

原创 js深拷贝和浅拷贝

js深拷贝和浅拷贝我们稍微介绍一下深拷贝和浅拷贝是什么吧深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的浅拷贝（shallowCopy）只是增加了一个指针指向已存在的内存地址（用别人的，别人变了他也变，不太专一）深拷贝（deepCopy）是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存，（别人变了，他还是不变，保持初心）浅拷贝举个栗子var a = [1, 2, 3, 4];var b = a; console.log(b)a[0] = 0;

2021-10-10 21:15:53 105 1

原创 Vue.js的内置指令

Vue.js的内置指令简单的介绍一下指令，详细用法还会更新哦！v-once:定义它的元素或组件只渲染一次，包括它里面的所有子节点，首次渲染后不再随数据的变化重新渲染，将被视为静态内容v-cloak:保持在元素上直到关联实例结束编译，解决初始化慢导致页面闪动问题的最佳实践v-bind:属性绑定，动态更新HTML元素上的属性v-on:用于监听DOM事件如v-on:keyup v-on:click等v-html:赋值就是变量innerHTML（注意防止XSS攻击）v-h

2021-10-08 09:29:14 221

原创 js中防抖和节流

js中防抖和节流函数防抖函数防抖(debounce)：在持续触发事件的情况下，事件只执行一次boss.onclick = function(){ clearInterval(bossTime); if(flag){ num++; boss.innerHTML = num; flag = false; } else { bossTime = setTimeout(f

2021-10-07 21:37:14 113

原创清除浮动的几种方法

介绍一下清除浮动的几种方法：1.给父级div定义伪类：after和zoom// 用的多，推荐使用.clearfloat:after{ display:block; clear:both; content:""; overflow:hidden; height:0;}.clearfloat{ zoom:1;//兼容IE6、7、8所带的浮动问题}这种是最常用的清除浮动的方法也是最推荐，直接在浮动的两个元素的父级加一个clearfloat类名就可以2、父

2021-09-26 20:06:45 800

原创 js数组的排序和去重方法

js数组数组的排序数组的去重js的简单数组排序第一种：// 冒泡排序：把所有数据按照一定的顺序进行排序var arr1 = [10, 90, 55, 43, 23, 8, 79]; //循环控制比较的轮数 for (var i = 0; i < arr1.length - 1; i++) { //控制每一轮的比较次数 for (var j = 0; j < arr1.length - 1 - i; j++) {

2021-09-21 11:18:12 2140

原创 Vue中的内置指令 v-if和v-show

v-if：<pv-if="isShow">内容</p>作用:根据布尔值去渲染标签,当为true就在页面中插入该元素,为false从页面移除该元素,可以配合template使用。注意：Vue中有v-if自然的存在else（v-else），也还有v-else-if哦，注意：v-if与v-else语句需要联合使用，如中间加了其他语句，例如P标签，使上下不连贯导致报错，但v-if仍可以使用。v-if与v-else中间可以使用v-else-if，在render函数里...

2021-07-28 08:46:03 542

原创关于Http的常见状态码码值

关于Http的常见状态码码值什么是状态码？状态码由3位数字和原因短语组成，数字中的第一位指定了响应类别，后两位无分类。如：200，404，405，500等状态码了解状态码：状态码分类表：码值类别原因短语 1** Informational（信息性状态码）接受的请求正在处理 2** Success（成功状态码）请求正常处理完毕 3** Redirection（重定向）需要进行附加操作以完成请求 .

2021-05-23 15:59:55 770

qq_57688111的博客