小白超神-CSDN博客

原创 Vue实例的源码解析 (实例二)

实例二该实例的模板如下： <div id="app"> <mycom></mycom> <div></div> </div> <script> var vm = new Vue({ el:'#app', data:{ message:123 },

2021-08-16 09:36:08 1076

原创 Vue实例的源码解析 (实例一)

Vue实例的源码解析接下来我将用两个例子来讲解一个vm实例从无到有再到渲染页面的过程，可能比较复杂，望君能沉静下来。这里只讨论了关于实例的创建以及虚拟节点的创建和挂载部分，并没有讨论生成实例后的数据处理部分。关于数据处理部分我会在后续的文章中详细介绍。示例一：示例一的代码如下：<body> <div id="app"> <span>{{message}}</span> </div> <scri

2021-08-16 09:34:28 2524

原创 2021-05-31 react 路由跳转传参学习总结

react 路由跳转传参路由传参学习总结对于react路由传参，有以下几种方式：问号传参(search传参)：问号传参属于明文传参。并且当刷新页面的时候参数不会消失。<Link to={{ pathname:'/custom/info', search:'?id=' + value.id //基于问号传参 }}> 编号：{value.id}      姓名:{value.name}

2021-05-31 14:00:22 613 5

Class详解零，ES6转ES5代码下面代码是我们使用babel转换器来实现es6转es5(如果想进行代码转换，那么可以使用官网转换器）：代码如下：//ES6class Foo{ constructor(name){ this.name = name } show(){ console.log(this.name) }}var foo = new Foo('xz')//ES5"use strict";//该函数的主要作用是判断left是不是rig

2020-11-15 17:59:00 1008 1

原创 VUE prop详解学习笔记

10.1 通过prop向子组件传递数据props的概念的产生源于我们要向子组件传值。有时候，我们希望子组件能够使用到父组件的某些值(前提是不改变父组件的值)，此时Vue就为我们提供了一种方式，利用prop。prop是一个概念，prop就是我们注册在props中的值。我们来看一个实例：props:["title","name"]title，name就是一个个的prop。<parent-component> <child-component :title="mytitle"

2020-10-14 17:06:02 877 1

原创 JS vue中.sync修饰符详解学习笔记

.sync修饰符其实讲起来并不是那么容易的，他是一个多种操作的语法糖。首先我们来看.sync是来解决什么问题的。根据官方文档的表示，.sync是用来解决prop的双向绑定的问题的。其实这个说法也不是很准确，.sync是一个操作的语法糖，而那个操作实现了prop的双向绑定。我们都知道如果我们可以直接通过props向子组件去传递数据，供子组件使用，但是我们不能更改prop，此时，这就形成了一个单向的数据流动。有时候我们有这样的需求，我们传给子组件的数据需要被子组件修改，然后父组件更新为最新的数据。我们不能直

2020-10-02 10:27:27 1126

原创 JS 数组API详解学习笔记总结

数组API详解：一，基础：1.1数组的创建：两种方法：直接量和构造函数。var arr = [1,2,3]//直接量形式直接量构建数组，数组里的元素可以是任意类型的值。甚至可以是表达式和函数等。var arr = new Array(3)//这里的意思是在内存中分配一个大小为三的存储空间，里面没有任何值，甚至索引都没有规定，而arr只是这个没有任何值的空间的地址引用。var arr = new Array(1,2,3,4)//这样才是来创建一个数组，而数组的元素是1,2,3,4四个元素。

2020-09-25 14:28:58 260 1

原创 JS缓存与浏览器缓存技术详解学习笔记

缓存与浏览器缓存技术：一，缓存：缓存是网络传输中常用到的一种技术，利用缓存可以让我们在数据传输方面更加的方便和快捷。1.1缓存的优点：避免冗余的数据传输：当很多的人去访问一个网站的原始服务器，此时原始服务器会为每个访问着者都发送一份相同的文本。这样就会浪费我们的网络带宽，同时使我们的原始服务器负载加重。假如使用了缓存，此时我们就可以在缓存服务器中备份一份文本，此时再有访问者访问就不用直接和原始服务器对接，让缓存去发送文本。这样可以减少我们的原始服务器的负载压力，同时可以避免一些不必要的数据传输

2020-09-19 22:17:55 898 1

原创 JS 层叠级别&层叠上下文&BFC&包含块详解学习笔记

BFC&IFC其实在我们使用CSS的时候，有一些重要的概念是值得我们关注的，比如说我们讲的BFC和IFC，这些都是我们需要掌握的重点知识。接下来我来分享一下我在学习BFC/IFC时的理解和心得。如有错误望大家指正！谢谢。首先我们来了解一些重要概念。一，包含块：我们创建了一个块级元素，其实当我们为其添加某些属性的时候，我们有时候会有一点顾及，有时候我们需要要知道它的父级元素的相关信息。假如子元素的位置和尺寸的大小需要通过父元素来决定(比如百分比)。那么我们就称父元素是一个包含块。一个元素的大小

2020-09-18 18:16:08 956 1

原创 JS 常见继承方法详解学习笔记

JS 几种继承方法详解:关于js中继承的常用方式，其实网上都有很多详解。也对其做了很多优点和缺点的评价。对于初步学习继承的小白来说是很有帮助的。接下来我讲讲我学习过程中对继承的理解和总结。类式继承：其实类式继承在本质上是用一个构造函数的实例来充当另一个构造函数的原型，有点像我们熟知的原型链的结构。我们来看一个栗子：function Action(){ //do something}Action.prototype.eat = function(){ console.log( this.

2020-09-16 20:41:14 189 1

原创 JS 原型与原型链学习笔记和归纳

js 原型与原型链:原型： “原型是一种对象，被用在 ECMAScript 中实现继承结构、状态和行为。当构造函数创建对象时，那个对象隐含引用构造函数的关联原型，以此分解属性引用。通过程序中的表达式 constructor.prototype 可以引用到构造函数的关联原型，通过继承，添加给对象的属性会被所有共享此原型的对象共享。”----------《ECMAScript规范-第三版_中文版》首先我们根据规范可以知道，原型是一个具体的对象。几条总结:所有的函数对象都有一个prototype

2020-09-15 15:50:00 162

原创 JS 正则表达式详解学习笔记

JS 正则表达式:(RegularExpression)正则表达式的含义：正则表达式是一种字符串匹配模式，在javascript中的作用主要是用来匹配特定形式的字符。定义一个正则表达式:我们想要定义一个正则表达式有两种方法:正则表达式直接量创建正则表达式对象正则表达式直接量:var reg = /s$/我们可以使用正则表达式直接量来创建一个正则表达式，其中格式为/xxx/,用两个反斜杠来表示正则表达式创建的格式，反斜杠中间写上我们要匹配的字符文本。创建正则表达式对象:var re

2020-09-14 20:20:26 2115 3

qq_44999678的博客