自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(35)
  • 收藏
  • 关注

转载 圣杯布局和双飞翼布局

圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同,都是为了实现一个两侧宽度固定,中间宽度自适应的三栏布局。共同特点两侧宽度固定,中间宽度自适应中间部分在DOM结构上优先,以便先行渲染允许三列中的任意一列成为最高列只需要使用一个额外的<div>标签圣杯布局css转载于:https://www.cnblogs.c...

2019-09-11 08:47:00 83

转载 js面向对象

js面向对象:类:具有相同特征的一些对象的集合;类定义了一件事物的抽象特点。通常来说,类定义了事物的属性和它可以做到的(它的行为)。举例来说,“狗”这个类会包含狗的一切基础特征,例如它的孕育、毛皮颜色和吠叫的能力。类可以为程序提供模版和结构。一个类的方法和属性被称为“成员”。对象:具体某一个事物了,都可以叫对象;可以对其做事情的一些东西。一个对象有状态、行为和标识三种属性。类:通过fu...

2019-08-16 09:59:00 100

转载 面向对象

面向对象面向对象:通过函数封装得到一个类备注:类的本质就是函数每个类(函数)天生有一个prototype属性,这个prototype又是一个对象,这个对象里的=有个construction(构造函数)属性,属性值是类本身我们所有new一个类的时候,其实就是调用他的构造函数,构造函数里面的属性都是私有的,构造函数黎明的this指向实例对象每个对象上天生有一个__proto__指向类的原型...

2019-08-05 20:22:00 74

转载 Mysql

查看数据库的指令 show databases;创建数据库 create database 数据库名;删除数据库的指令 drop database 数据库名;进入某一数据库中 use 数据库名;对数据表增删查改查看数据表:show tables;创建表 create table 表名(字段 1 类型;字段2 类型);删除表 drop table 表名;...

2019-04-10 20:54:00 170

转载 php面向对象

类− 定义了一件事物的抽象特点。类的定义包含了数据的形式以及对数据的操作。  定义语法:class Person{               }对象− 是类的实例。  创建语法:class Person{       }       $p=new Person();成员变量− 定义在类内部的变量。该变量的值对外是不可见的,但是可以通过成员函...

2019-04-09 20:52:00 66

转载 git指令

要使用git首先得安装https://git-scm.com/download/win安装完毕后通过在文件夹中右击鼠标,点击Git Bash Here打开1.  git指令前面是$符号2.  git config --global user.name "用户名"   config(配置)3.  git config --global user.email "...

2019-04-09 17:07:00 90

转载 ajax

Ajax使用ajax构建应用程序这个术语源自描述从基于Web的应用到基于数据的应用。Ajax不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。使用JavaScript向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。通过这个对象,您的JavaScript可在不重载页面的情况与Web服务器交换数据,即在不需要...

2019-04-09 17:04:00 169

转载 数据渲染

渲染数据(1)案例分析 原有的list中有三个li,并且每个li身上有onmouseover事件字符串拼接,最常用的方法优点:只进行了一次Dom回流缺点:原有dom的事件都会丢失原因:就在与innerHTML这个属性,这个属性是返回或设置Dom中的内容,以字符串形式返回,拼接完之后是string类型,而onmouse这些属性是Dom元素对...

2019-03-15 07:54:00 98

转载 阿贾克斯

ajax的本质就是xmlHttpRequest对象控制台出现三个属性readyState 请求的五个阶段 0 1 2 3 4responseText 返回的文件内容Status 状态吗 返回的状态信息在__proto__有三个方法Open()Send()onReadyStateChange()了解Xml 是一种数据存储格...

2019-03-14 14:18:00 252

转载 php

Php文件不能直接用浏览器打开。Apache是php的环境。Js的环境是node我们用的phpstudy这个集成环境。只需要把php文件放在Apache中的根目录www文件中就行了。不能用浏览器直接打开,通过网络地址才可以。网页从上往下一一加载,一个dom一个dom的加载 要注意link script img iframe 等带有href和src的属性的标签,这些属性相...

2019-03-14 07:56:00 62

转载 图片拖拽

问题在拖拽元素的时候,如果元素的内部加了文字或者图片,拖拽效果会失灵?浏览器会给文字和图片一个默认行为,当文字和图片被选中的时候,会有一个拖拽的效果,即使我们没有人为给他添加。所以当我们点击这个元素拖拽时,有可能选中文字或图片触发浏览器天生给的那个行为,从而导致我们写的那个拖拽效果失灵。怎么解决setCapture() 全局捕获的方法 他是ie低版...

2018-12-21 11:18:00 82

转载 12.20

正则:检索字符串的一条规则。正则就是由元字符和修饰符构成。写在//里面的都叫元字符,元字符分两种 一种是有特殊意义,一种没有特殊意义,没有特殊意义的就是字符本身。特殊意思的元字符\ 转义字符 转译后面紧跟的字符的意义 \d \.. 代表除了\n以外的任何单个字符d,D,w,W,s,S,b,B^ 以什么开头 kangchuo$ 以什么结束...

2018-12-21 11:12:00 81

转载 正则详细讲解

正则详细讲解每一个正则都是由元字符和修饰符组成元字符 在//之间有特殊意义的字符具有特殊意义的元字符\转义字符,转义后面后面字符所代表的含义^以某一个元字符开始 读kangchuo$以某一个元字符结尾\n匹配一个换行符.除了\n以外的任意一个字符()分组,把一个大正则划分为几个小正则X|y x或者y中的一个[xyz],...

2018-12-21 11:11:00 128

转载 12.19

1.var reg=/./ var reg=/\./前者代表任意一个字符而后者代表这个字符串中得有一个.2.?的使用如果单独的一个字符后面带? var reg=/\d?/ /n?/代表一个或0个这个字符的出现如果是量词+和*,{2,}后面带? 取消正则的贪婪性 在捕获阶段3.捕获1.普通捕获 exec() match()普通捕获有懒惰性,给...

2018-12-21 11:08:00 116

转载 正则

正则regexp正则 就是一条规则,用于检验字符串的格式,目标就是字符串。只要要是表单提交的数据都是字符串。正则定义var reg=new RegExp();Var reg=/格式/;正则的方法就两大功能,一个是匹配,匹配成功就是true,第二个是捕获,如果有就拿出来。Test() 用于匹配Exec()用于捕获10. 正则修饰符 ...

2018-12-21 11:03:00 99

转载 闭包

1.闭包:函数在调用的时候会形成一个私有的作用域,对内部变量起到保护的作用,这就是闭包。2.变量销毁:1.人为销毁 var a=12; a=null2.自然销毁 函数调用完成之后 浏览器会自动销毁函数内的变量3闭包作用保护变量缓存数据4.闭包的种类1.函数式2.对象式5.函数返回值的问题每个函数都有一个返回值,如果...

2018-12-21 11:02:00 73

转载 date类

Date 类getDate() 返回一个月中的某一天 1-31getDay() 返回一周中某一天0-6getFullyear()返回四位数的年份getMonth()返回月份 比实际情况小1 0代表1月 0-11getHours()返回的当前的 小时数0-23getMinutes() 返回当前的分钟数0-59getSeconds()返回当前的秒数 0-5...

2018-12-21 11:01:00 98

转载 二分查找

4.Math 数值对象Js自带的类 array number string function date math regexp booleanMath类 math对象 又研究一堆的属性和方法数学中的弧度和角度1.弧度的π Math.PI2.返回平方根 Math.sqrt(16)3.Math.abs(x) 返回的绝对值4.Math.ceil(x) ...

2018-12-21 11:00:00 80

转载 冒泡排序

var arr=[45,26,15,54,36,8,4];var num=nullfor(var j=arr.length-1;j>=0;j--){//for(var k=0;k<arr.length-1;k++){ //for(var i=0;i<arr.length-k;i++){ for(var i=0;i<=j;i++){...

2018-12-21 10:58:00 84

转载 变量交换

变量交换var a=4; var b=3; var n=null; n=a; a=b; b=n; console.log(a,b)找出数组中的最大项和最小项var a=[45,26,15,54,36,8,4];借助math中maxMath.max.apply(null,a) 返回值就是最大值...

2018-12-21 10:55:00 67

转载 解决this指向问题

解决函数内this指向可以在函数外提前声明变量 _this/that=this通过apply和call 来修改函数内的this指向(1) 二者区别 用法是一样的,就是参数形式不一样 fn.call(obj,a,b)/fn.apply(obj,[a,b])(2) 二者代表的是将函数内的this换成obj之后然后把fn调用bind修改...

2018-12-21 10:37:00 122

转载 12.4

DOM0级事件元素绑定多个click最后只执行最后一个click。DOM2级事件元素绑定多个click,都要执行注意当绑定的多个事件名,函数名,事件发生阶段三者完全一样时,才执行最后一个div.addEventListener("click",fn1,false) div.addEventListener("click",fn1,false)第二参数尽量不要使用...

2018-12-21 10:34:00 67

转载 事件对象

.常用的事件……2.每个元素身上的事件是天生自带的,不需要我们去定义,只需要我们给这个是事件绑定一个方法,当事件触发的时候就会执行这个方法。3.事件绑定的写法1.div.onclick=function(){} DOM0级事件绑定2.div.addEventListener()或div.attachEvent() DOM2级事件绑定二者的区别Onclick...

2018-12-21 10:32:00 55

转载 call.apply

Call()和apply()Call和apply,就是改变函数里面的this指向的方法。xxx.call()或xxx.apply()特别强调下xxx必须是function,(普通函数,类,构造函数)var obj={ name:"志伟" } function fn(){ console...

2018-12-21 10:31:00 64

转载 事件冒泡和事件捕获

Js高级面向对象单列模式工厂模式构造函数(1) 类Js天生自带的类Object 基类Function Array Number Math Boolean Date Regexp String1.事件浏览器客户端上客户触发的行为都称为事件所有的事件都是天生自带的,不需要我们去绑定,只需要我们去触发。通过obj.事件名...

2018-12-21 10:26:00 91

转载 scroll

Scroll我们学习的client和offset scrollwidth和scrolleheight都是只读的属性Scrolltop和scrollleft是可读写的属性Scroltop的最小值是0存在边界值 当他为0是回到容器的顶部最大值是真实的高度-当前容器一屏幕的高度 scrollheight-clientheight转载于:https:...

2018-12-21 10:20:00 64

转载 11.14

DOM document object model(1) 节点树状图Document>documentElement>body>tagname我们常用的节点类型元素节点(标签)文本节点(文本节点)属性节点(标签里的属性)document有个属性叫nodeType 返回的是数字1代表元素节点 2代...

2018-12-21 10:18:00 65

转载 11.13

1.Js操作css样式Div.style.width=”100px”.在div标签内我们添加了一个style属性,并设定了width值。这种写法会给标签带来大量的style属性,跟实际项目是不符。我们没有让css和html分离。所以如果是为了获取css样式window.getComputedStyle() 获取经过计算机计算的所有属性就是只要渲染出来的都是经过计算...

2018-12-21 10:16:00 60

转载 元素属性

元素的属性Div.attributes 是所有标签属性构成的数据集合Div.classList 是所有class名构成的数组集合在classList的原型链上看以看到add()和remove()client系列(1)clientWidth/clientHeight 是我们设置的宽和高加上内边距(没有边框)clientLef...

2018-12-21 10:15:00 145

转载 js中级-函数封装

函数封装函数封装是一种函数的功能,它把一个程序员写的一个或者多个功能通过函数、类的方式封装起来,对外只提供一个简单的函数接口。当程序员在写程序的过程中需要执行同样的操作时,程序员(调用者)不需要写同样的函数来调用,直接可以从函数库里面调用转载于:https://www.cnblogs.com/wsxxy/p/10055175.html...

2018-12-02 20:46:00 69

转载 js中级-11.7

针对表单的Form input select textareatype=”radio/checkbox/password/button/text/submit/reset/”表单的事件onchange 当表单内容被修改时触发的事件onfocus 获取焦点事件onblur 失去焦点事件表单里的内容用.value 那div中内容用innerHT...

2018-12-02 20:43:00 92

转载 js中级-11.5

面向对象Js一开始就是写网页特效,面向过程的,作者发现这样写不好,代码重复利用率太高,计算机内存消耗太大,网页性能很差。所以作者就收到java和c的影响,往面向对象靠齐。Js天生有一个Object,但他没有面向对象的特征(封装,继承,多态)。最后研究出了构造函数。构造函数最终目的是生成对象。我们把封装的那个函数叫 类类里面的属性是私有的。类原型上的属性是公有的...

2018-12-02 20:38:00 86

转载 js中级-11.2

js数据类型基本数据类型:string undefined null boolean number引用数据类型 Object array function二者的区别基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量堆内存就是存放代码块的,存放形式有两种,一种是对象以键值对的形式存放另一种就是函数 以字符串的形式存放...

2018-12-02 20:18:00 85

转载 js中级-this

1.this是js的一个关键字,指定一个对像然后去替代他。函数内的this和函数外的this,函数内的this指向行为发生的主体。函数外的this都指向window没有意思。为什么还是window?因为浏览器执行js代码的时候在执行chifan()这个函数的时候查找到变量chifan的归属是window,在window下的变量可以写成window.chifan函数可以写成wi...

2018-12-02 19:57:00 58

转载 js中级-作用域链

作用域:浏览器给js的一个生存环境(栈内存)。作用域链:js中的关键字var和function 都可以提前声明和定义,提前声明和定义的放在我们的内存地址(堆内存)中。然后js从上到下逐行执行,遇到变量就去内存地址查找是否存在这个变量。有就使用,没有就继续向父级作用域查找直到window下结束,这种查找机制叫作用域链。Js代码中存在着大量的变量和函数,我们在使用它们的时候一定要知道...

2018-12-02 19:34:00 58

空空如也

空空如也

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

TA关注的人

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