前端
文章平均质量分 84
昔西西西
这个作者很懒,什么都没留下…
展开
-
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 · 130 阅读 · 0 评论 -
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 · 120 阅读 · 0 评论 -
JavaScript对象(三)
对象(三)接JavaScript对象(二)1.原型模式 每个函数都有一个prototype属性,该属性指向该函数的原型对象,在原型对象中的属性和方法被所有该函数实例所共享。 因此我们可以在原型对象中定义属性和方法。// 使用原型模式创建一个构造函数function Person() { }// 在Person原创 2021-09-17 14:24:41 · 128 阅读 · 0 评论 -
JavaScript对象(二)
对象(二) 当我们需要创建具有同样接口的大量的对象时,使用构造函数或字面量形式就会出现明显的不足,我们需要重复的编写很多重复代码。 而解决这个问题的方式,就是使用工厂模式。1.工厂模式 工厂模式是一种创建型模式,用于创建对原创 2021-09-16 19:27:58 · 83 阅读 · 0 评论 -
JavaScript对象(一)
对象1.内置对象1.1 基本包装类型在ES中,数据分类基本分为基本数据类型和引用类型而基本包装类型,严格来说不属于这两类,但又和他们息息相关基本数据类型和引用类型的其中一个明显区别是:引用数据类型有内置方法或者可以自定义方法来操作数据。但大部分基本数据类型没有。而根据最新ES标准定义,基本数据类型包括Undefined, Null, Boolean, Number, Symbol, String。为了便于操作基本数据类型值,CMAScript提供了3个特殊引用数据(即基本包装类型):Boole原创 2021-09-15 10:31:50 · 77 阅读 · 0 评论 -
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 · 206 阅读 · 0 评论 -
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 · 118 阅读 · 1 评论 -
JavaScript函数
函数1.函数介绍将一系列代码进行封装,并实现一定的功能,实现代码复用。JavaScript定义函数的格式:function 函数名称(形参列表)(){}; //直接声明,若没有函数名称,则为匿名函数var foo=function(形参列表){}; //函数表达式函数的作用:功能封装,直接调用,提高代码复用率2.函数声明提升函数的声明和var变量声明类似,都会进行提升,提升到代码的最前边,即可以在声明函数前调用函数,函数声明提升优先于变量声明提升var sum=add(2,3);//原创 2021-09-10 14:45:48 · 140 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 516 阅读 · 0 评论 -
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 · 75 阅读 · 0 评论 -
JS操作符及类型
1.操作符1.1一元运算符8种常用的一元运算符运算符描述+将操作数转换成数字,字符串的拼接-将操作数转换成数字,同时变为负数!逻辑取反运算符++递增–递减delete删除数组或对象中特定索引的值typeof操作数放到typeof的后面,会返回当前操作数的类型,对于数值类型可以准确返回,对于引用类型,Function会返回’function’,其他都只会返回’object’voidvoid 运算符对任何值返回 undefine原创 2021-08-31 19:06:12 · 137 阅读 · 0 评论 -
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 阅读 · 0 评论 -
过渡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 · 221 阅读 · 0 评论 -
Css布局——浮动、定位、flex
CSS布局网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的,浏览器默认的排版方式就是标准流的排版方式常见的布局方式有浮动布局、定位布局、伸缩盒布局。1.浮动布局 通过float属性将标准流布局改变为浮动布局,float取值为none、left、right,在浮动流中不可以使用margin: 0 auto; float: none 默认值,元素默认在标准流(文档流/普通流)中排列 float: left,元素脱离标准流(文档流/普通流),向页面的左侧浮动 float: righ原创 2021-08-17 19:37:47 · 1336 阅读 · 0 评论 -
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 · 6572 阅读 · 0 评论 -
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 · 204 阅读 · 0 评论 -
HTML的功能元素
1.功能元素1.1 列表标签1.1.1 列表分类无序列表有序列表定义列表1.1.2 无序列表无序列表的意思是给数据添加列表的语义,但是这些数据没有先后之分,例如中国的城市<!-- 快捷生成方式:ul>li*3 --> <!-- 无序列表 --> <!-- 无序列表的样式通过type修改 实心圆(默认值):disc(value) 空心圆:circle 实心方块:square --> <ul type="square">原创 2021-08-05 17:09:42 · 173 阅读 · 0 评论 -
Html与Css的简单介绍(一)
1. HTML与CSS1.1 HTML HTML是一种超文本标记语言,用于告诉浏览器如何构造页面,“超文本”指的是构造的页面可以包含图片、链接、音乐以及程序等非文字元素,HTML文件的后缀名有.html与.htm,大部分都是.html。1.2 HTML特点 1.简易性:超文本标记语言版本升级采用超集方式,因此更加灵活方便。 2.可扩展性:超文本标记语言的广泛应用带来了加强功能、增加标识符等要求,超文本标记语言采取子类元素的方式,为系统扩展带来保证。 3.平台无关性:超文本标记语言可原创 2021-08-04 10:52:09 · 1374 阅读 · 0 评论