u012764358的博客

原创 Gitlab和Sourcetree结合使用实现代码管理

Gitlab和Sourcetree结合使用实现代码管理这是本人第一次发表博客，如有不足或者缺陷，请批评指正，希望能够更好的学习。最近刚来到一家老外的公司，他们使用的代码管理工具是gitlab，由于之前没使用过gitlab，所以，安装这个软件也费了老大的劲。现在把整个过程分享给大家，希望能给更多的人带来方便。准备工作安装git安装sourcetree注册gitlab账号...

原创 CSS选择器-一文搞懂CSS选择器

ID选择器属于精确制导，给页面中的一个标签，定一个唯一的标识符，和类的区别是，类可以标识很多标签，但是 ID 选择器只标识唯一的，这就是精确制导，目标很明确。作用：使用 CSS 创建新的元素（标签），不真实存在于 html 结构树中，达到简化HTML 结构的目的。只选择按照流的顺序，即文档中元素的书写书序往下找到和自己相临的第一个同级元素。主要是针对于选中元素中的子元素来进行设置布局结构响应的样式。由写法 3 可以延伸出 属性值以某个字符串片段开始的写法。父元素中的某类选择器选中的。下面以 a 标签举例。

原创 CSS 知识树

原创 修改npm镜像源

最近运行 安装包依赖的时候，发现网络请求异常，和安装失败。查看npm 镜像源命令为。

原创 HTML5新特性

HTML5我们简称H5，HTML 和 H5的关系，从字面上应该能看出，H5就像我们说的移动 3G ，4G，5G，6G （第X 代移动通信）一样，简单理解把 H5 理解为第5代 HTML 技术就行了。H5由 W3C 于2014年10月完成标准制定的，它是对HTML 标准的第五次修订，是迄今为止最先进的 HTML 标准版本。这里的H5是技术标准 和 H5岗位不是一个东西，H5 岗位是前端岗位（融合了 HTML5、CSS、JS）下面我们一起看一下，比较明显和常用的一些H5的新特性。

原创 HTML 中常用的排版标签

概述HTML页面的排版可以把它当作是在写一个Word 文档，Word 中有文字和图片，可以设置图片的位置、文字的样式和段落结构等。当然，对于前端来说，并不满足于 Word 的功能，那就可以借助 CSS 来让它变成一个PPT（给图片或者段落改变位置结构或者展示样式，以及一些动画效果），那就是 CSS 的工作了，今天只谈HTML，它只是做了架子，怎么让页面展示效果更充实，那是装修工人- CSS做的事情了，本文不牵扯。排版标签的分类偏文本类偏布局类（搭架子）文本排版类标签1. h1～h6 - 双标

原创 HTML 知识树

HTML 知识树 脑图

原创 JavaScript 删除数组元素的方法

本文介绍JavaScript 删除数组中的元素的六大方法，分为如下两大类。

原创 JavaScript的运行机制

进程属于操作系统中的概念，比如windows 系统大家都用过‘任务管理器’，mac 系统都用过“活动监视器”。打开这些工具你会发现电脑中运行了哪些应用程序，我们可以粗浅的理解这些程序就是一个‘进程’（因为一个应用程序可能不仅是一个进程，比如我们打开了chrome 浏览器，打开多个 tab 标签，你会发现这些标签页也对应到了任务管理器中的某一条）。

原创 JavaScript 的发展史

ECMAScript 属于 JavaScript 体系中的一部分 - 语言基础语法结构，可以理解为 ECMAScript 约定了 JavaScript 的语法标准；但是 JavaScript 中还有 跟其部署环境相关的标准，如 W3C 制定的 DOM 标准，各个浏览器支持的 BOM （各自为营，没有标准）；跟老婆和老婆饼的关系一样，除了名字长的像以外，语言风格相去甚远，仅仅是最初的命名是想借 Java 的名声进行宣传。

原创 前端构建工具对比 webpack、vite、esbuild等

人类和动物最大的区别是会使用工具，工具的作用就是提升我们的生产效率，同样，随着前端工程化的演进，伴随着一些优秀的工程化的生产效率工具，今天就来聊一聊，前端工程中的构建工具。

原创 Vue3 中使用 Vuex 和 Pinia 对比之 Pinia的用法

/ useStore 可以是 useUser、useCart 之类的任何东西// 第一个参数是应用程序中 store 的唯一 id})上面的 ‘test1’ ，这个 name，也称为 id，是必要的，Pinia 使用它来将 store 连接到 devtools。将返回的函数命名为 use… 是跨可组合项的约定，以使其符合你的使用习惯。名称优点缺点适用（推荐）场景Vuex1. 更加成熟；2. 也是因为第一点，所以它也更加稳定；

原创 Vue3 中使用 Vuex 和 Pinia 对比之 Vuex的用法

Vue3 中使用 Vuex 和 Pinia 对比之 Pinia的用法。

原创 前端常用的设计模式

设计模式：是一种抽象的编程思想，并不局限于某一特定的编程语言，而是在许多语言之间是相通的；它是软件设计中常见的问题的通用、可反复使用、多少人知晓的一种解决方案或者模板。一般对与从事过面向对象编程的人来说会更熟悉一些。设计模式的意义：指导我们如何写出可维护、可复用、可扩展及灵活的代码。接下来我们来简单了解一下前端开发过程中的一些常用的设计模式。

原创 浅谈前端工程化

前端工程化是指将系统化的、规范的、可度量的方法应用于前端的开发、运营维护过程中去。它的意义：帮助前端工程进行技术选型、统一规范管理、测试、构建和部署等。

原创 Vant4 van-search 苹果手机搜索框获取焦点后页面被放大问题

Vant4 van-search 苹果手机搜索框获取焦点后页面被放大问题。

原创 浏览器的工作原理 - 从输入URL 按下回车到页面展示过程发生了什么？

本文带大家一起了解一下从我们输入一个网址链接开始到页面展示在我们面前，整个浏览器发生了什么？或者说浏览器做了哪些事，咱们以大家常用的baidu.com为例，从输入到 baidu.com 页面出现的整个流程。

原创 Web标准（网页标准）

Web 英文意为 网络，Web 标准，即网络标准，是一个非常大而泛的概念，牵扯到软件和硬件（计算机网络、操作系统、硬件驱动和通信协议等等，这个题目本身就太大了）。下文所讲的 Web 标准就是指前端网页页面的标准。

原创 ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL `vitest run --coverage` Exit status 1 ELIFECYCLE Command failed

基于 Monorepo 构建的测试工作空间，vitest 的覆盖率运行报错，报错原因解决步骤。

原创 mac 修改 hosts 文件

command + shift + G 快捷键 输入：“/private/etc/hosts” 后回车如下所示进入 hosts 文件所在位置，找到 hosts 文件，双击打开。

原创 ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL vitest Exit status 1 ELIFECYCLE Command failed with exit code 1.

此时需要去配置本地 hosts 文件，添加如下配置即可。如何更新 mac 的 hosts 文件见。

原创 TypeScript泛型

引言TypeScript （以下简写为TS）是一门强类型的数据语言，能够进行静态类型的检查，这也是TS备受欢迎的一大原因；

原创 前端状态管理：Vuex、Flux、Redux、MobX概念篇

Vuex Flux Redux MobX 的对比

原创 CentOS 下搭建svn服务器

CentOS 下搭建svn服务器安装SVNyum 安装创建 svn 目录svn 的目录结构conf 中的设置[重点]设置 authz设置 passwd设置 svnserve.conf开启svn开启svn 服务如何重启svn服务安装SVNyum 安装# yum install subversion创建 svn 目录#cd ~ 回到根路径# mkdir svn 创建 svn 文件夹# cd svn

原创 Vue的生命周期详解

文章目录储备知识什么是钩子函数？生命周期钩子函数概念Vue生命周期钩子函数作用Vue生命周期流程图Vue 生命周期钩子函数解析1. beforeCreate2. created3. beforeMount4. mounted5. beforeUpdate6. beforeDestroy7. destroyed储备知识什么是钩子函数？钩子函数就是个函数，它的函数名称是确定的，它是在系统消息触发是被系统调用，不是用户自己触发的，也就是说它是系统消息触发自动会被调用。生命周期钩子函数概念生命周期钩子函

原创 Android 性能优化的相关总结

文章目录Android 应用的主要性能指标布局复杂度Android 应用的主要性能指标布局复杂度内存消耗网络传输效率耗电量程序的执行效率布局复杂度大致可以分如下一个方面：减少布局层次，能够加快渲染速度，尽量避免 RelativeLayout 嵌套 RelativeLayout；重用布局文件，利用好 < include > （所谓的模块化布局）标签合并没必要的节点 ，<merge>标签使用Hierarchy View工具进行分析布局的视图层次化结构；通过

原创 Linux 学习过程中的一些总结

文章目录常用的一些命令安装 deb 文件将本地的文件上传到服务器指定的路径常用的一些命令安装 deb 文件sudo dpkg -i xxxxxx.deb将本地的文件上传到服务器指定的路径前提是本地和服务端都安装了ssh 才行哦，否则少了一端都会报错scp -r 本地文件 服务器端用户名@服务器IP:/home/具体路径自己定...

原创 win7 或 win10 安装centos7-双系统

文章目录1. 准备工作1.1 下载 centos7 镜像1.2 下载 UltralSO 制作启动盘1.3 分出一块存储区域预装 centos7 系统2. 安装 centos72.1 进入 U 盘启动模式2.2 可能会遇到问题 “Warning：/dev/root does not exist”2.3 选择语言2.4 选择安装的 centos 7 的版本2.5 安装位置配置 - 配置分区2.6 网络配置2.7 开始安装2.8 配置用户与密码1. 准备工作1.1 下载 centos7 镜像centos7下

原创 Kotlin 学习笔记 第 6 篇 面向对象

文章目录背景介绍1. 类和对象1.1 定义类1.1.1 修饰符1.1.2 类中的成员1.1.2.1 构造器1.1.2.2 属性1.1.2.2 方法1.2 Kotlin 的对象1.2.1 创建对象1.2.2 对象的 this 关键字背景介绍Kotlin 支持面向对象编程，提供了定义类、属性、方法等最基本的功能。Kotlin 也使用构造器来创建类的对象，也支持面向对象的三大特征：封装、继承和多态，提供了 private 、protected、internel 和 public 四个访问控制符来实现良好的封

原创 Kotlin 学习笔记 第 5 篇 函数和 Lambda 表达式

文章目录背景1. 函数1.1 定义和调用函数单表达式函数1.2 函数的形参1.2.1 命名参数1.2.2 形参默认值1.2.3 个数可变的形参1.3 函数重载1.4 局部函数1.5 高阶函数1.5.1 函数类型1.5.2 函数类型作为形参类型背景函数其实可以理解成就是 Java 中所说的方法。函数是执行特定任务的一段代码，这段代码可以在需要的时候多次调用。因此，函数时代码复用的重要手段。 Kotlin 对 Java 的纯粹面向对象进行了补充，增加了函数式变成的支持，提高了变成的灵活性。Kotlin 融

原创 Kotlin 学习笔记 第 4 篇 数组和集合

文章目录背景1. 数组1.1 创建数组1.2 数组的使用1.2.1 数组的遍历for 循环for-in 循环1.2.2 数组的索引1.2.3 数组的常用方法2. Kotlin 的集合2.1 概述2.2 Set 集合2.2.1 声明和创建 Set 集合2.2.2 Set 集合元素的操作2.3 List 集合2.3.1 声明和创建 List 集合2.3.2 List 集合的方法2.3.3 可变 List2.4 Map 集合2.4.1 声明和创建 Map 集合背景Kotlin 对数组增加了一个 Array

原创 Kotlin 学习笔记 第 3 篇 流程控制

文章目录背景1. 分支结构1.1 if 分支1.1.1 if 分支作为语句使用1.1.2 if 分支作为表达式使用1.2 when1.2.1 when 作为分支语句1.2.2 when 作为表达式1.2.3 when 分支处理范围1.2.4 when 分支处理类型1.2.5 when 条件分支— —没有条件表达式的 when 分支2. 循环结构2.1 while 循环2.2 do while 循环2.3 for-in 循环2.4 控制循环结构2.4.1 使用break结束循环2.4.1.1 结束当前循环

原创 Vue 学习笔记 6 Mint UI 和 MUI

1.Mint UIMint UI是基于 Vue.js的移动端组件库1、安装:npm install mint-ui -S2、引入方式2.1 引入方式1 引入全部组件：但是不建议使用这种方式，因为会占用bundle.js的空间import Vue from 'vue';import Mint from 'mint-ui';import 'mint-ui/lib/style.css';//为了更好看一下还可以使用mint-ui中的样式库import App from './App.vue'

原创 Vue 学习笔记 5 -webpack

文章目录1.背景1.1 node.js 和 npm1.2 nrm1.3 网页中常见的静态资源2.webpack2.1 webpack的安装2.1.1 全局方式安装2.1.2 单个项目安装2.2 webpack.config.js2.3 package.json2.4 webpack命令3.webpack-dev-server自动打包工具package.json 中的命令4.html-webpack-plugin 插件 在内存中生成HTML页面5.页面中的 css样式表5.1 使用加载器来打包处理css文件5

原创 Vue 学习笔记第 4 篇

文章目录背景介绍1.父子组件之间传值1.1父组件向子组件传值在使用组件标签时，通过属性绑定的方式，将父组件的值传入到子组件1.2.父组件向子组件传递方法使用事件绑定机制1.3 子组件向父组件传值2.ref快速获取元素3.路由3.1 概念后端路由前端路由3.2 vue-router安装的方式3.2.1 直接下载/cdn - - 在网页里直接开发的方式3.2.2 NPM - - webpack构建工具进行开发的方式3.3 vue-router 使用3.3.1 router-view方式3.3.2 rou

原创 Vue 学习笔记第 3 篇

文章目录1.vue动画1.1 transition1.2 动画钩子函数-实现半场动画（入场动画）1.3 列表动画2.Vue 创建组件的方式2.1 Vue.extend2.2 Vue.component2.3 使用template标签的id2.4 使用vue实例的components创建私有组件3.组件中的data和methods4.组件之间的切换方式4.1 v-if 和 v-else 实现两个组件之间的切换4.2 component 标签5.组件切换动画1.vue动画1.1 transition使用

原创 Vue 学习笔记第2篇

文章目录1.列表的增删例子2.过滤器-列表例子完善2.1过滤器定义2.2实现时间格式化：2.3自定义局部过滤器2.4字符串填充 ES63.按键码 按键修饰符4.自定义指令4.1钩子函数：4.1.1指定定义函数提供了几个钩子函数（可选）：4.1.2钩子函数的参数4.2 私有的自定义指令4.3 函数简写5.Vue实例的生命周期5.1 创建期间的生命周期函数：5.1.1 beforeCreate()5.1.2 created()5.1.3 beforeMount()5.1.4 mounted()5.2 运行期间的

原创 Vue学习笔记1-初识

背景介绍Vue.js是目前最火的一个前端框架React是目前最流行的一个前端框架，除了可以开发网站，还可以用来开发APPVue.js介绍Vue.js是一套构建用户界面的框架，只关注视图层特点：易上手便于与第三方库或既有项目整合（Vue有配套的第三方库，可以整合起来做大型项目的开发）为什么要学习流行框架企业：使用这些框架，对于企业来说可以提高开发效率，提升开发效率的发展历程： 原生的JavaScript由于兼容性问题比较麻烦于是就产生了一些库 - > jQuery 之类的类库

原创 Kotlin 学习笔记 2 Kotlin 中的运算符

文章目录1、运算符和表达式1.1 单目前缀运算符1.2 自加（++）自减（--）1.3 双目算术运算符1、运算符和表达式Kotlin 不支持 Java 的三目运算符，Kotlin 使用 if else 代替三目运算，Kotlin 中的运算符都是以方法形式来实现的1.1 单目前缀运算符运算符对应的方法+aa.unaryPlus()-aa.unaryMinus()!aa.not()var a = 10 var b = -aval c = a.unaryMi

原创 Kotlin 学习笔记 第 1 篇

文章目录背景Kotlin 的优势1. 用于服务端开发2. 用于 JavaScript3. 开发 Android 应用第一个 Kotlin 程序分析：Kotlin 语言的特点Kotlin 语言中的注释背景Kotlin 是 JetBrains 在 2011 年推出的一门全新编程语言，最早被设计运行在 JVM 上 ， 使用 Kotlin 编写的程序会被编译成 Java 的字节码文件。Kotlin 可以和现在的 Java 语言包 100% 兼容， 而且 Kotlin 代码比 Java 代码更简洁、更富有表现力