自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript实现一个数组,按照数字出现的频率排序输出

JavaScript实现一个数组,按照数字出现的频率排序输出大致思路:将数组的数据和出现次数通过键值对(对象)的形式储存起来,不存在,value值设为1,存在,value值加1.通过Object.key得到一个obj的key值组成的数组。对数组进行排序,通过obj的value对key进行排序注:排序方法sort((i,j) => obj[j]-obj[i])遍历数组每一项,在循环对象中数组每一项对应的value次数,再依次插入新数组中。var arr = [1,2

2020-10-21 16:44:29 1648

原创 vuex整理

Vuex定义:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单的说: Vuex就是创建了一个状态库,将各组件之间数据存在状态库中, 将组件与组件之间的通信变成了组件与状态之间通信state:用来定义多组件之间的共享状态Mutations:用来修改state数据,只能在Mutations中更改vuex状态actions:用来定义一个方法在实例中进行异步请求ge

2020-10-08 23:00:20 127

原创 Vue中的虚拟DOM

Vue自定义指令先来了解一下vue的内置指令(v-开头的是指令):v-if、v-else、v-show、v-for、v-once、v-model、 v-on(@)、v-bind(:)、v-text、v-html等。自定义指令directives,和内置指令的区别,directives主要是需要对普通dom元素进行操作时,就需要用到自定义指令。(vue使用自定义指令操作底层dom,原生js用document.getElementById()来操作真实dom。vue的指令相比原生提高了性能,它选择操控内存

2020-10-07 00:24:36 298

原创 对于Vue生命周期的理解

对于Vue生命周期的理解组件从创建到销毁的一系列过程叫做组件的生命周期,vue在整个生命周期里面提供了一些函数,可以在内部实现一些业务逻辑,叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。组件的生命周期大体可以分为三个阶段: 初始化、运行中、销毁初始化阶段:beforeCreate created beforeMount (render) mounted运行中阶段:beforeUpdate updated销毁阶段: beforeDestroy destroyed

2020-10-04 19:06:47 239

原创 Vue计算属性vs监听器vs函数方法

Vue计算属性VS监听器VS函数方法new Vue({ el: '#app', data: { num: 1, //被监听,被函数调用,被属性调用 msg: 'hello', //页面中的无关数据 watchNum: '' }, watch:{ //监听器 num:{ //监听值 immediate:true, //初始化的时候也会执行一次 handler(newVal

2020-10-02 19:51:25 933

原创 for循环

for循环for循环语句的写法for(表达式1;判断表达式2;表达式3){ 循环体;}表达式1:定义初始变量(给循环变量赋初值)判断表达式2:循环条件表达式3:变量变化循环体:需要重复执行的语句。循环顺序1.变量初始化 在进入循环前执行一次2.条件是每次进入循环之前都会执行并且判断3.进入循环体,开始循环4.变量变化循环规则1.每个表达式可以定义多个, 表达...

2020-03-22 15:02:44 507

原创 CSS3制作立方体

如何用CSS3制作3D效果的正方体要用CSS3来制作一个正方体,我们先来看正方体的结构,如图:1.建立结构正方体有六个面,我们可以先建立六个面,放在li里。设置宽高,和背景色(方便区分),效果如图:2.位移接下来可以通过定位(position)和位移(translate)将他们移动到图一的位置。先用绝对定位将六块正方形定位到第1块的位置,然后再用位移移动到相对的位置,第6块和第1...

2020-03-09 18:36:42 343

原创 css浮动规则

css浮动在说明浮动规则之前,先讲一下为什么需要浮动吧。HTML中的标签可分为块状元素和行内元素。块状元素在页面显示中独占一行,可以定义宽高,就像这样:但行内元素可以并排显示,那么如果想要实现块状元素像内联元素一样可以并排显示的话,就需要给元素设置浮动属性。浮动可以取消标准流模式,让块状元素可以并排显示。浮动在css中的写法:选择器{float:属性值;}浮动的属性值left...

2020-02-24 19:44:24 466

空空如也

空空如也

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

TA关注的人

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