自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 数据存储总结篇

此篇文章总结数据存储的几个方法以及它们的区别,并简述了前端cookie实现记住密码的操作。

2023-07-26 16:00:38 68 1

原创 ES6新特性总结篇

ES6新语法总结篇

2023-07-19 14:57:34 88

原创 Sass和Less的区别

简单说,Sass和Compass的关系类似于像Javascript和jQuery的关系,Compass在Sass的基础上,封装了一系列有用的模块和模板,补充强化了Sass的功能。,Bootstrap是web前端开发中一个比较有名的前端UI组件库,Bootstrap的样式文件部分源码就是采用Less语法编写。sass提供4中输出选项:nested, compact, compressed 和 expanded,而less没有输出设置。sass支持条件语句,可以使用if{}else{},for{}循环等等。

2023-07-31 17:02:47 74

原创 Less的概念和用法

用于隐藏这个属性集合,不让它暴露到CSS中去.wrap () {

2023-07-31 16:15:59 249

原创 Sass的概念和用法

mixin 混合器名称{ }@mixin 混合器名称(形参){ }@mixin 混合器名称(形参默认值){ }

2023-07-31 14:23:52 194

原创 js中常用的API

【代码】js中常用的API。

2023-07-28 16:30:03 86

原创 路由传参的方法总结

路由传参的使用场景一般都是应用在时,携带参数跳转。传参方式可划分为params传参和query传参,而params传参又可分为在中显示参数和不显示参数两种方式,这就是vue路由传参的三种方式。

2023-07-28 15:33:41 222

原创 事件队列、事件循环机制简述

当我们调用一个方法的时候,js会生成一个与这个方法对应的执行环境,而当一系列方法被依次调用的时候,因为js是单线程的,同一时间只能执行一个方法,于是这些方法被排队在一个单独的地方,这个地方被称为。如果有,那么主线程会从中取出排在第一位的事件,并把这个事件对应的回调放入执行栈中,然后执行其中的同步代码,如此反复,这样就形成了一个无限的循环。异步任务指的是: 不进入主线程,而是进入一个"任务队列"的任务,当主线程中的任务执行完,才会从任务队列中取出异步任务放入主线程执行。异步任务分为:异步宏任务、异步微任务。

2023-07-28 10:52:53 193

原创 ES6新语法之Proxy

proxy的用法

2023-07-27 15:30:30 122

原创 算法相关知识点——————整理中

二分查找也称折半查找(Binary Search),它是一种效率较高的查找方法。但是,折半查找要求线性表必须采用顺序存储结构,而且表中元素按关键字有序排列。

2023-07-26 18:02:05 21

原创 数据存储的方法之session

在会话范围内获取指定名字的属性的值,返回值类型为object,如果该属性不存在,则返回null。删除指定名字的session属性名,若该属性不存在,则出现异常, 一般用于退出登录。设定指定名字的属性的值,并将它添加到session会话范围内,如果这个属性会话范围。删除指定名字属性中所存的属性值,若该属性不存在,则不会报错。在,则更改该属性的值。

2023-07-26 16:49:44 422

原创 数据存储的方法之localstorage

目录1.存值2.取值3.修改4.移除5.获取所有的key6.获取所有的值7.清除所有的值8.判断是否含有某个key9.使用技巧10.注意事项

2023-07-26 16:30:43 803 1

原创 数据存储的方法之Vuex

Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件状态,并以相应的规则保证状态以一种可预测的方式发生变化。可以理解为:将多个组件共享的变量全部存储在一个对象里面,然后将这个对象放在顶层的 Vue 实例中,让其他组件可以使用,它最大的特点是响应式。

2023-07-26 15:56:36 820 1

原创 ES6新语法之Promise

111。

2023-07-25 14:38:33 63

原创 ES6新语法之扩展运算符、可选链运算符、函数绑定运算符

1.扩展运算符(...)2.可选链运算符(?.)3.函数绑定运算符(::)

2023-07-25 14:04:14 99

原创 vue2和vue3的不同

1、生命周期函数钩子不同2、数据双向绑定原理不同3、定义变量和方法不同4、指令和插槽的使用不同5、API类型不同6、是否支持碎片7、父子之间传参不同8、main.js文件中部分设置不同

2023-07-24 11:20:58 29

原创 Vue2生命周期(钩子函数)相关

挂载: parent beforeCreate => parent created => parent beforeMount => child beforeCreate => child created => child beforeMount => child mounted => parent mounted。更新: parent beforeUpdate => child beforeUpdate => child updated => parent updated。生命周期(钩子函数)

2023-07-24 11:17:47 32

原创 vue中有哪些全局API

bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于 document 中)。update:被绑定元素所在的模板更新时调用,而不论绑定值是否变化。通过比较更新前后的绑定值,可以忽略不必要的模板更新(详细的钩子函数参数见下)。componentUpdated:被绑定元素所在模板完成一次更新周期时调用。unbind:只调用一次, 指令与元素解绑时调用。

2023-07-24 11:04:23 213

原创 ES6新语法之数组array、对象object新方法

6.some()、every() 参数:函数-------- 返回值:true/false。2.includes() 参数:数值 -------- 返回值:true/false。4.forEach() 参数:函数-------- 返回值:undefined。3.map()、filter() 参数:函数-------- 返回值:数组。1.Array.from()是内置对象Array的方法,实例数组不能调用。5.find() 参数:函数-------- 返回值:数值。

2023-07-19 14:21:36 212

原创 ES6新语法之let和const、Symbol、字符串新方法

Symbol是ES6中引入的一种新的基本数据类型,用于表示一个独一无二的值,不能与其他数据类型进行运算。对象是引用类型的,person中保存的仅是对象的指针,而修改对象的属性不会改变对象的指针,所以这种情况就会修改成功。这两个方法可以有第二个参数,一个数字,表示开始查找的位置。使用Symbol()创建一个Symbol类型的值并赋值给a变量后,你就得到了一个在内存中独一无二的值。let用于声明变量,const用于声明常量且必须有初始值,声明后不能修改,特殊情况:但是在定义的对象时对象属性值可以改变。

2023-07-19 14:16:40 47

原创 ES6新语法之解构赋值、Map、Set

解构赋值是对赋值运算符的扩展,它是一种针对数组或对象进行模式匹配,然后对其中的变量进行赋值的操作。

2023-07-19 11:43:44 135

原创 几个小知识点

once 是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行。不加的话,如果从【】到【88888888】,可以监听到,但如果【222】到【78888】是监听不到的,只能从无到有,如果从有到有变化的监听需要深度监听。4XX--客户端错误 400--错误的请求 401--访问被拒绝 402--禁止访问 404--未找到。1XX--提示信息 100--继续 101--更改协议。

2023-07-19 11:04:41 31

原创 marquee(文字滚动)标签的使用

marquee标签,是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。

2023-07-19 11:01:00 306

原创 Object.assign和Object.defineProperty

Object.assign()方法用于从一个或多个对象复制所有可枚举的属性值更多的源对象到目标对象。对象是通过引用分配和复制的。它将返回目标对象。1、如果目标对象中的属性具有相同的键,则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。2、Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。3、注意目标自身也会改变4.如果只有一个参数,Object.assign会直接返回该参数//输出结果为 {a: 1, b: 2}

2023-07-19 10:58:09 142

原创 盒模型以及box-sizing常用属性

因此,给div盒子加了box-sizing:border-box属性,padding和border的值就不会再影响元素的宽高,相当于把padding和border的值都算在content里,这样,盒子模型会自动根据padding和border的值来调整content的值,就不需要手动调整宽高。content-box:浏览器对盒模型的解释遵从W3C标准,当定义width和height时,它的参数值不包括border和padding,这个属性是默认值。可以把每一个容器,比如div,都看做是一个盒子模型。

2023-07-19 10:15:13 171

原创 什么是内存泄漏?如何避免?

内存泄漏是指在程序运行时,申请的内存空间没有被及时释放,导致程序占用的内存不断增加,最终可能导致系统崩溃或变得非常缓慢。

2023-07-18 17:43:58 197 1

原创 BFC是什么?有什么用?怎么用?

BFC是什么,以及BFC的应用,常见的问题解决方式

2023-07-18 11:47:39 161 1

原创 简述页面渲染的过程

浏览器是怎么把我们写的一行行代码渲染成美观的页面呢?

2023-07-18 09:15:01 73 1

原创 页面重绘和重排(回流)

dom的重绘和重排知识点整理

2023-07-17 18:34:09 147 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除