CodeNect-CSDN博客

原创 mysql主从复制报错：Authentication plugin ‘caching_sha2_password‘ reported error: Authentication requires se

这是由于mysql8.0的默认认证方式改变造成的。mysql 8.0之后默认的认证方式变为。在进行mysql主从复制时，

2023-10-19 11:14:20 268

原创解决Linux系统git clone失败或超时问题

首先使用 sudo vim /etc/hosts 进入hosts，此时是查看模式。使用git clone常常不成功，以下是解决办法，亲测有效。按下 i 进入编辑模式，此时需要插入两个IP地址。2. 重启网络和服务器。1. 修改hosts。

2023-09-21 15:30:05 5681 4

原创 node.js报错The “chunk“ argument must be of type string or an instance of Buffer or Uint8Array.

【代码】node.js报错The "chunk" argument must be of type string or an instance of Buffer or Uint8Array.

2023-04-18 11:42:44 2539 2

原创理解vue中的slot-scope与scope.row

ui组件的时候，我们经常使用template插槽，slot-attribute，可以接收子组件传递给插槽的 prop。slot-scope 是vue2中的作用域插槽。可以获取当前所在元素的数据。

2023-04-15 11:09:33 2062

原创 $router和$route的区别

$router是“路由实例对象”，包括了路由的跳转方法、钩子函数、以及一些子对象等。$route是“路由信息对象”，包括path，params，hash，query，fullPath，matched，name等路由信息参数。

2023-04-14 17:48:01 154

原创 css布局中使用min-width: 0的作用

min-width是最小宽度的意思，在存在flex布局的父元素中使用min-width: 0，可以使父元素中的子元素内容不超出父元素容器。作用：让包裹的盒子宽度不会因为内容的新增而增加，与使用`overflow hidden`的效果一样。父元素存在flex布局，由于flex布局的特性，如果不设置宽度，父元素可以被子节点无限撑开。

2023-04-14 15:46:13 687

原创 Vue3 知识大总结（四）Vue3 全家桶 router 和 axios

pinia是一个用于对状态进行管理的库，跨组件跨页面对状态进行共享与vuex和redux在作用上并无区别核心区别pinia没有mutations选项，因为mutations的出现解决的问题是让devtools进行状态追踪我们可以在任意组件中拿到store然后直接修改state中的任意值不再需要modules这样的嵌套结构，取而代之的是可以创建一个个store可以在一个组件中拿任意数量的store除此之外你还可以在某个store中拿另外的store，然后使用store中的任何东西。

2023-04-04 17:29:43 1986 1

原创 Vue3 知识大总结（三）Composition API

使用reactive的函数，可以使setup中定义的数据（多为复杂类型）提供响应式的特性。这是因为当我们使用reactive函数处理我们的数据之后，数据再次被使用时就会进行依赖收集当数据发生改变时，所有收集到的依赖都是进行对应的响应式操作（比如更新界面）事实上，我们编写的data选项，也是在内部交给了reactive函数将其编程响应式对象的reactive API对传入的类型是有限制的，它要求我们必须传入的是一个对象或者数组类型ref 会返回一个可变的响应式对象。

2023-04-04 17:11:06 391

原创 Vue3 知识大总结（二）组件化基础

默认情况下的v-model其实是绑定了 modelValue 属性和 @update:modelValue的事件如果我们希望绑定更多，可以给v-model传入一个参数，那么这个参数的名称就是我们绑定属性的名称；// App.vue。

2023-04-04 17:04:24 358

原创 Vue3 知识大总结（一）基础语法

Vue 是一套用于构建用户界面的渐进式 JavaScript框架，它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型。安装和使用Vue这个JavaScript库有一些方式：1.2 方式二：下载和引入下载Vue的源码（https://unpkg.com/vue@next）到vue.js文件中2. Vue 初体验之三个案例2.1 动态数据展示2.2 动态展示列表2.3 计数器案例3. 命令式和声明式编程原生开发和Vue开发的模式和特点涉及到

2023-04-04 16:31:50 616

原创前端知识——css 之 flex 布局

flex 是 flex-grow || flex-shrink || flex-basis 的简写，flex 属性可以指定1个、2个或3个值。item 多出1个的时候，布局仍是正常的；只有item大于等于2个时，才会出现分散的分布，需要i进行补齐。flex-flow 属性是 flex-direction 和 flex-wrap 的简写，顺序任何。/* 只能设置宽度，不能设置高度，这样i的数量超出时也不会影响布局 */flex-wrap 取默认值时，若一行放不下所有的item元素，则会。

2023-04-04 16:26:29 3589

原创前端知识——css 之移动端适配方案vw、rem详解

px是pixel单词的缩写，翻译为像素。像素是影响显示的基本单位。像素单位常见的有三种像素名称：设备像素（也称之为物理像素）；设备独立像素（也称之为逻辑像素）；CSS像素设备像素，也叫物理像素。设备像素指的是显示器上的真实像素，每个像素的大小是屏幕固有的属性，屏幕出厂以后就不会改变了我们在购买显示器或者手机的时候，提到的设备分辨率就是设备像素的大小比如iPhone X的分辨率 1125x2436，指的就是设备像素设备独立像素，也叫逻辑像素。

2023-04-04 16:20:28 6469

原创前端知识——css 之预处理器 less 语法

在Less中，算术运算符 +、-、 * 、/ 可以对任何数字、颜色或变量进行运算。后来官方推出了全新的语法SCSS，意思是Sassy CSS，他是。Sass的语法使用的是类似于Ruby的语法，映射是提取一组属性中的某个属性的方法。特殊符号：& 表示当前选择器的父级。Less提供了选择器的嵌套。@变量名: 变量值;混合是一种将一组属性。

2023-04-04 16:13:53 586

原创【整理+总结】JavaScript 高级（六）网络请求和响应

HTTP是一个客户端（用户）和服务端（网站）之间请求和响应的标准。通过使用网页浏览器、网络爬虫或者其它的工具，客户端发起一个HTTP请求到服务器上指定端口（默认端口为80）；我们称这个客户端为用户代理程序（user agent）响应的服务器上存储着一些资源，比如HTML文件和图像。我们称这个响应服务器为源服务器（origin server）我们网页中的资源通常是被放在Web资源服务器中，由浏览器自动发送HTTP请求来获取、解析、展示的。

2023-02-23 17:58:24 356

原创【整理+总结】JavaScript 高级（五）Promise、异步async await、防抖节流等

this . name = name this . age = age this . height = height this . friends = friends } // 实例方法 [ Symbol . iterator ]() {return {return {console . log('监听到迭代器中断了');return {break } } // james curry 监听到迭代器中断了。

2023-02-23 17:56:56 885

原创【整理+总结】JavaScript 高级（四）E6 ~E13 新特性

如果我们默认将一个对象赋值给另外一个引用，那么这个引用是一个强引用；一个对象，我们希望在其中添加一个新的属性和值，但是我们在不确定它原来内部有什么内容的情况下，很容易。，不是为了去监听截止一个对象中所有的属性的；◼ let关键字：从直观的角度来说，let和var是没有太大的区别的，都是用于。Set是一个新增的数据结构，可以用来保存数据，类似于数组，但是和数组的区别是。在let、const定义的标识符真正执行到声明的代码之前，是不能被访问的。递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个。

2023-02-23 17:49:04 362

原创【整理+总结】JavaScript 高级（三）函数、对象增强和继承

name : {} })类本质上是构造函数。

2023-02-22 22:04:40 513

原创【整理+总结】JavaScript 高级（二）浏览器和 JavaScript 的运行原理、内存管理

首先通过DNS服务器进行域名解析，解析出对应的IP地址，然后从ip地址对应的主机发送http请求，获取对应的静态资源默认情况服务器会返回index.html文件然后浏览器内核开始解析HTML首先会解析对应的html 生成DOM Tree解析过程中，如果遇到css的link标签则会下载对应的css文件（下载css文件和生成DOM树同时进行）下载完对应的css文件后会进行css解析生成CSSOM当DOM Tree和CSSTree都解析完成之后会进行合并用来生成(渲染树)

2023-02-22 22:02:41 707

原创【整理+总结】JavaScript 高级（一）函数 this 指向

JavaScript中的函数可以当做一个类的构造函数来使用，也就是使用new关键字。上面函数赋值给 obj2 的为 foo 函数，因此返回foo，函数立即调用 foo。，同时又希望在这个对象上进行强制调用，该怎么做呢？箭头函数不使用this的四种标准规则（也就是。JavaScript所有的函数都可以使用。：函数没有被绑定到某个对象上进行调用。如果在显式绑定中，我们传入一个。隐式绑定的调用位置中，是通过。，那么这个显式绑定会被忽略，，这种情况使用默认绑定规则。只有一个参数时，可以省略。如果我们希望一个函数。

2023-02-22 21:55:08 476

原创【整理+总结】pink老师前端三件套之JavaScript 进阶（六）PC 端网页特效、本地存储

offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位。

2023-02-22 21:37:56 619

原创【整理+总结】pink老师前端三件套之JavaScript 进阶（五）BOM技术

BOM（Browser Object Model），即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 windowBOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA, DOM 的标准化组织是 W3C, BOM最初是Netscape 浏览器标准的一部分DOMBOM文档对象模型浏览器对象模型DOM 就是把文档当作一个对象来看待把浏览器当作一个对象来看待DOM 的顶级对象是。

2023-02-22 21:35:12 425

原创【整理+总结】pink老师前端三件套之JavaScript 进阶（四）DOM技术

文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。文档：一个页面就是一个文档，DOM中使用doucument来表示元素：页面中的所有标签都是元素，DOM中使用 element 表示节点：网页中的所有内容都是节点（标签，属性，文本，注释等），DOM中使用node表示DOM 把以上内容都看做是对象。

2023-02-22 21:29:32 436

原创【整理+总结】pink老师前端三件套之JavaScript 基础（三）对象与内置对象

变量：单独声明赋值，单独存在对象里面的变量称为属性，不需要声明，用来描述该对象的特征函数：单独存在的，通过==“函数名()”==的方式就可以调用对象里面的函数称为方法，方法不需要声明，使用==“对象.方法名()”==的方式就可以调用，方法用来描述该对象的行为和功能。

2023-02-22 21:15:42 565

原创【整理+总结】pink老师前端三件套之JavaScript 基础（二）数组、函数、作用域与预解析

本文介绍JavaScript的数组、函数、作用域与预解析知识

2023-02-22 21:10:55 329

原创【整理+总结】pink老师前端三件套之JavaScript 基础（一）JavaScript基础语法汇总

JavaScript 基本语法，包括输入输出语句、变量、数据类型、运算符、流程控制语句

2023-02-22 21:04:59 918

原创【CSS】阿里iconfont的使用方法（另附font-family引入方法）

介绍在 CSS 中引入阿里 iconfont 图标的方法（另附通过font-family引入的方法，无需声明class）

2022-12-21 14:50:59 10409 2

原创【整理+总结】pink老师前端三件套之CSS笔记（四）HTML和CSS补充知识

随着技术的发展进步，为适应不断增长的网页设计需求，HTML5和CSS3新增了一些特性。此文介绍CSS的一些高阶特性，以及HTML5和CSS3的新增特性

2022-12-20 16:31:46 2000

原创【整理+总结】pink老师前端三件套之CSS笔记（三）CSS 页面布局三大核心

网页布局过程：1. 准备网页元素，网页元素基本都是盒子 box2. 利用 CSS 设置好盒子样式，然后摆放到相应位置。3. 往盒子里放东西。CSS 提供了三种传统布局方式：- 普通流（标准流）- 浮动- 定位此文介绍CSS页面布局的三大核心：盒子模型、浮动、定位

2022-12-20 16:18:36 1147

原创【整理+总结】pink老师前端三件套之CSS笔记（二）CSS属性 & 元素显示模式 & 引用方式 & 三大特性

1. CSS属性：字体属性、文本属性、背景属性2. 元素显示模式：块元素、行内元素、行内块元素3. CSS 引用方式：行内样式表、内部样式表、外部样式表4. CSS 三大特性：层叠性、继承性、优先级

2022-12-08 18:32:40 2672 1

原创【整理+总结】pink老师前端三件套之CSS笔记（一）CSS简介与选择器

此篇文章介绍CSS的语法规范、CSS基础选择器及复合选择器。对pink老师课件进行逻辑梳理~

2022-12-08 18:27:03 714

原创【整理+总结】pink老师前端三件套之HTML笔记（二）HTML标签

HTML 标签是由尖括号包围的关键词，例如``。 HTML 标签通常是成对出现的，例如``和``，称为双标签。第一个是开始标签，第二个是结束标签。有些特殊标签必须是单个标签（极少情况），例如``，我们称之为单标签。HTML标签包括标题标签、段落标签、图像标签以及表格、列表、表单标签等，将在此文中一一进行介绍。

2022-12-07 10:38:06 1148

原创【整理+总结】pink老师前端三件套之HTML笔记（一）HTML简介

在进行网页开发前，需要先了解HTML的几个概念：HTML指的是超文本标记语言（Hyper Text Markup Language）,它是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言（markup language）。标记语言是一套标记标签（markup tag）。超文本的含义：网页由网页元素组成，这些元素通过html标签描述出来，然后通过浏览器解析并显示出来。前端人员开发代码 ----> 浏览器显示代码（解析、渲染） -----> 生成最后的 Web 页面浏览器是网页显示、运行

2022-12-07 10:20:48 408

weixin_42771853的博客