- 博客(63)
- 收藏
- 关注
RSS订阅原创 git同一分支上多个commit合成一个的操作
可以看到其中分为两个部分，上方未注释的部分是填写要执行的指令，而下方注释的部分则是指令的提示说明。-i 的参数是不需要合并的 commit 的 hash 值，这里指的是第一条 commit， 接着键盘摁下 i 键，我们就进入到 vi 的编辑模式，4、可以再次输入git log查看 commit 历史信息，你会发现这两个 commit 已经合并了。1、首先git log——查看当前分支的提交记录 ，想要把圈起来的commit合成一个，commitId即找出要合并的几个commit的前一个commit的ID。
2023-08-28 14:18:06
1083
原创 快速搭建react脚手架
React 脚手架——基于自动化的集成环境模式 create-react-app1、是一个使用node.js编写的命令行工具2、能够快速生成React.js项目3、内置了babel、webpack工具，帮助实现ES6+解析、模块化解析打包4、内置ESLint 语法检测工具、Jest 单元测试工具。还有基于 Node.js的WebServer 帮助我们更好的在本地预览应用安装与使用1、安装 通过npm、yarn、npx都可以Npm —— npm i -g create-react-appY
2020-12-06 20:08:01
133
原创 快速了解react基础
一、React 是一个用于构建用户界面的javascript库二、React 如何使用？——React.development.js 提供核心代码，如虚拟dom，组件React.createElement(type , props, children);——ReactDOM 提供与浏览器交互的DOM功能，如DOM渲染ReactDOM:render(element,container,callback)element:要渲染的内容container：要渲染的内容存放地callb
2020-12-06 20:01:43
157
原创 git (master|MERGING)
解决方法：1、 git reset -hard head 进行代码回退2、 git pull原因：当前分支落后，先git pull 拉取最新代码，可能存在冲突，到具体的文件解决冲突后再git add 、git commit、git push 提交之后才能切换到别的分支合并代码时容易出现的问题：git pull 之后出现的问题(master|MERGING)并且会报异常...
2020-12-06 19:48:15
3681
原创 git常用指令
Git 即人工版本控制器，常见的版本控制工具有CVS SVN Git通过人为的复制行为来保存项目不同阶段的内容，会出现易出错，大量数据重复冗余的问题而版本控制工具是通过程序完成人工的版本控制行为，好处是功能强大且方便，而且只记录不同版本之间变化的部分Git 提供四种不同的记录状态：Modified——已修改Staged——已暂存Commited——已提交*Untracked——未追踪Git分为三个工作区，用于存放不同的内容——版本库、暂存区、工作区Git 的基本使用1、conf
2020-12-06 18:52:09
62
原创 js——正则
正则 创建正则的两种方式? new RegExp("表达式"); /正则表达式/修饰符 例子: /abc/i正则的方法? test() 搜索字符串指定得值,根据结果返回真或假; 格式:/正则/.test(字符串); search() 搜索返回第一次搜索的元素下标,找不到返回-1; 格式:''字符串".search(/正则/); replace() 替换内容 格式: ''字符串".replace(/正则表达式/,要替换的内容) exec() 返回
2020-10-06 07:44:20
80
原创 js——DOM对象
1：什么是dom对象？dom对象就是html页面，dom对象的全称叫document object model(文档对象模型)2：dom对象的作用是什么呢？dom对象就是通过一些方法和属性来操作标签，这么操作标签？将标签元素进行添加、移动、改变或移除3：标签标记元素==节点4: dom节点的分类？dom节点分为3种类型1：标签节点2：文本节点 属于标签下面的子节点3：属性节点5：返回节点类型值nodeName 该节点的名字，和tagName方法一样nodeValue
2020-10-06 07:43:54
117
原创 jQuery---插件
1：什么是插件？插架是别人封装好的js代码，直接可以拿过来引用的。插架的种类有很多种。sweiper插架 他是一种轮播插件。不要滥用插件，不要去网上随便下载插件2:swiper插架用法：1：赋值你sweiper里面所有代码，粘贴到你的页面2：引入sweiper页面里面的css和js3：改变元素宽高等属性大小，切记不要修改sweiper代码。...
2020-10-06 07:42:53
108
1
原创 html5课程概述
1：html5是什么？HTML5 技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。HTML5 由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。与传统的技术相比，HTML5 的语法特征更加明显，并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容，而且 HTML5中还结合了其他元素，对原有的功能进行调整和修改，进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。一句话概括，ht
2020-10-06 07:42:12
693
原创 jQuery---json
1、什么是json？JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ==ECMAScript ==(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率json本身是一个对象，主要作用是存储数据（json是存储和交换文本信息的语法，类似XML），json可以存储
2020-10-06 07:41:24
146
1
原创 jQuery-动画
①- show(秒数) 显示- hide(秒数) 隐藏- toggle() 切换显示/隐藏②- slideUp() 上隐藏- slideDown() 下显示- slideToggle() 上下切换③- fadeIn() 淡入- fadeOut() 淡出- fadeToggle() 切换淡入淡出- fadeTo (秒数，透明度)④animate() 自定义动画动画当中想要改变颜色（字体/背景），需要下载js/jquery.color.j
2020-10-05 08:06:27
94
原创 jQuery---事件
1:绑定事件方法: bind(事件，函数) 元素绑定事件 **绑定事件方法的优点就是可以绑定多个事件，可以同时处理2:去除绑定方法： unbind()3：其他事件方法：------------------------------鼠标事件----------------------------------------------------------click() 点击事件dblclick() 双击mousedown() 鼠标按下mouseup()
2020-10-05 08:05:46
72
原创 jQuery-DOM
1：获取值的方法html()text()val() 既可以获取input里面的值/也可以设置值** 如果是下拉菜单 、单选、多选的情况下 val([''])方法 还可以将他们设置成默认选中**prop('checked',true) 专属input默认选中方法2：操作属性的方法attr() 获取/设置元素属性的方法** attr()还可以设置多个属性 设置多个属性采用对象的模式 attr({'k1':'v1','k2':'v2','k3':'v3'})removeAttr()
2020-10-05 08:05:10
67
原创 jQuery选择器方法
选择器方法 find() 匹配当前元素的后代 == $('div p')后代选择器 children() 匹配当前元素的子元素 == $('div>p')子选择器 next() 匹配当前元素的下一个同级元素== $('div+p')下一个同级选择器 nextAll() 匹配当前元素的下的所有同级元素 == $('div~p') prev() 匹配当前元素的前一个同级元素== prevAll() 匹配当前元素的前的同级元素== siblings() 匹配当前元素的所有同级元素
2020-10-05 08:04:22
72
原创 jQuery选择器
1：基础选择器 bash id # class . 标签 div * 通配符 群组 #box,p css() 一个值的时候是找这个元素的值，两个值的时候是设置样式 举例 找元素的值： alert($('p').css('color')) 举例 设置元素的样式： $('#txt').css('color','red'); size() 返回的元素个数 举例： alert($('p').size())<!DOCT
2020-10-05 08:03:43
62
原创 初步了解jQuery
1:什么是jQuery?它通过封装原生的 JavaScript 函数得到一整套定义好的方法。2：jQuery的作用？1.像 CSS 那样访问和操作 DOM 2.修改 CSS 控制页面外观 3.简化 JavaScript 代码操作 4.事件处理更加容易 5.各种动画效果使用方便 o6.让 Ajax 技术更加完美 7.基于 jQuery 大量插件8.自行扩展功能插件3：jQuery的优点？以更少的代码、实现更多的功能4：jQuery的引入方式？1：本地引入（外链接） <sc
2020-10-05 08:02:12
70
原创 BOM
1：什么是bom？bom就是浏览器对象！简单来说，就是学习一些操作浏览器窗口的方法和属性等！2：window对象是BOM的核心，也是BOM里面的顶级对象。window对象也有很多内置方法（alert(1)）window对象既是ECMAScript规范中的Global对象，也是BOM中的顶级对象；document对象既是BOM对象的一个属性，也是DOM模型中的顶级核心location对象既是window对象的属性，同时也是dom对象的属性。open('img/1.jpg','_self','
2020-10-05 08:00:40
75
原创 js——面向对象
1：什么是对象？a:对象就是由若干个键值对，无须组成的数据类型，被称之为对象。b:简单理解，提供了特有的方法和属性就是对象！c:“对象”是一个容器，封装了“属性”（property）和“方法”（method）。举例：var o={ name:'tom', age:12, fun:function(){ alert(1) }}2:键值对？花括号里面冒号前被称之为键，冒号后被称之为值，通过键获取值。3：什么是面向对象？面向对象是一种编程思想，通过这种思想来完成代码的编程。(o
2020-10-05 08:00:06
64
原创 vue之了解基础
vue特色MVVM（前端）m:model(数据)v:view(数据)vm:viewmodel 数据和视图的桥梁m——>mv——>vm<——mv<——v双向数据绑定MVC(后端)m:model(数据)v:view(视图)c:controller(控制器)vue.jsvue.js 是一套用于构建用户界面的渐进式框架Vue 核心声明式渲染组件引入我们还是先通过 <script> 的方式来引入 vue<script src=
2020-10-05 07:59:09
55
原创 vue之掌握指令
1、v-model 双向数据绑定 ref(https://www.cnblogs.com/goloving/p/9404099.html) <input type="text" ref="name" @keyup="show"/> console.log(this.$refs.name.value);//作用2：获取DOM元素 this.msg=this.$refs.name.value;2、v-for 数组，对
2020-10-05 07:58:36
76
原创 定时器与拖拽——js
定时器setTimeout 单次定时第一个参数是匿名函数 第二参数是多少毫秒后执行 第三个函数是返回值(返回的是地址)clearTimeout() 清除定时器setInterval 多次定时第一个参数是匿名函数 第二参数是多少毫秒后执行 第三个函数是返回值(返回的是地址)clearInterval() 清除定时器拖拽 <html lang="en"> <head> <meta charset="UTF-8"> <meta n
2020-10-04 15:49:08
151
原创 消息框与四种事件类型
消息框警告框 alert();确认框 confirm(); 返回true和false;提示框 prompt();鼠标事件:onclick: 鼠标单击事件 可以直接写js内容或函数名ondblclick: 鼠标双击事件onmouseover: 鼠标移入事件onmouseout: 鼠标移出事件onmousemove: 鼠标移动事件(获取坐标点)scrollX 鼠标在事件源X坐标scrollY 鼠标在事件源Y坐标onmousedown : 鼠标按下onmouseu
2020-10-04 15:45:06
199
原创 认识js——事件
1：什么是冒泡事件？1:冒泡事件是由微软公司提出的，从触发底部事件一直延续到最外层，这个现象就是冒泡！2:只有嵌套关系的标签和都是一样的事件才可能产生冒泡！2：阻止冒泡事件的方法：1：evt.stopPropagation() 无法阻止 IE 低版本事件冒泡；2: evt.cancelBubble = true;兼容 IE 低版本冒泡；3:阻止冒泡事件的兼容写法：if(evt.cancelBubble){ evt.cancelBubble=true;}else{ evt.stop
2020-10-04 15:40:30
105
原创 js——函数
1：基本结构 function 函数名(){ 执行语句 } 函数名()2：什么是函数？ 函数由function关键字声明 函数就是代码块的集合；3：函数的特点： 函数可以让代码重复使用; 函数是一个方法4：形参，实参 实参放在函数调用里面，形参放在函数名后面，用字母代替 形参，实参的位置是一一对应， 形参，实参可以有任意多个， 形参即便没有相对应得实参，也不影响代码的执行 实参即便没有相对应得形参，也不影响代码的执行 任何数据类型都可以当
2020-10-04 15:23:31
46
原创 jsfor循环——流程控制与数组
顺序执行: 自上而下 自左而右执行;分支结构: 单分支:if(条件表达式){ 代码块; } 双分支:if(条件表达式){ true; }else{ false; } 多分支 范围 if(条件表达式1){ }else if(条件表达式2){ }else{ } 固定值 switch(接收到的值){ case: 执行的语句; break; default; }循环结构: for(初始值1;条件表达式2;表达式3){
2020-10-04 15:10:39
72
原创 js数据类型与运算符
数据类型1：js中的数据类型？ 数字类型 字符串类型 布尔类型 空类型（空对象） 未定义(未赋值，没有值) 对象 Number String Boolean null undefined Object 简单类型 Number String Boolean null undefined 复杂类型 Object2:数据类型的作用？ 数据类
2020-10-04 14:56:13
84
原创 js的入门 作用 特点 引入
1:什么是js？ js是一门编程语言，全称叫 javascript。 js是一门松散类型的，所谓松散类型就是可以用来保存任何类型的数据。2:js的名字？ js== javascript==脚本语言。3：js的作用？ 让客户和电脑进行交互！4：js的组成部分？ DOM 文档对象模型 BOM 浏览器对象模型 ECMAscript 5：JS的特点？ 基于对象的语言 简单性 动态性
2020-10-04 14:38:32
144
原创 css分页——Table表格
简单分页 使用分页为每个页面做导航点击当前页：:active鼠标悬停： :hover圆角样式——可以使用border-radius 属性为选中的页码来添加圆角鼠标悬停过渡效果——通过transition属性添加带边框分页——使用border属性圆角边框——在第一个分页链接和最后一个分页链接添加圆角分页间隔——使用margin属性来为每个页码添加空格分页字体大小——font-size居中分页——在容器元素上添加text-align:center; 样式Table表格表格边框——borde
2020-10-04 14:19:30
1764
原创 css3弹性盒子
弹性盒子(css3一种新的布局模式)css3弹性盒子, 是一种当页面需要适应不同的屏幕大小以及设备时 , 确保元素拥有恰当的行为布局 , 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列 , 对齐和分配空白空间.属性1、 flex-direction 属性指定了弹性子元素在父容器中的位置; row 横向从左到右排列(左对齐)默认的排序方式 row-reverse 反转横向排序右对齐,从后往前排,最后一项排在最前面; column 纵向排
2020-10-04 00:58:49
87
原创 转换
转换------transform2D转换：可对元素进行移动、缩放、转动、拉长或拉伸，转换的效果是让某个元素改变形状，大小或位置1.rotate 旋转的四种方式rotate()方法：在一个给定度数顺时针旋转的元素，允许负值，即逆时针旋转rotate 定义2D转换 例子:rotate(135deg);rotatex 沿X轴3D旋转 例子:rotatex(145deg);rotatey 沿Y轴3D旋转 例子:rotatey(30deg);rotatez 沿z轴3D旋转
2020-10-04 00:45:04
105
原创 display与visibility可见性、内补白与外补白
display：设置元素应如何显示visibility：指定一个元素可见还是隐藏隐藏元素的方式：① display:none; 但隐藏的元素仍占用与未隐藏之前同样的空间，会影响布局② visibility：hidden；可隐藏元素，且不会占用任何空间display——块和内联元素1\ 块元素是一个元素，占用全部宽度，在前后都是换行符< h1> < p> < div>2\ 内联元素只需必要的宽度，不需要换行< span>< a>.
2020-10-03 23:57:51
103
原创 过渡与渐变
过渡属性：transition：检索或设置过渡效果transition-property：过渡的属性，若值为all，则为全属性transform-duration: 过渡的时间transform-timing-function: 过渡效果transition-delay: 过渡的开始时间
2020-10-03 23:26:57
343
原创 调整元素
调整元素版本支持 ：Firefox 4+、Chrome 以及 Safari 不支持 resize。宽：x高：y水平：x垂直：yresize 调整元素：none 不可以调整both 宽高都可以调整vertical 可以调整高度horizontal 可以调整宽度<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;cha
2020-09-28 10:54:43
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人