自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 git 常用命令

拉取远程仓库代码git pull origin 远程分支名推送代码到远程仓库步骤注意:推送之前先拉取远程仓库代码,防止远程代码更新导致冲突git add .git commit -m ‘提交说明’git push origin 远程分支名查看分支名git branch 查看本地分支git branch -a 查看远程分支名切换分支名git checkout -b 远程分支名 origin/本地分支名 (创建并切换分支)git checkout 分支名 切换当前已存在的分

2022-02-25 12:07:15 128

原创 JavaScript继承

继承在ECMAScript中实现继承的方式主要是通过原型链实现的。1.原型链继承通过原型链继承的基本思想是:通过原型,继承引用类型的属性和方法。注意:所有的引用类型都继承自Object。两个函数:Animal、Dog一个Dog实例:dog通过原型链继承,实现让dog调用sayName()方法function Animal(name) { this.name = name;}Animal.prototype.sayName = function () { console.l

2021-09-23 14:55:12 118

原创 JavaScript对象(三)

对象(三)接JavaScript对象(二)1.原型模式        每个函数都有一个prototype属性,该属性指向该函数的原型对象,在原型对象中的属性和方法被所有该函数实例所共享。        因此我们可以在原型对象中定义属性和方法。// 使用原型模式创建一个构造函数function Person() { }// 在Person

2021-09-17 14:24:41 124

原创 JavaScript对象(二)

对象(二)        当我们需要创建具有同样接口的大量的对象时,使用构造函数或字面量形式就会出现明显的不足,我们需要重复的编写很多重复代码。        而解决这个问题的方式,就是使用工厂模式。1.工厂模式        工厂模式是一种创建型模式,用于创建对

2021-09-16 19:27:58 82

原创 JavaScript对象(一)

对象1.内置对象1.1 基本包装类型在ES中,数据分类基本分为基本数据类型和引用类型而基本包装类型,严格来说不属于这两类,但又和他们息息相关基本数据类型和引用类型的其中一个明显区别是:引用数据类型有内置方法或者可以自定义方法来操作数据。但大部分基本数据类型没有。而根据最新ES标准定义,基本数据类型包括Undefined, Null, Boolean, Number, Symbol, String。为了便于操作基本数据类型值,CMAScript提供了3个特殊引用数据(即基本包装类型):Boole

2021-09-15 10:31:50 73

原创 JavaScript--正则表达式

正则表达式正则表达式是由一个字符序列形成的搜索模式,可用作文本搜索和文本替换的操作,在代码中常简写为regexp、RE。1.创建方式字面量形式用一对反斜线包裹着正则表达式内容,例如/123/var reg=/正则表达式/修饰符;var reg1=/hello/g;构造函数形式//修饰符可不写var reg=new RegExp("正则表达式","修饰符");var reg1=new RegExp("hello","g");2.字符分类特殊字符在正则表达式中正斜线

2021-09-13 15:27:41 202

原创 JavaScript数组

数组1.数组介绍数组是可以存放任意类型的数据的集合,并且长度也可以动态调整2.数组的创建1.字面量形式var arr=[1,2,'123',[1,2,3],{},function(){}]; // 通过数组下标获取对应的数据console.log(arr,arr[2]); //'123'// 获取数组的长度console.log(arr.length);//62.构造函数形式//1. 当无参时 等价于var arr=[]var arr=new Array(); //2.当只

2021-09-12 17:37:15 116 1

原创 JavaScript函数

函数1.函数介绍将一系列代码进行封装,并实现一定的功能,实现代码复用。JavaScript定义函数的格式:function 函数名称(形参列表)(){}; //直接声明,若没有函数名称,则为匿名函数var foo=function(形参列表){}; //函数表达式函数的作用:功能封装,直接调用,提高代码复用率2.函数声明提升函数的声明和var变量声明类似,都会进行提升,提升到代码的最前边,即可以在声明函数前调用函数,函数声明提升优先于变量声明提升var sum=add(2,3);//

2021-09-10 14:45:48 129

原创 JS 类型判断

JS 类型判断typeof操作符,后接一个操作数,用于判断对象或原始值的表达式的数据类型,返回结果是全小写返回的类型有:number,string,boolean,undefined,object,function,symbolconsole.log(typeof 123); //numberconsole.log(typeof "zs"); //stringconsole.log(typeof true); //booleanconsole.log(typeof undefined); //

2021-09-09 17:17:45 54

原创 JS——重构方法(push、pop、shift、unshift、reverse、every、some、filter、map、forEach)

重构方法//声明数组 用于下文var arr1 = ['zhangsan', 'lisi', 1, 3, 6]var age = [20, 36, 22, 54, 18];1.栈与队列方法push方法向数组的末尾添加一个或多个元素,并返回新的长度// 重构pushArray.prototype.Mypush = function (key) { var Arr = this; //调用方法的数组对象 for (i in arguments) { //包含传递给函数的

2021-09-01 11:05:01 506

原创 JS对象--Object

对象对象是一个包含相关数据和方法的集合1.对象的创建1.字面量模式var obj = { name:"terry", age:12, sayName:function(){ console.log("my name is ",this.name); }}2.构造函数模式var obj = new Object();obj.name = "terry";obj.age = 12;obj.sayName = function(){ console.log("my

2021-08-31 19:29:01 73

原创 JS操作符及类型

1.操作符1.1一元运算符8种常用的一元运算符运算符描述+将操作数转换成数字,字符串的拼接-将操作数转换成数字,同时变为负数!逻辑取反运算符++递增–递减delete删除数组或对象中特定索引的值typeof操作数放到typeof的后面,会返回当前操作数的类型,对于数值类型可以准确返回,对于引用类型,Function会返回’function’,其他都只会返回’object’voidvoid 运算符对任何值返回 undefine

2021-08-31 19:06:12 129

原创 JavaScript的简单介绍和应用

1.JavaScript的组成部分 (面试题)1.1 ECMAScript描述了该语言的语法和基本对象,JS的核心语法标准其中,包含注释 // ,/**/、变量、操作符、流程控制语句、数组、对象、函数、正则表达式…所有的js解释器都可以兼容ECMAScript变量:var、let、constvar用于声明一个变量,let、const在ES6中新增,在es6中,可以通过let声明一个变量,通过const声明一个常量var、let、const变量的区别1.var 声明全局变量,作用域为全局l

2021-08-31 19:01:36 179

原创 在阿里云服务器上安装常用应用

1.进程命令查看全格式的全部进程$ ps -ef查看apache进程$ ps -ef | grep httpd查看mysql进程$ ps -ef | grep mysqld结果UID PID PPID C STIME TTY TIME CMD root 1 0 0 09:19 ? 00:00:01 /sbin/init##### 含义如下​ UID 进程拥有者​ PID 进程ID ​

2021-08-20 10:35:30 1213

原创 阿里云服务器中目录的简单介绍及简单使用

1./(根目录)下的目录介绍var可变文件目录apache的www目录 var/www/html主要用于html文件的上传,可以在服务器中访问etc 配置文件目录查看文件内容使用:cat 文件路径 more 文件路径cat /etc/passwd 用户信息(系统用户或伪用户)这些用户不能删除,否则依赖这些用户运行的服务或程序就不能正常执行,会导致系统问题格式:用":"作为分隔符,划分为 7 个字段root:x:0:0:root:/root:/bin

2021-08-20 10:33:10 2279

原创 过渡Transitions、动画Animation

1.CSS过渡-TransitionsCSS transitions 提供了一种在更改CSS属性时控制动画速度的方法。1.1 过渡三要素必须要有属性发生变化必须告诉系统哪个属性需要执行过渡效果必须告诉系统过渡效果持续时长1.2 过渡触发条件:hover 鼠标悬停触发:active 用户单击元素并长按鼠标时触发:focus 获得焦点时触发@media触发 符合媒体查询条件时触发点击事件 用户点击元素时触发1.3 过渡属性1.3.1 transition-prope

2021-08-18 11:21:30 211

原创 Css布局——浮动、定位、flex

CSS布局网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的,浏览器默认的排版方式就是标准流的排版方式常见的布局方式有浮动布局、定位布局、伸缩盒布局。1.浮动布局 通过float属性将标准流布局改变为浮动布局,float取值为none、left、right,在浮动流中不可以使用margin: 0 auto; float: none 默认值,元素默认在标准流(文档流/普通流)中排列 float: left,元素脱离标准流(文档流/普通流),向页面的左侧浮动 float: righ

2021-08-17 19:37:47 1302

原创 HTML字体及文本样式

1.文本属性1.1 颜色属性color:值英文单词:red、blue、pink…rgb :r(red 红色)g(green 绿色) b(blue 蓝色) rgb(0,0,0)每个值的取值范围在0-255之间,0代表不发光,值越大越亮红色: rgb(255,0,0);绿色: rgb(0,255,0);蓝色: rgb(0,0,255);黑色: rgb(0,0,0);白色: rgb(255,255,255);rgba:和前面一样,只是多了透明度a,取值为0-1,值越小越透明

2021-08-16 20:28:33 6498

原创 Css和Css选择器的简单介绍

1. CSS3简介CSS是层叠样式表 (Cascading Style Sheets) ,是一个用于修饰文档(可以是标记语言HTML,也可以是XML或者SVN)的语言,可以将文档以更优美的形式呈现给用户。2.CSS语法2.1 CSS声明CSS功能:为特定的属性设定特定的值CSS的属性和值都是大小写敏感的,属性和值之间通过冒号":"分隔开2.2 CSS声明块CSS声明块:使用花括号"{}“将多个CSS声明包括起来,将多个CSS声明写在一起,每个CSS声明通过分号”;"分隔。2.3 CSS规则集

2021-08-11 09:04:05 202

原创 Http协议

1.Http协议Http是一种通讯协议(protocol),是在Web上进行数据交换的基础,通常我们发起的请求都是由浏览器这样的接受方发起的。目前最新的Http协议版本是Http/5。Http协议是一种可扩展的协议,它属于应用层的协议。在客户端中,我们基于Http协议向服务端发送请求,服务端接收并处理客户端发过来的请求后,正常情况下会返回一个HTTP的响应消息。这里的请求和响应就是Http报文:请求报文和响应报文。请求报文就是客户端向服务端发送请求的信号,而响应报文就是服务端响应处理后回传给客户端的信

2021-08-08 14:53:11 216

原创 HTML的功能元素

1.功能元素1.1 列表标签1.1.1 列表分类无序列表有序列表定义列表1.1.2 无序列表无序列表的意思是给数据添加列表的语义,但是这些数据没有先后之分,例如中国的城市<!-- 快捷生成方式:ul>li*3 --> <!-- 无序列表 --> <!-- 无序列表的样式通过type修改 实心圆(默认值):disc(value) 空心圆:circle 实心方块:square --> <ul type="square"&gt

2021-08-05 17:09:42 166

原创 Html与Css的简单介绍(一)

1. HTML与CSS1.1 HTML​ HTML是一种超文本标记语言,用于告诉浏览器如何构造页面,“超文本”指的是构造的页面可以包含图片、链接、音乐以及程序等非文字元素,HTML文件的后缀名有.html与.htm,大部分都是.html。1.2 HTML特点​ 1.简易性:超文本标记语言版本升级采用超集方式,因此更加灵活方便。​ 2.可扩展性:超文本标记语言的广泛应用带来了加强功能、增加标识符等要求,超文本标记语言采取子类元素的方式,为系统扩展带来保证。​ 3.平台无关性:超文本标记语言可

2021-08-04 10:52:09 1361

原创 Axure笔记

2021.7.27-2021.7.30 关于Axure的简单使用一、Axure的简单介绍​ Axure RP是一款专业的快速原型设计工具,课通过拖拽方式,画出网页原型。主要用来帮助设计师设计出基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,搭完架构图后可生成相对应的网页文件,可进行简单的交互。二、Axure的下载及使用2.1 Axure的下载​ Axure RP 9 WIN正式版:https://axure.cachefly.net/versions/9-0/A

2021-08-03 15:30:15 375

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除