- 博客(35)
- 收藏
- 关注
原创 Git安装和基础使用(一)、版本回退
了解git:git是一款代码管理工具(分布式版本控制工具),免费,开源; SVN 是集中式版本控制系统(了解);简单的说就是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。比如你在做项目过程中所改编后的版本一样,git在你需要找回历史版本。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。为什么使用git:因为人工去处理不同的版本,做相应的备份会很麻烦。git的作用:代码备份、版本回退、协作开发、权限
2022-06-22 19:13:46
195
原创 JS基础学习(十二):闭包、返回值、函数传参和调用、全局和局部变量、系统函数、作用域
1.闭包①function就是一个闭包②可以把闭包简单理解成"定义在一个函数内部的函数"2.返回值3.函数传参和函数调用4.全局变量和局部变量5.系统函数6.作用域7.利用函数做增删改查
2022-05-01 21:44:20
669
原创 JS基础学习(十):字符串的大小写转换、trim()方法、JS字符串截取和模版字符串
1.字符串的大小写转换<script> // let str = 'ASEDECFSXV'; // /* 把字符串转换为小写 */ /* toLowerCase方法会返回一个小写的字符串 */ // let nstr = str.toLowerCase(); // document.write(nstr); let str = 'svdsfv'; /* 把字符串转换为大写 */
2022-04-27 22:51:46
1569
原创 JS基础学习(九):js的七大数据类型和构造函数、concat、replace、split、lastIndexOf()和indexOf、includes、match()
acwadC
2022-04-27 00:02:48
284
原创 JS基础学习(八):Date构造方法、时间戳、string属性(一)
1.创建 Date 对象Date 对象由新的Date() 构造函数创建。有 4 种方法创建新的日期对象:new Date() new Date(year, month, day, hours, minutes, seconds, milliseconds) new Date(milliseconds) new Date(date string)第一种:let time1 = new Date(); //let一个日期对象time1给Date构造函数...
2022-04-26 02:26:15
2289
原创 JS基础学习(七):对象和数组进行循环、concat、splice、indexOf、push、unshift、pop、shift、confirm
1.对象和数组进行循环例如:<script> // ①for in 对象和数组进行循环 let obj = { name: 'XXX', //数组obj下name属性的值为‘xxx’ age: 22,//数组obj下age属性的值...
2022-04-25 02:31:34
1651
原创 JS基础学习(六):JS内置对象---添加/删除属性;数组的push、join、sort、reverse;
1.JS内置对象JavaScript内置对象:JS中的所有事物都是对象内置对象:Array:用于在单独的变量名中存储一系列的值Date:用于操作日期和时间String:用于支持对字符串的处理Math:用于执行常用的数学任务,它包含了若干个数字常量和函数例如:<script> let student = { //stude...
2022-04-23 00:43:40
910
原创 JS基础学习(五):多重循环、调试、函数一等公民、break、continue
1.函数一等公民函数是一等公民的意思是2.多重循环3.调试4.break5.continue
2022-04-21 22:48:10
513
原创 JS基础学习(四):循环(二)、事件调用和函数定义、双重循环
1.函数函数的含义:程序的基本单元,是完成特定任务的代码语句块函数分类:系统函数(如parseInt()、parseFloat()...)、自定义函数(如luck())函数的特征:实现一定的功能可以返回一个结果 return 可以有参数且函数需要调用;1.1函数定义(声明)JavaScript 函数是通过function关键词定义的。可以使用函数声明或函数表达式。function functionName(变量) { 要...
2022-04-20 22:05:38
273
原创 JS基础语法(三):循环结构(一)、定义变量、
1.定义变量:let、var、const;var关键词声明的变量没有块作用域。在块{}内声明的变量可以从块之外进行访问。{ var x = 10; }// 此处可以使用 使用 var 关键字重新声明变量会带来问题。在块中重新声明变量也将重新声明块外的变量var x = 10;// 此处 x 为 10{ var x = 6; // 此处 x 为 6}// 此处 x 为 6let 关键词声明拥有块作用域的变量。在块 {} 内声明的变量无法从块外访问...
2022-04-19 21:31:58
1382
原创 JS基础学习(二)、JavaScript选择结构
1.JS运算符-逻辑运算符逻辑运算符&&(与号) 可以理解为都的意思,两者都要满足才为true,否则false||(或号) 可以理解为或,其中一个满足就打印一个true,不满足则不显示! (取反) 取相反的值列如:<script> var num1 = 5; //声明num1和赋值...
2022-04-18 22:17:05
701
原创 JS基础学习(一)JavaScript基础语法
1.JS基础<script > // ①在文档输入,打印在网页上的文字 document.write('从简单的JS开始') // ②输入文档可以加上标签 document.write('<h1>一起学习吧!</h1>')</script> <!-- ③外部链接JS --> <script src="./JS/1.js"></s...
2022-04-17 22:41:59
757
原创 块元素水平垂直居中、多行文本垂直居中、外部使用响应式写法
1.块元素水平垂直居中先提问:之前我们学过flex啦使盒子水平垂直居中的方式是什么呢?解:给父级盒子设置: display: flex; justify-content: center; align-items: center;以上这是第一种方法:使用flex弹性盒子布局;我们来看一看还有的几种方式吧!未免以后会用到呢!第二种方法:可以使用绝对定位配合margin的方式实现 margi...
2022-04-15 23:24:19
191
原创 媒体查询、移动端、网页响应式布局
1.媒体查询随着移动设备与互联网的快速普及,用户开始使用各种尺寸的智能手机、平板电脑或者其它设备来浏览 Web 内容,为了确保使用不同设备的用户都能拥有不错的体验就需要用到媒体查询。媒体查询能让 CSS 可以更精确的作用于不同的设备或同一设备的不同条件,并为它们分别定义不同的 CSS 样式,使其契合各个设备的页面大小,当然屏幕的类型由多种 比如电脑屏幕 比如打印机screen 就表示所有的电脑显示器,@mediascreenprint 表示打印机的屏幕,@mediaprintall表示...
2022-04-14 23:23:15
844
原创 Flex弹性盒子布局(flex-grow、flex-shrink、flex-basis)水平垂直居中、align-content、order、align-self
1.Flex弹性盒子(flex-grow、flex-shrink、flex-basis)flex-grow:属性规定在相同的容器中,项目相对于其余弹性项目的增长量。就是否将剩余空间填满,默认值0,不填充。flex-shrink:属性固定在相同的容器中,项目相对于其余弹性项目的收缩量。就是是否压缩,默认值1,被压缩,0,不被压缩flex-basis:属性规定弹性...
2022-04-13 22:11:48
3110
原创 Flex弹性盒布局-flex-direction、flex-wrap、justify-content、align-items
Flex弹性盒布局flex弹性布局:之前我们学过浮动和定位设置px值才能进行页面排版,flex会比较方便。它比较弹性。采用 Flex 布局的元素,称为 Flex 容器(flex container),简称“容器”。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称“项目”。容器默认存在两根轴,分别为水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置叫做 main start,结束位置叫做 main end;交叉轴的开始位置叫做 cro
2022-04-12 20:52:09
2315
原创 CSS3动画animation、3D动画(一)
1CSS3动画animationCSS3使用animation实现动画,主要由两个部分组成通过类似Flash动画的关键帧来声明一个动画在animation属性中调用关键帧声明的动画实现一个更为复杂的动画效果。调用动画和使用设置;animation:animation-name animation-duration animation-timing-functionanimation-delay animation-iteration-count animation-direction:anim.
2022-04-11 23:22:23
948
原创 定位小结、定位叠层、网页元素透明度、transform过渡属性tratsiion
1.定位总结绝对定位的特性:绝对定位是相对于它的定位父级的位置来定位,如果没有设置定位父级(给父级定位position:relative),则相对浏览器窗口来定位,使用绝对定位元素后位置发生偏移时,原来的位置不会被保留,层级提高(就是下面要提的定位叠层有关了),可以把标准文档流中的元素及浮动元素盖在下边,设置绝对定位的元素脱离文档流,简单的说,谁的等级高(默认等级z-index=0)谁就覆盖在上面,绝对定位的使用场景,一般情况下,绝对定位用在下拉菜单、焦点图轮播、弹出数字气泡、特别花边等场景。2.定
2022-04-10 23:11:18
523
原创 定位:relative相对定位、absolute绝对定位、fixed固定定位
作者有话说:在学定位之前有了解过吗?再没学浮动之前,这些块元素标签会出现在一列,要想实现并排就可以使用浮动float,现在我们可以学习定位,给背景图片或者图片、div、border等添加属性等,有定位在祖先级的、定位在浏览器的,比如说浏览京东页面时,当你拉动网页的时候页面会动,但是会有一个栏目始终保持在那个位置不动,这就是使用的定位,接下来一起看看吧!定位使用positionstatic 默认值,没有定位 relative 相对定位 ...
2022-04-08 20:24:47
4650
1
原创 CSS3的高级特效-css3变形(2D位移、2D缩放、2D旋转、2D倾斜)、行内块元素和浮动的区别
1.CSS3变形是一些效果的集合如平移、旋转、缩放、倾斜效果每个效果都可以称为变形(transform),它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化,设置变形函数,★ 可以是一个,也可以是多个,中间以空格分开;变形函数translate():平移函数,基于X、Y坐标重新定位元素的位置scale():缩放函数,可以使任意元素对象尺寸发生变化rotate():旋转函数,取值是一个度数值,度数单位是degskew():倾斜函数,取值是一个度数值,度数单位是deg注意:
2022-04-07 18:26:52
843
原创 浮动、消除浮动塌陷、overflow小拓展
1.什么样叫浮动,浮动使用float什么样叫浮动?举例子:有这样的代码<style> .div1{ padding:20px; border:1px dashed red; }加入浮动.div1 img{ float:left;/*浮动在左侧*/ } </style><div class="div1"> ...
2022-04-06 17:28:53
450
1
原创 线性渐变、径向渐变、文本阴影、文字溢出文本框设置、运用外部字体
1.线性渐变:background:linear-gradient(position, color1, color2);注释:position渐变方向 color1第一种颜色 color2第二种颜色...列如:<style> .box{ width: 300px; height: 300px; /* 不给方向position时,默认是从上到下顺序从第一种颜色渐变到第二种颜色..*/ ...
2022-04-05 19:52:52
551
原创 CSS3背景(background-size、background-origin、background-clip)圆角
1.background-size,规定背景图像的尺寸当图片需要用背景图像设置需求时使用background:url(图片路径)使用,但是图片大小时原本图片的尺寸,伪类把它变成自己需求的尺寸就可以使用background-size。如下:<style> .box{ width: 400px; height: 200px; border: 2px solid rgb(76, 234, 234); ...
2022-04-04 20:47:56
2392
原创 新增表单input类型(二)、表单初级验证
1.新增表单input类型--number;使用在input表单里,①max number规定允许在表单里出现的字符的最大值②min number规定允许在表单里出现的字符的最小值③step number规定合法的数字间隔(步长,例如step="5",则间隔为5增加或减少5、10、15...)④value number规定的默认值,即打开网页表单出现的字符为value默认字符,不写则无。2.新增input类型—Date pickers①②③④⑤⑥3
2022-04-01 18:20:24
598
原创 HTML5新增全局属性和废除的属性、css高级选择器、优先级算法、css权重、新增表单input类型(一)
1.HTML5新增全局属性①Canvas:画布定义图形使用Javascript来绘制图像②contentEditable:规定是否允许用户编辑内容,后面可以编辑内容,看似和表单没什么区别但是和表单是不一样的。③hidden:规定对元素进行隐藏,本质上还是利用display : none来实现的2.HTML废除的属性HTML5废除的属性部分在编译器里还是可以使用的。align="center"(text-align=“center”属性)table属性: bgcol
2022-03-31 17:57:24
990
原创 了解HTML5、网页布局、新增结构、网页元素
1.了解HTML什么是HTML5HTML5是用于取代HTML和XHTML的标准版本新特性新的语义化标签,比如 header、footer、nav新的表单控件,比如 email、url、search用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素作者有话说:之前我们使用的都是div、p、span等标签,这样的标签最简单使用,但是也有不方便的地方,第一不利于网站对访客的易用性,单单使用div标签只能制作网页但是 访问网页的渠道有很多,div制作网
2022-03-30 18:44:33
1752
原创 内外边距、怪异盒子、行内元素和块元素的应用
1.内外边距回顾一下外边距:外边距是如div标签包裹的盒子外面距离网页的边距称为外边距内边距则是如div标签类盒子的内部元素距离边框的边距同样内边距也可以单独设置:padding-top:Npx;(设置内边距上边距)padding-bottom:Npx;(设置内边距下边距)padding-left:Npx;(设置内边距左边距)padding-right:Npx;(设置内边距右边距)2.怪异盒子怪异盒子个人自述:学到盒子的时候讲到盒子的组成为margin、paddi..
2022-03-29 16:51:44
486
原创 盒子模型、div盒子、边框粗细、外边距
1.盒子模型概念:盒子模型是由margin + border + padding +网页元素(content)组成图示:最简单的盒子:<style> ul{ border: 1px solid rgb(101, 125, 230); } </style><body><div> <ul> <li>...
2022-03-28 17:20:17
1813
原创 文本修饰、超链接伪类、列表样式、网页背景定位
1.文本修饰:text-decoration:none、line-through、underline、overline;text-decoration:none;注:none对于一般的元素而言是默认值,定义的标准文本没有下划线,且a元素是默认就含有下划线text-decoration:line-through;注:line-through设置文本的删除线text-decoration:overline;注:overline设置文本的上划线text-decoration:un.
2022-03-27 18:24:05
782
原创 字体样式和css文本样式
设置字体属性font-!1.设置字体属性(用内部样式写在style里)/* 字体可以用引号包裹 也可以不加★如果楷体也不认识,那么就用浏览器默认的字体*/.p1{font-family: 宋体;/*font-family: "楷体";*/}2.设置字体大小/* px是物理像素 */div{font-size:12px;}3.em、rem和px的使用/*网页一般的一个字符像素大小为16px*//* em是根据父元素的大小来显示的 */p{
2022-03-25 18:43:07
1080
原创 选择器优先级和css的高级选择器
选择器:id选择器、类选择、元素选择器id选择器:h1为名称,且前后相同<style>#h1{color:yellow;}</style><body><h1 id="h1">我是id选择器&l...
2022-03-24 18:01:54
377
原创 HTML中表单与css样式
HTML表单元素:隐藏域(不显示在页面上):<input type="hidden" name="hiddenName" value="666">只读(可以看见单不可修改):<input type="text" name="user" value="张三" readonly>禁用(禁用按钮功能):<input type="submit" value="提交" disabled>表单元素的标注:(input的ID值要和label的for的值保持一致,效果
2022-03-23 16:21:37
640
原创 HTML中表单与框
<input type="表单元素" name="!" value="!" size="!" maxlength="!" checked>name:表单名称;value:上传数据名称(显示在地址栏内);size:除text和password表示表单宽度以外表示大小;maxlenght:表示该表单最大字符数;checked:设表单或按钮默认选择。表单元素有:text :文本框password:密码框checkbox:复选框radio:单选框submit:..
2022-03-22 16:09:00
331
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人