红色制作-CSDN博客

原创再遇变基

再遇变基提交代码又遇到了变基，百度一番得到了以下命令解决。执行git pull或git pull --rebase 如果发生冲突，可以使用以下三种方式解决：插入小知识git pull 默认的行为是 git fetch + git mergegit pull --rebase 的行为是 git fetch + git rebasegit fetch 的行为是从远程获取最新版本代码到本地，不会自动合并分支关于变基git rebase 重新定义，实际上将当前执行rebase分支的所有基于缘分

2021-05-17 21:25:26 180

原创代码冲突引起变基，导致项目无法正常运行

出现问题快下班准备提交代码走人了事，但忘记 pull 导致发生冲突。（切记一定正确提交代码）冲突未能成功解决引发了变基，第一次遇到变基这种问题，在我的一顿操作下，本地项目更加烂了，运行不起来。各种报错变基什么是变基变基，就是基低(基低还是基地，俺也不晓得)的意思,就像盖楼一样，一层层向上盖，最下面的是地基，我们把盖的每一层称为基。(为了更好的理解，就拿上述盖楼为例)假如，我们的楼层盖好了，共18层，需要多个装修工去每一层进行装修。我的装修团队一共有三个人，分别为A、B、C。A 负责第一层，B

2021-05-15 21:29:54 666

原创自定义进度条

vue中自定义双重进度条需求项目需要增加一个进度条，用了element的组件，但并不符合需求。一个进度条中有两个不同的进度，所以只能手动完成思路在父盒子里面写两个子盒子，给每个盒子设置不同的背景色，利用定位实现三个盒子在同一个位置，最后设置子盒子的宽度就可以完成。通常后端会给我按照百分比或数字的格式返回我们(我这里是之间返回的数字)。尝试多种方式控制宽度但都没有达到预期效果，最后通过定义函数完成代码html<span class="progress" style="width:250p

2021-05-08 17:11:38 238

原创 Linux基础篇

Linux基础篇Linux介绍读法里纽克斯利尼克斯里纳克斯这些都是Linux的读法，没有固定的，三种都是表示Linux。操作系统Linux是一款操作系统。免费、开源、高效且稳定。企业级项目大多都部署到Linux、unix服务器运行简介Linux之父---林纳斯，1991年创作系统内核。吉祥物-Tux企鹅但又不同于腾讯企鹅，这只是坐在这里的。Linux的内核Redhat又分为CentOSE、Redhat，Ubuntu、Suse、红旗Unnux这些都是Linux的发行

2021-01-07 14:40:15 217

原创 Linux开山-入门篇

Linux开山篇学习方向Linux运维工程师一般在大公司出现(百度腾讯阿里也称BTC)，多个服务器。负责服务器的运维、优化、维护，处理服务器问题。Linux嵌入式开发工程师常见的有Java、大数据、Python、C/C++、PHP应用领域个人桌面windows在这个方便时比较强的，Linux相对来说这个领域会薄弱一些，Linux主要是做一些后台的管理和维护。服务器领域Linux在服务器领域是做的最强的，原因是Linux免费、开源、稳定、高效，由此奠定了Linux的王者地位

2021-01-03 12:09:05 1155 6

原创 Java斗地主发牌

斗地主发牌流程设计流程分析涉及知识点Java的数组操作“洗牌”算法的了解使用类和对象的创建使用数据的输入与输出ArrayList 的了解使用题目游戏至少由3个玩家进行，用一副54张牌(大小王)，其中一方为地主，其余为农民，双方对战，闲出完牌的一方获胜。游戏所使用的扑克牌共分黑桃(♠)、红桃(♥)、梅花(♣)、方块(♦)四种花色发牌：一副牌54张，随机洗牌后，留三张底牌，其他发给三人，系统随机翻出一张明牌，获得明牌的人为地主，并将三张底牌交给地主功能要求基础功能：1、为我那家创建

2020-12-31 15:36:45 306

原创页面自适应设置--屏幕适配

页面自适应在html中进行页面自适应在head中加入下面代码 <script> if (window.innerWidth <= 600) { let html = document.getElementsByTagName('html')[0] html.style.fontSize = (14 * window.innerWidth) / 375 + 'px' } window.onr

2020-12-26 21:00:22 738

原创 Nodejs基础

Nodejs.day101-nodejs入门1.1-什么是nodejs1.Node.js官网地址：https://nodejs.org/en/中文网站：http://nodejs.cn/api/2.Node是一个构建Chrome V8引擎之上的一个Javascript 运行环境Node是一个运行环境，作用是让js拥有开发服务端的功能3…Node中的NPM是世界上最大的开源库生态系统（类似于github）NMP官网：https://www.npmjs.com1.

2020-12-24 14:01:56 2175 3

原创判断PC端还是移动端

判断是PC还是移动判断是通过浏览器内核进行判断的var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto:

2020-12-24 13:56:05 402

原创上传图片封装（使用阿里云oss）

上传组件的封装使用此代码为前端发送请求带阿里云oss服务器产生返回图片地址代码，并没有后端java的操作<template> <div class="el-upload-model"> <el-upload class="el-avatar-uploader" action="#" :show-file-list="false" :http-request="handleUpl

2020-12-21 11:12:02 367

原创虚拟DOM的理解

虚拟dom在vue的作用虚拟dom的最终目标是为了将虚拟节点渲染到视图上。减少不必要的dom操作,节省性能虚拟dom在虚拟节点映射到视图的过程中，将虚拟节点与上一次渲染视图所使用的旧虚拟节点对比，找出真正需要更新的节点进行dom操作，进而避免其他无需改变的节点虚拟DOM在vue.js的主要作用：提供与真实DOM节点所对应的虚拟节点vnode将虚拟vnode节点与之前的虚拟oldVnode节点进行对比，然后更新视图虚拟dom的基础操作在内存中生成一个虚拟dom树将内存中的虚拟dom

2020-11-13 00:36:54 164

原创 const的对象内容是否可以重新赋值

栈与堆的基本理解栈中用来存储地址堆则用来存储真正的数据const 的变量赋值const是ES6的新特性，与之前的var不同const没有变量提升，有块级作用域const作为常量是不可以重新赋值的但是还存在另外一种情况const定义的对象属性可以改变当const对象是引用类型时，之保持栈里边的储存地址不变，堆里的值随便修改若保持对象当中的属性值不变，改变属性；是不被允许的。栈中的地址一旦发生改变则会报错若修改对象当中的属性值，只是修改堆中的内容是可以被允许的一般来说当我们

2020-11-12 00:12:16 3404 1

原创 new 关键字的工作原理

new的工作原理对象创建原理即为new关键字工作原理使用new去调用一个函数，new做了以下四步创建一个空对象 { }this指向这个对象 this = {}执行对象赋值返回这个对象function Person(name,age){ this.name = name this.age = age}let p1 = new Person('郭德纲',48)let p2 = new Person('于谦'，46)let p3 = new Person('麒麟'，23)此

2020-11-11 23:29:49 655

原创 Vuex的理解和使用

VuexStorestore在Vuex中类似与一个储存库，也可以理解为一个储存戒指Vuex的状态储存是响应式。从store中读取的时候，若store中的状态改变，相应的组件也会进行改变mutation是唯一可以修改store的mapState辅助函数组件需要多次使用时，每次的声明代码会有些重复和冗余。这时就可以使用 mapState辅助函数在计算属性中使用// 在单独构建的版本中辅助函数为 Vuex.mapStateimport { mapState } from 'vuex'

2020-10-24 16:42:24 195

原创对与webpack的理解

webpackwebpack基本概念webpack的作用vue-cli实现底层的原理可以运行为一个服务器可以进行实时更新代码修改后，保存，页面会自动更新可以解析 css文件 .vue 文件准备工作任务：使用webpack搭建一个类似与vue-vli搭建的项目结构概念文档传送作用：用来打包资源表样式脚本图片打包流程：模块化的项目，以一个 js 文件为入口，分别导入其它的文件（.js，图片，样式…）形成了一个模块化的项目。webpack 可以

2020-10-24 16:39:49 221

原创 break,continue,return之间的区别

break,continue,return之间的区别break作用不同 break：执行break操作，跳出所在的当前循环体。一旦在循环体中遇到break，系统将完全结束循环，开始执行循环之后的代码。结束不同 break不仅可以结束其所在的循环，还可以结束其外层循环，单一次只能结束一种循环紧跟不同需要在break后紧跟一个标签，这个标签用于识别那个外层循环<!DOCTYPE html><html lang="en"><head>

2020-09-13 13:45:01 516 2

原创 Vue入门指南

Vue基础查阅文档是最好的解决方式Vue官方文档： https://cn.vuejs.org/1-Vue介绍Vue介绍描述1.Vue是一个JavaScript框架所谓框架就是别人写好的js文件2.作用：构建用户页面将数据渲染到页面3. 渐进式的特点组件式开发1-2 Vue基本使用三个步骤1.导包2.写HTML结构3.js中初始化配置1-3 Vue的插值表达式Vue会自动将data对象中的数据渲染到视图插值表达式会告诉

2020-09-12 22:44:44 207

原创 js高级笔记

JS高级笔记JS高级第一天1-面向对象介绍面向对象 : 面向对象是一种解决问题的思维方式面向对象 : 注重的是结果面向过程 : 注重的是过程面向对象本质 : 面向过程的封装(1)以前思维方式：面向过程 -> 注重的是过程(2)面向对象思维方式 -> 注重的是结果2-面向对象编程// 面向过程 : 注重的是过程// 弊端 : (1)代码冗余 (2)不便于维护// 使用函数封装// 好处: 解决代码冗余//弊端：全局变量污染（全局变量重复设置导致覆

2020-09-11 18:50:59 332

原创关于webAPI笔记--日常复习

webAPI第1天1-文档document: 整个文档DOM : 操控文档--文档对象模型，操作网页上的元素的APIBOM : 浏览器对象模型--操作浏览器部分功能的API2-获得元素1.通过id名获得元素--documenlementById('id名')--dgi2.通过标签名获得元素--document.getElementsByTagName('div');--dgt3.通过类名获得元素--document.getElementsByClassName('');--dgc

2020-09-11 18:34:52 267

Ain_z的博客