笔记
关注
分享
扫一扫
文章平均质量分 90
平时系统性的学习一项技术时所做的笔记
我要走走看看
这个作者很懒，什么都没留下…
展开
-
【mini-vue3】实现思路文档——reactivity
本文记录实现一个 mini-vue3 的关键点，用来辅助自己从 0 到 1 实现一个 mini-vue3。depcreateDep(effects?)：作用：创建 dep主要逻辑：使用 Set 存储 ReactiveEffect 的实例对象reactive缓存export const reactiveMap = new WeakMap();export const readonlyMap = new WeakMap();export const shallowReadonlyM原创 2022-04-04 20:23:10 · 1123 阅读 · 0 评论 -
前端性能优化之大文件gzip压缩与强缓存
本文中使用的环境是 vue-cli4 搭建的 vue3 项目。配置 vue.config.js先下载 compression-webpack-plugin：npm i compression-webpack-plugin@5.0.1注意：此处需指定版本号，默认为 7，会报错 TypeError: Cannot read property ‘tapPromise‘ of undefined（参考自）配置：const CompressionWebpackPlugin = require("原创 2022-03-17 16:33:34 · 1036 阅读 · 0 评论 -
项目自动化部署与手动部署
DevOps传统的开发模式：项目完成 => build => test => release => operateDevOps：模块完成 => build => test => release => operate持续集成：持续交付：持续部署：阿里云服务器的配置这里选择的是 CentOS 8.2。重置系统后在远程连接中设置 root 密码。安全 - 防火墙：配置暴露的端口号限制的 ip 地址来源。0.0.0.0 表示任何原创 2022-03-12 20:08:39 · 5382 阅读 · 1 评论 -
【基础】《操作系统》学习笔记（B站王道考研）（2）
第三章内存的基础知识内存是用于存放数据的硬件。程序执行前需要先放到内存中才能被CPU处理。每个内存地址对应一个存储单元。如果计算机“按字节编址”则每个存储单元大小为1字，即1B，即8个二进制位如果字长为16位的计算机“按字编址”则每个存储单元大小为1个字：每个字的大小为16个二进制位几个常用的数量单位（字节）：210 = 1K、220 = 1M、230 = 1G指令的工作原理：操作码+若干参数（可能含地址参数）相对地址又称逻辑地址，绝对地址又称物理地址。从写程序到程序运行：编辑源代码原创 2021-12-30 17:05:51 · 3043 阅读 · 0 评论 -
【基础】《操作系统》学习笔记（B站王道考研）（1）
第一章操作系统的概念、功能和目标操作系统的概念操作系统（OS）是指控制和管理整个计算机系统的硬件和软件资源，并合理地组织调度计算机的工作和资源的分配，以提供给用户和其他软件方便的接口和环境，它是计算机系统中最基本的系统软件。操作系统的功能和目标作为系统资源的管理者处理机管理：将对应的进程交给**处理机（CPU）**处理存储器管理：将要执行的程序的相关数据放入内存文件管理：找到文件存放位置的过程设备管理：将外接设备分配给进程、回收的过程目标：安全、高效（进程是一个程序原创 2021-12-30 17:03:58 · 710 阅读 · 0 评论 -
Git&Github
Git&Github1. Git简介1.1 Git 结构[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iV01957X-1612713488237)(typroa_img/JM_%U3I5YQ6TP20S%Y%LB6C.png)]1.2 Git 和代码托管中心代码托管中心的任务： 维护远程库局域网环境下GitLab 服务器外网环境下GitHub码云2. Git 命令行操作2.1 本地库初始化命令：git原创 2021-04-18 23:01:42 · 72 阅读 · 0 评论 -
flex布局
本文章归纳总结自B站ilovecoding老师及PPT。一、认识flex布局设置 display 属性为 flex 或者 inline-flex 可以成为 flex container，此时开启了flex 布局：flex： flex container 以 block-level 形式存在inline-flex： flex container 以 inline-level 形式存在flex container 里面的直接子元素叫做 flex items。二、flex布局模型主轴和交叉轴：[原创 2021-04-18 23:02:07 · 116 阅读 · 0 评论 -
基于jQuery笔记所做的补充
基于jQuery笔记所做的补充jQuery来自B站视频：https://www.bilibili.com/video/BV17W41137jn?主要笔记来自简书：https://www.jianshu.com/u/4312c933b9db三、核心函数和静态方法创建静态方法：AClass.staticMethof = function(){…}创建实例方法：AClass.prototype.instaceMethod = function(){…}原生JS使用foreach只能遍历数组，不能遍历伪原创 2021-04-18 23:02:58 · 185 阅读 · 0 评论 -
echarts视频观后笔记
ECHARTS一、常用图表1. 柱状图5分钟上手ECharts步骤1:引入echarts.js文件步骤2:准备一个呈现图表的盒子步骤3:初始化echarts实例对象步骤4:准备配置项步骤5:将配置项设置给echarts实例对象 <!-- 1.引入 --> <script src="./lib/echarts.common.js"></script> <body> <!-- 2.存放图表的盒子 --> <原创 2021-03-16 15:35:30 · 255 阅读 · 1 评论 -
JS红宝书读书笔记（一）
第1章 前言本人已有JS基础，主要是从B站上学习的相关视频，这篇文章主要记录一些视频不涉及的细节和印象模糊的内容。第2章2.1 主要属性：1.async（可）：立即下载脚本，不妨碍页面。async2.defer（可）：完全解析后下载脚本。defer=“defer”3.src（可）：执行外部文件。src="(url)"4.type（可）：默认为text/javascript。一般使用该值，另一个为application/x-javascript。嵌入式JavaScript只需指定type属性。原创 2021-03-16 15:25:28 · 393 阅读 · 1 评论 -
HTML5、CSS3学习笔记
HTML5、CSS3学习笔记本文章是基于B站pink老师的视频和PPT，结合个人认为重点的部分以及自身模糊的知识点进行归纳。一、 HTML5 和 CSS3 提高1. HTML5 的新特性1.1 HTML5 新增的语义化标签<header>：头部标签<nav>：导航标签<article>：内容标签<section>：定义文档某个区域<aside>：侧边栏标签<footer>：尾部标签注意：原创 2021-02-03 16:17:20 · 419 阅读 · 3 评论 -
CSS学习笔记
CSS学习笔记本文章是基于B站pink老师的视频和PPT，结合个人认为重点的部分以及自身模糊的知识点进行归纳。一、CSS（1）1. CSS简介CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言 。2. CSS基础选择器2.1 选择器分类选择器分为基础选择器和复合选择器两个大类，我们这里先讲解一下基础选择器。基础选择器是由单个选择器组成的基础选择器又包括：标签选择器、 类选原创 2021-02-03 16:10:45 · 191 阅读 · 3 评论 -
HTML学习笔记
HTML学习笔记本文章是基于B站pink老师所做的学习笔记。一、HTML简介1. 什么是HTML？HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)。标记语言是一套标记标签 (markup tag)。所谓超文本，有 2 层含义：它可以加入图片、声音、动画、多媒体等内容（超越了文本限制 ）。它还可以从一个文件跳转到另一个文件，与世界各地原创 2021-02-03 15:47:30 · 148 阅读 · 0 评论