真的好困-优快云博客

转载浅谈var、let、const

本文属于转载文章原文链接：https://blog.youkuaiyun.com/unionz/article/details/80032048 首先，一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM

2021-09-07 10:05:45 359

一、一些前置知识1. JavaScript是单线程总所周知， JS是单线程的脚本语言，也就是说，每次都只能执行一项任务，其他任务都需要排队等待。为了协调事件、用户交互、脚本、UI渲染和网络处理等行为，防止主线程阻塞，Event Loop方案应运而生。2. 进程进程是系统分配的独立资源，是程序执行时的一个实例，是系统进行资源分配和调度的基本单位，进程是由一个或者多个线程组成的。3. 线程线程是进程的执行流，是CPU调度和分派的基本单位，同个进程之中的多个线程之间是共享该进程的资源的

2021-08-29 19:43:28 253

原创 Vue中的生命周期 + 生命周期函数

先来一张张图镇镇楼生命周期生命周期是指一个组件从创建 -> 运行 -> 销毁的整个阶段 , 强调的是一个时间段生命周期函数生命周期函数是Vue内置的函数 , 会伴随着组件的生命周期,自动按次序执行,强调的是时间点接下来我们来介绍一下在组件的每个生命周期中 , 都分别有哪些生命周期函数一、组件的创建阶段中的生命周期函数 1. beforeCreate ：实例刚在内存中创建出来，此时的props,data,metho...

2021-08-26 21:06:24 350

原创 Vue中data数据变化 -- 页面重新渲染的问题

话不多说，直接上代码！！！1. 当数据属于基本类型时， vue会自动检测并在页面重新渲染 <div id="app"> <p>{{ testData }} </p> </div> <script src="./vue-2.6.12.js"></script> <script> let vm = new Vue({ el:'#app', data(){ return {

2021-08-21 21:51:50 7955

原创关于Vue中的路由跳转＋路由传参

一、路由概念Vue Router 是Vue.js(opens new window)官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。可以简单的理解为指向，当我们点击页面上的某个按钮时，页面就要显示这个按钮相对应的内容，也可以说是一种映射二、关于路由的跳转方式1. 编程式导航在浏览器中, 调用API方法实现导航的方式, 叫作编程式导航 this.$router.push('hash地址') 使用push方法 , 跳转到...

2021-08-20 19:57:28 314

原创 JS中的垃圾回收机制

一. 垃圾回收的概述JS中的垃圾回收机制, 负责管理代码执行过程中使用的内存，垃圾回收机制会间歇的不定期的找到那些不在使用的变量，然后释放他们所指向的内存垃圾回收机制是为了避免内存泄漏，内存泄漏的含义就是当已经不需要某块内存时，这块内存还存在着二.两种常见的垃圾回收方式1. 标记清除法2.引用计数法...

2021-08-19 13:58:32 132

原创浅谈Vue中的插槽

简单的介绍下Vue插槽在官网中是这么说的 :Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自Web Components 规范草案，将<slot>元素作为承载分发内容的出口。通俗一点讲,slot是在父组件中控制子组件显示或者隐藏相关内容。插槽是Vue为组件的封装者提供的能力，允许开发者在封装组件时，把不确定的、希望用户指定的部分定义为插槽。主要分为匿名插槽，具名插槽，作用域插槽三种，接下来我们一一介绍1. 匿名插槽顾名思义 ...

2021-08-17 20:38:12 277

原创 Vue中的修饰符 .sync详解

一、.sync修饰符的介绍从2.3.0版本起，Vue重新引入了 .sync修饰符。实现了父子组件数据之间的双向绑定，与v-model类似 . 一般的应用场景就是在父组件data定义了一个变量 , 我们希望可以在子组件中修改他二、.sync修饰符的使用不使用 .sync实现父子数据绑定// 在子组件中<MySon>methods:{// 通过触发自定义事件来传递this.$emit('setAge',23)}</MySon>// 父组件

2021-08-12 18:07:05 1297

原创在一个新项目中使用svg-icon组件的步骤

1. 首先要安装依赖npm i svg-sprite-loader@4.1.32. 在vue.config.js中补充一个配置chainWebpack (config) { // set svg-sprite-loader config.module .rule('svg') .exclude.add(resolve('src/icons')) .end() config.module .rule('icons')

2021-08-11 20:21:03 323

原创统计数组中数据出现的次数并返回到对象里面

1. 需求["b", "c","b", "c","a", "b", "c"] 统计每个元素出现的次数并把结果返回成： {a：1，b: 3, c: 3}2.代码实现 // 第一种方法 const arr = ["b", "c", "b", "c", "a", "b", "c"] const obj = {} arr.forEach(item => { let k = item if(obj[k]){ obj[k]++ }else{.

2021-08-11 19:30:01 469

原创数组常用的一些方法

一、简单的介绍一下数组首先我们简单介绍一下数组。数组就是在堆中开辟的一串连续的内存空间，并将堆地址存在栈中。一个数组可以存放任意类型的数据，是一种特殊的对象。但是相比于对象不同的是数组里面的数据是有序的。二、数组中常用的方法1 . 实现数组增删改查的方法 (这几个方法都会改变原来的数组)push --- 向数组的末尾增加内容@params 多个任意类型@return 改变后数组的长度let arr = [1,2,3,4]let res = arr.push(5...

2021-08-08 21:02:17 135

原创 vuex中核心概念中的modules 分模块

目录1. vuex中的五大核心概念2. modules的具体使用3. 直接使用modules对其他核心概念的影响4. 开启命名空间后对其他核心概念的影响1. vuex中的五大核心概念state : 数据源 , 唯一存放数据的地方 mutations : 唯一能够同步修改state的地方 , 调试工具可追踪变化过程 actions : 异步修改数据源 , 经常用来发送ajax请求 getters : vuex中的计算属性 , 依赖于state中原始数据的变化 modules..

2021-08-07 20:21:20 602

原创使用Vue封装自动聚焦的全局自定义指令

1. 需求 : 当页面有输入框时,切换到当前页面时,输入框自动聚焦2. 思路 :通过inserted钩子函数中的形参el指向绑定指令的DOM元素由于我们可能使用第三方组件库 , 需要用nodeName属性判断一下当前元素是否为输入框当组件更新时 , 通过update钩子函数来检测3. 具体代码实现:Vue.directive('fofo', { inserted(el) { // 指令所在标签, 被插入到真实DOM触发一次(仅触发一次) fofo(el) ...

2021-08-06 09:41:52 294

原创 ES6中的箭头函数

定义 :箭头函数是ES6允许的一种通过箭头定义的函数, 提供了更简洁的函数书写方式// 普通函数function fn() {}// 箭头函数(a,b) => {return a+b} // 小括号里面用来放形参 , 大括号用来放函数体关于箭头函数的使用:如果箭头函数的形参只有一个 , 那么箭头函数的小括号可以省略不写如果箭头函数的函数体里面只有一行代码, 同样, 大括号也可以省略如果省略了大括号, 那么箭头函数会自动 return 箭头函数一般用在非方法函数..

2021-08-04 20:55:10 166

m0_58355198的博客