我要走走看看-CSDN博客

原创【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 1185

原创前端性能优化之大文件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 1129

原创项目自动化部署与手动部署

DevOps传统的开发模式：项目完成 => build => test => release => operateDevOps：模块完成 => build => test => release => operate持续集成：持续交付：持续部署：阿里云服务器的配置这里选择的是 CentOS 8.2。重置系统后在远程连接中设置 root 密码。安全 - 防火墙：配置暴露的端口号限制的 ip 地址来源。0.0.0.0 表示任何

2022-03-12 20:08:39 5520 1

原创 centOS 8 pm2: command not found

本人尝试在阿里云的服务器通过pm2部署项目，安装pm2：npm install pm2@latest -g但：# pm2 -vbash: pm2: command not found在网上查阅大部分资料后，提炼出来的有效信息：问题是没有正确的软连接；但centOS8的应该是软连接到/usr/bin/pm2而不是centOS7的/usr/local/bin/（查阅至）；通过whereis pm2查看位置；查看安装时软连接的位置，如下：npm WARN deprecated uu

2022-03-11 22:27:44 1310

原创【基础】《操作系统》学习笔记（B站王道考研）（2）

第三章内存的基础知识内存是用于存放数据的硬件。程序执行前需要先放到内存中才能被CPU处理。每个内存地址对应一个存储单元。如果计算机“按字节编址”则每个存储单元大小为1字，即1B，即8个二进制位如果字长为16位的计算机“按字编址”则每个存储单元大小为1个字：每个字的大小为16个二进制位几个常用的数量单位（字节）：210 = 1K、220 = 1M、230 = 1G指令的工作原理：操作码+若干参数（可能含地址参数）相对地址又称逻辑地址，绝对地址又称物理地址。从写程序到程序运行：编辑源代码

2021-12-30 17:05:51 3184

原创【基础】《操作系统》学习笔记（B站王道考研）（1）

第一章操作系统的概念、功能和目标操作系统的概念操作系统（OS）是指控制和管理整个计算机系统的硬件和软件资源，并合理地组织调度计算机的工作和资源的分配，以提供给用户和其他软件方便的接口和环境，它是计算机系统中最基本的系统软件。操作系统的功能和目标作为系统资源的管理者处理机管理：将对应的进程交给**处理机（CPU）**处理存储器管理：将要执行的程序的相关数据放入内存文件管理：找到文件存放位置的过程设备管理：将外接设备分配给进程、回收的过程目标：安全、高效（进程是一个程序

2021-12-30 17:03:58 793

原创 vue：Failed to resolve component:xxx

vue 项目中控制台报警告：[Vue warn]: Failed to resolve component: xxxIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at...大概率是没有注册组件，注册即可...

2021-09-26 21:20:34 15671 2

原创 Android studio 报错：amdvlk64.dll 和 emuglConfig_init:

报错截图如下：amdvlk64.dll：这个没有什么特别的方法，在网上下载并按照教程放在指定位置即可。在 Stack Overflow 上有一篇文章有下载资源及存放位置，但时间太久已经找不到地址。emuglConfig_init：后面的一系列报错大概原因是虚拟机的问题。（没有下载过虚拟机的会显示在中间）这里不要选择 Automatic，我选择的是 Software 可以正常启动。注意：我此处使用的是 Nexus 4 API 26，而我之前报错的原因是使用 Pixel API 26。

2021-09-25 20:20:08 1964 8

原创新版本element-plus导入时错误：These dependencies were not found

代码：以下是在旧版本中可行的导入方式，但是在最新版本会报找不到模块的错误import "element-plus/src/theme-chalk/base.css"import { ElButton } from "element-plus/lib"错误：These dependencies were not found:* element-plus/lib/el-button in ./src/global/register-element.ts* element-plus/theme-

2021-09-21 16:53:29 6499 3

原创 JS：一篇理解迭代器和生成器

通过这篇文章你可以理解迭代器和生成器的一些概念和使用方法。如果想更深入的了解我推荐阅读MDN文档关于迭代器和生成器。同时，本篇文章也参考了网上的一些资料。迭代器迭代器我理解为可控的迭代，而数组等是不可控迭代迭代器是一个对象必须有一个next()方法，通过 next() 方法实现迭代该方法返回一个对象，具有属性：value（序列中的next值）、done（最后一代为true）通过调用该方法迭代，直至迭代器消耗完function createIterator(item){

2021-07-04 14:54:12 230

原创 JS：关于在实例修改原型属性的两种情况

在最近复习js时偶然看到一段话，大概意思是：基本数据类型在实例修改时会直接在实例上创建该属性，而不会在原型上修改；而引用类型在实例修改时会改变原型对象上的属性。看到这里是否也感到十分懵，不知道是什么原因。而我在查阅一些资料并自己实践了一部分，得出以下结论。为什么实例给原型对象上的属性赋值时，会出现这两种差异？首先分析第一种情况：在实例给在原型对象上定义的属性赋值时，会在实例上创建一个同名的属性，而不会去赋值原型对象上的属性。这里不管是引用类型还是基本类型都一样。原因：编译器在读取到赋值信息时依

2021-07-01 16:36:30 1220 1

原创使用yarn安装依赖时报网络错误

我在搭建 react 项目时，使用 yarn 安装 styled-components 一直报网络错误。（使用 vscode ）网上的解决办法是修改到淘宝镜像，然而我之前是可以安装的。结果找了一圈是因为在同一个项目上，我一个终端在跑这个项目，一个终端在为这个项目安装依赖。关掉一个安装就可以了。然而我也不知道什么原因。。。希望能帮到大家。...

2021-05-24 21:48:42 1618 1

原创 vscode 格式化失效解决（非editor.detectIndentation的问题）

最近在使用 vscode 的过程中按 Ctrl+s 自动保存竟然不能格式化了。前几次重开 vscode 后没有出现问题，今天尝试了几次依然不能格式化。使用了网上设置 editor.detectIndentation:false 依然没有效果。如果你也没有效果可以尝试一下我的方法：很简单。。。右键选择格式化文档方式：在这里选择第二个即可解决。我遇到这个问题应该是安装了 Prettier 的原因产生冲突了希望能帮到大家...

2021-05-17 20:37:55 9780 4

原创基于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 223

原创 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 159

原创 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 118

原创在学习uni-app中关于npm下载sass报错

今天在学习B站黑马程序员的uni-app时，根据老师的步骤使用npm安装sass的依赖时一直报错。后采用了cnpm，不报错。但是在接下来安装uni-ui时再次报错。我故技重施使用了cnpm，但在组件中报错无法找到。查看报错信息竟然报了sass的错误。根据网上查找的方法将sass卸载，但失败。此时才发现cnpm的安装并没有成功。有时cnpm好像靠不住。偶然看到sass存在版本过高问题。重新安装：先安装sass-loader，版本号为@4.14.1npm install node-sass@4

2021-03-21 20:24:35 725 4

原创 echarts视频观后笔记

ECHARTS一、常用图表1. 柱状图5分钟上手ECharts步骤1:引入echarts.js文件步骤2:准备一个呈现图表的盒子步骤3:初始化echarts实例对象步骤4:准备配置项步骤5:将配置项设置给echarts实例对象  <script src="./lib/echarts.common.js"></script> <body>  &lt

2021-03-16 15:35:30 331 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 519 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 484 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 235 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 204

m0_51221102的博客