- 博客(29)
- 收藏
- 关注
RSS订阅转载 git提交的步骤 、git 遇到的问题
一、git 提交的步骤第一步:git status 查看当前状态当你忘记修改了哪些文件的时候可以使用 git status 来查看当前状态，红色的字体显示的就是你修改的文件。第二步:git add . 或者 git add xxx如果你git status 查看了当前状态发现都是你修改过的文件，都要提交，那么你可以直接使用 git add . 就可以把你的内容全部添加到本地git缓存区中如果你git status 查看了当前状态发现有部分文件你不想提交，那么就使用gi...
2021-01-21 09:56:54
253
原创 Vue的基础知识（五）
一、webpack概述、webpack的基本使用<1>webpack概述webpack是一个流行的前端项目构建工具（打包工具），可以解决当前web开发中所面临的困境webpack提供了友好的模块化支持，以及代码压缩混淆，处理js兼容问题。<2>webpack的基本使用 1、创建列表隔行变色项目 2、在项目中安装和配置webpackdevelopment模式：( 开发模式 ) 代码不会压缩与混淆，转换速度快一点product...
2020-11-25 21:05:17
136
原创 Vue的基础知识（四）
一、路由的基本概念路由的本质：就是对应关系在开发中，路由分为：前端路由、后端路由后端路由:概念：根据不同的用户URL请求，返回不同的内容本质：URL请求地址与服务器资源之间的对应关系后端渲染存在性能问题（比如用户频繁的提交表单，会造成页面的频繁刷新，因此出现Ajax前端渲染）出现了SPA单页面应用程序Ajax前端渲染不支持页面的前进后退操作前端路由:概念：根据不同的用户事件，显示不同的页面内容本质：用户事件与事件处理函数之间的对应关系...
2020-11-17 21:06:18
171
原创 Vue中常见题目（一）
一、v-if和v-show的区别相同点：v-if与v-show都可以动态控制dom元素显示隐藏不同点：v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css–display:none，dom元素还在。二、watch和computed的区别computed：计算属性计算属性是由data中的已知值，得到的一个新值。 这个新值只会根据已知值的变化而变化，其他不相关的数据的变化不会影响该新值。 计算属性不在data中，计算属性新值的相关已知值在data中。
2020-11-04 20:12:32
212
原创 Vue的基础知识（三）
一、组件交互（组件通信）1、父组件向子组件传值组件内部通过props接收传递过来的值（props：[ ]） 父组件通过属性将值传递给子组件parent中<!-- 静态的 --><v-child title="来自父组件的数据"></v-child><!-- 动态的属性绑定 --><v-child :title='title'></v-child>child中<!-- child通过props接受,直接
2020-11-03 21:01:43
278
原创 Vue的基础知识（二）
一、组件定义：组件，可复用的vue实例组件注册：------------------全局组件---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------.
2020-11-02 20:58:20
122
原创 Vue的基础知识（一）
一、vue介绍vue：渐进式JavaScript框架vue的特点：易用，熟悉HTML、CSS、JavaScript可以快速上手。 灵活，在一个库和一套完整的框架之间自如伸缩。 高效：20KB运行大小，超快虚拟DOM。vue的优势：数据驱动 组件化vue的基本使用步骤：1、需要提供标签用于填充数据2、引入vue.js库文件3、使用vue的语法做功能实例参数分析el：元素的挂载位置（值可以是c...
2020-10-29 20:37:55
270
1
原创 定位和浮动的对比
一、为什么需要定位？1、某个元素能自由的在一个盒子内移动位置，并且压住其他盒子。2、滚动窗口时，盒子是固定屏幕某个位置的。二、为什么需要浮动？浮动可以让多个块级盒子一行没有缝隙的排列，常用于横向排列的盒子。三、定位与浮动的区别1、行内元素添加绝对（position：absolute）或者固定定位（position：fixed），可以直接设置高度和宽度。2、块级元素添加绝对（position：absolute）或者固定定位（position：fixed），如果不给高度或者宽度，默认
2020-08-26 17:32:26
2085
原创 浮动
一、传统网页布局的三种方式网页布局的本质用CSS来摆放盒子。把盒子摆放到相应位置CSS提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序):普通流(标准流、文档流）：就是标签按照规定好默认方式排列. 块级元素独占一行，从上往下的顺序排列。常用块级：div、hr 、p 、h1~h6、ul、ol、dl、form、table 行内元素按照顺序，从左到右排列，碰到父级元素边缘自动换行。常用行内：span、a、i、em 最基本的布局...
2020-08-24 21:02:33
106
原创 PS切图
PS切图PS有很多的切图方式图层切图、切片切图、PS插件切图等。1.图层切图 最简单的切图方式:右击图层 → 快速导出为PNG。 选择需要导出的图层 → ctrl+E（将两个图层合成一个）→右键导出为PNG。2.切片切图1.利用切片选中图片 利用切片工具手动划出2.导出选中的图片文件菜单→导出→存储为web设备所用格式>选择我们要的图片格式>所有用户切片/选中的切片>存储。3.ps插件切图安装cutterman：注意：cutterman插...
2020-08-24 19:33:48
188
原创 CSS盒模型、width、height、padding、border、margin（5）
一、CSS盒模型统计图解CSS盒子模型(BoxModel)又称框模型，包含了元素内容(content)、内边距(padding)边框(border)、外边距(margin)几个要素。
2020-07-29 11:28:57
1192
原创 CSS字体属性、文本属性（4）
一、选择器权重行间样式 > id选择器 > class选择器 > 标签选择器 > 通配符选择器权重计算 行内样式 权重1000 ID选择器 权重100 类选择器 权重10 标签选择器 权重1 通配符 权重0 相同的权重:以后面出现的选择器为最后规则，越具体越强大。...
2020-07-24 11:17:07
270
原创 CSS3选择器权重、新增伪类选择器（3）
一、新增伪类选择器●:first-of-type四配属于其父元素的特定类型的首个子元素的每个元素。●:last-of-type四配属于其父元素的特定类型的最后一个子元素的每个元素。●:only-of-type匹配属于其父元素的特定类型的唯一子元素的每个元素。●:nth-of-type(n)匹配属于父元素的特定类型的第N个子元素的每个元素。●:nth-last-of-type(n)匹配属于父元素的特定类型的第N个子元素的每个元素，从最后一个子元素开始计数。...
2020-07-20 21:00:21
270
原创 CSS基本选择器、复杂选择器、伪元素选择器、属性选择器及新增属性选择器（2）
一、基本选择器标签选择器:用于指定元素名称的所有元素类选择器:选取带有指定类(class)的元素ID选择器:为带有指定id的元素设置样式通配符:选取所有元素,也能选取另一个元素中的所有元素:<p class="yellow big">两个类名放一起</p>二、复杂选择器群组选择器(并集选择器):用于同时选取多个元素交集选择器:用于选中二者各自元素范围的交集后代选择器:用于选取元素内部的元素子代选择器:用于选取带有特定父元素的元素。相邻兄弟选择器:选择紧.
2020-07-19 17:32:29
245
原创 CSS基础语法和引入方式（1）
一、CSS简介CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多重样式将层叠为一个二、CSS基础语法CSS基础语法1、CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。2、选择器通常是您需要改变样式的HTML元素。3、每条声明由一个属性和一个值组成。4、属性(property)是您希望设置的样式属性(st...
2020-07-19 17:01:29
224
原创 HTML5新增表单标签和属性（6）
一、新增表单标签input标签新增的type类型(1)email:必须输入邮件;(2)url:必须输入url地址;(3)number:必须输入数值;(4)range:必须输入一定范围内的数值;(5)DatePickers:日期选择器;a.date:选取日、月、年b.month:选取月、年c.week:选取周和年d.time:选取时间(小时和分钟)e.datetime:选取时间、日、月、年(UTC时间)f.datetime-local:选取时间、日、月、年(本...
2020-07-19 15:20:21
157
原创 HTML表格及应用、表单域（5）
一、表格标签一些简单的表格由table元素，一个或者多个tr,th,td组成。<table>标签定义HTML表格。<tr>标签定义表格行<th>标签定义表头<td>标签定义表格单元<table border="1" style="width:400px"> <tr> <th>编号</th> <th>姓名</t.
2020-07-19 12:00:45
386
原创 HTML新增标签（4）
目录一、结构标签（都是块级标签） html5 ie浏览器9 以上才支持二、媒体标签三、其他功能标签一、结构标签（都是块级标签） html5 ie浏览器9 以上才支持1.section标签（对布局来说，块级标签）定义文章中的节。section元素并非一个普通的容器元素，它表示一段专题性的内容，一般带有标题，仍然可以<h1>表示标题。2.article标签是一个特殊的section标签，比section具有更加明确的语义，表示一个独立的完整的相关内容块。3.nav标.
2020-07-19 11:02:36
432
原创 HTML中display属性（3）
display属性display： 用于框类型之间的转换值：inline 行内 block块级 inline-block行内块级 none 隐藏元素并且不占位元素的嵌套规则1、块级元素与块级元素平级，内联元素与内联元素平级。2、块元索可以包含内联元素或某些块元素，但内联元素不能包含块元素，它只能包含其它的内联元索3、有几个特殊的块级元素只能包含内联元素,不能再包含块级元素h1、h2、h3、h4、h5、h6、p、dt4、有些标签...
2020-07-17 14:47:18
295
原创 HTML中插入图片、超链接＜a＞（2）
网页中常见的图片格式：.png .jpg .jpeg .gif图片与当前文档在同一级目录时：直接写图片的文件名图片放在文件夹里，该文件夹与html文档在同一目录，先进入文件夹再找到对应的图片scr="./images/img01.png" (scr="images/img01.png")./代表当前目录可以省略../返回上一级目录/代表根目录插入图片：<img scr="....." alt="..." titl="...."> (/与\无差别)alt：图片无法正常显
2020-07-16 21:01:22
2748
原创 常见HTML标签（1） ＜h1＞ 、＜p＞、＜em＞、＜strong＞
一、<h1>~<h6>可以定义标题<h1>定义最大的标题，<h6>定义最小的标题，由于h元素有确切语义，不要利用标题标签来改变一行中的字体大小，得使用层叠样式表。二、<p>标签定义段落p元素会自动在其前后创造一些空白。三、<em>、<i><em>和<i>之间的文字显示为斜体，<em>把文本定义为强调的内容。四、<strong>、<b>&l
2020-07-16 20:02:00
4089
原创 HTML基础知识（三）盒子阴影、文字阴影、透明
Float有4个值： left ：元素向左浮动。 right ：元素向右浮动。 none ：默认值。 inherit ：从父元素继承float属性。浮动后的div宽度会变成0，但是其内边框可能撑起它的宽和高。...
2020-07-16 19:14:31
608
原创 HTML基础知识（二）margin属性、float浮动、：hover鼠标悬停、文本属性、＜img＞图片的引入
一、margin属性、float浮动margin 外边距 margin-top margin-right margin-bottom margin-left 值 一个值 控制4个方向 两个值 控制上下 左右 三个值 控制 上 左右 下 四个值 分别控制4个方向 注：值的控制方向是按照顺时针方向特殊：margin的值: px auto 块级元素 水平方向的居中 float 浮动(布局方式之一)
2020-07-15 20:53:46
368
原创 HTML基础知识（一）声明、标记、块元素、transform属性、关键帧动画
<!DOCTYPE> 声明<!DOCTYPE>声明有助于浏览器中正确显示网页。网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。doctype 声明是不区分大小写的，以下方式均可：<!DOCTYPE html><!DOCTYPE HTML><!doctype html><!Doctype Html>1. doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了哪
2020-07-14 20:59:51
952
原创 Java基础知识（三）String
一、String类型String 概念 定义 方法 案例 字符串：由字符组成的串 String s = “abcd”； String s = “”；空串 1 获取字符串长度 int length =s.length();（注意：.length( ) 是一个方法，有括号） 1：获取字符串的第一个字符 charc1= str.charA...
2020-07-09 16:59:54
91
原创 Java基础知识（二）分支结构、循环结构
一、分支结构 （一）if语句种类 格式 执行流程 if if(关系表达式)｛ 语句体; ｝ 首先判断关系表达式看其结果是true还是false 如果是true就执行语句体 如果是false就不执行语句体 if...else if(关系表达式) { 语句体1; }else { 语句体2; } 首先判断关系..
2020-07-08 19:50:41
154
原创 Java基础知识（一）数据类型、数据类型转换、ASCII编码表
一、数据类型数据类型包括基本数据类型和引用数据类型基本数据类型：整数、小数、字符、布尔 引用数据类型：数组、类、接口注：整数类型二进制表示方式：以0b(0B)开头 如0b1011 、0B1001 八进制表示方式：以0开头 如01、07、0721 十六进制表示方式：以0x(0X)开头 数字以0-9及A-F组成 如0x23A2、0xa、0x10 四类 八种 字节数 数据表示范围 整型...
2020-07-07 20:36:21
200
原创 java配置开发环境
目的：为了让系统能够找到Java相关的命令并执行第一步：第一种：电脑----->属性----->高级系统设置----->环境变量------>选中Path变量------->编辑Path变量------->增加jdk安装路径\bin;第二种：环境变量--->系统变量---新建（变量名：JAVA_HOME 变量值：F:\day1\jdk1.8）-----点击变量path，在变量值后加;%JAVA_HOME%\bin（第二种更好，因为有时候.
2020-07-07 20:05:18
173
原创 eclipse常用快捷键 windows常用快捷键 常用cmd命令
eclipse常用快捷键Ctrl+F 查找并替换 Ctrl+= 放大 Ctrl+- 缩小 Ctrl+/ 注释当前行,再按则取消注释（//） Alt + shift + J 文档注释（/**注释文字*/） Ctrl+Shift+/ 多行注释(/*注释文字*/) Ctrl+Shift+X 把当前选中的文本全部变为大写 Ctrl+
2020-07-07 19:46:18
183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人