nirvanaAndRebirth-CSDN博客

原创垃圾回收机制,Map和WeakMap,弱引用与强引用

垃圾回收机制引用计数法Object.create({name: 15})把这个创建的对象当作一个人名字叫张三let a = Object.create({name: 15})let b = a现在这个张三的粉丝a和b 有两个人let a = Object.create({name: 15})let b = aa == nullb == null现在这个张三的粉丝人数就是0⃣️了引用计数法就是当这个“人”粉丝数为零的时候我们就会把他处理掉优点：即使回收缺点：在遇到循环引用的

2021-07-04 21:38:00 855 2

原创从snabbdom开始学习vue diff算法（暴力拆除篇）

从snabbdom开始学习vue diff算法（暴力拆除篇）前言我学习此算法的目的是为了三点：面试，学习思路，学习敲代码的风格我在此次学习过程中真的，感受到的是，这些源码其实并不难，我们只是不了解代码的作者想要干什么，所以大家不要抱着很难的态度来看这篇文章。同时，这篇文章中也有很多我没注意到并且写的很不好的地方，大家多多包涵，能帮我改出错误的话我会非常开心。第一阶段：介绍snabbdom几个主要的函数是什么作用我们一下在snabbdom github中出示的示例代码import { ini

2021-05-04 16:10:28 1749 3

原创 vue源码学习（第一张） this访问data数据拆散之后并不难

vue源码学习（第一张）this访问data数据前言本文章，为了让大家理解为什么我们实例化Vue对象中我们可以用this来访问data中的数据。这里我们大部分都是用的源码，简化的部分很少，但是还是有所修剪。我们使用的函数VueVue对象initData初始化我们的data数据getData如果data是函数的话我们用此方法来取得函数的返回值proxy实现this指向的函数// Vue对象function Vue(options) { this.ini

2021-04-28 23:19:58 311 1

原创 vue-router你看这个文章就完了

vue-router安装方式一：通过vue-cli，在项目创建的时候将router勾选上。方式二：通过命令行安装，然后自自己配置npm i vue-router -S配备文件文件地址：*/src/router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'// 导入组件（页面）import Home from '../views/Home.vue'// 提示此文件要使用VueRouterVue.u

2021-04-27 10:31:12 111

原创简单理解vue中data数据的改变影响视图

简单的理解vue中data数据的改变影响视图前言这个简化了vue虚拟dom的渲染，为了更好地理解vue中data数据的改变影响视图这句话而写的。请熟知 Object.defineProperty和原型原型链的知识，闭包也要有所掌握我们用到的函数data对象变量我们需要的数据updateViews（）方法简化的渲染方法observer（）方法判断元素并且运行绑定Object.defineProperty的方法defineReactive（）方法绑定Object

2021-04-03 01:46:44 1854 5

原创 router

vue-router安装方式一：通过vue-cli，在项目创建的时候将router勾选上。方式二：通过命令行安装，然后自自己配置npm i vue-router -S配备文件文件地址：*/src/router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'// 导入组件（页面）import Home from '../views/Home.vue'// 提示此文件要使用VueRouterVue.u

2021-03-25 18:53:28 148

原创仿写一个自己的react（第一章）

仿写一个我们自己的mini_react（第一章）前言我觉得大家也有过一种大胆的想法想写一个前端框架吧，这些本来应该是是我在梦里边的行为，但是看了一个大哥推荐的一篇文章后，我觉得我也可以，所以我们一起试着写一个吧大哥的csdn地址：https://lpyexplore.blog.csdn.net/文章的地址：https://pomb.us/build-your-own-react/1.首先我们先了解一下react的渲染过程其实jsx是通过一种打包方式打包成真正的js代码const elemen

2021-03-25 00:50:28 199

原创 flex

flex布局基础概念的理解容器 container项目 item容器属性flex-dirrctionflex-wrapjustify-contentalign-itemsalign-content1. flex-dirrction 排列顺序属性2. flex-wrap item是否换行（子元素是否换行）3. justify-content横向对齐的方式4. align-items 纵向对其方式5. align-content

2021-03-24 11:47:07 119

原创想学vue你看就完了，简简单单

文章目录想学vue你看就完了class与style的绑定问题条件渲染列表渲染（⭐）事件的绑定想学vue你看就完了以组件的形式方便后期的维护mvvm模式方便程序操作dom元素class与style的绑定问题对象绑定法.style1{ color: red; //文字颜色为红色}<div v-bind:class="{style1: isture}"></div>export default { data () { return

2021-03-14 17:50:36 99

原创 mysql学习的第三天单行函数的字符函数

常见函数# 常见函数/*概念：类似于java方法，将一组逻辑数据封装在方法体中，对外暴露方法名好处： 1.隐藏了实现细节 2.提高了代码重用性调用： select 函数名(实参列表) 【from 表】特点： 1.函数名 2.函数的作用分类： 1.单行函数 2.分组函数（通风机函数，聚合函数，组函数）主要作用：做统计使用*/单行函数字符函数# 1.length函数作用：获取值的长度例如： select l

2021-02-14 23:19:05 118

原创 http nodejs

vscode加装node.js代码提示插件npm install --save-dev @types/nodehttp模块// 加载HTTP模块const http = require('http')// 使用createServer方法创建一个服务器---（返回的是一个实例所以要进行接收）let server = http.createServer()发请求//用浏览器访问服务器接受请求// request 请求处理函数，需要两个参数// Requ..

2021-02-13 00:37:17 109 1

原创 nodejs espress

公开目录使用use方法意思是：当URL路径以/public/开头时，去访问./public/里面的东西app.use('/public/', express.static('./public/'))// 网站路径：http://localhost:3000/public/img/01.png当省略第一个参数时app.use(express.static('./public/'))// 网站路径：http://localhost:3000/img/01.png// 相比之下路径中少去了

2021-02-13 00:35:58 204 1

原创 mysql 学习笔记第二天排序查询（超级好懂分享给大家）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iXyZOHJR-1613147289417)(C:\Users\dell\AppData\Roaming\Typora\typora-user-images\image-20210210224023861.png)]表格中字段[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TquuYneQ-1613147289420)(C:\Users\dell\AppData\Roaming\Typora\t

2021-02-13 00:30:37 90

原创 mysql 第一天学习笔记特别好懂分享给大家（基础查询，条件查询）

学习与：https://www.bilibili.com/video/BV12b411K7Zu?p=39&spm_id_from=pageDriver表格中字段)]基础查询# 基础查询/*语法：select 查询列表（字段名）form 表名；-------------------------------------特点：1. 查询表中的字段，常量值，表达式，函数2. 查询的结果是虚拟表格*/# 1.查询表中的单个字段SELECT last_name FROM e

2021-02-12 02:01:57 137

原创 node.js链接mysql做api

/* 引入express框架 */const express = require('express');const app = express();/* 引入cors */const cors = require('cors');app.use(cors());/* 引入body-parser */const bodyParser = require('body-parser');app.use(bodyParser.json());app.use(bodyParser.urlenco

2021-02-10 21:37:03 172

kjkj11的博客