- 博客(25)
- 收藏
- 关注
原创 javascript高级(4)-三个注意点
三个注意点1.ES6中类没有变量提升,所以必须先定义类,才能通过类实例化对象2.类里面的共有属性的方法一定要加this使用
2020-03-31 11:38:05 81
原创 javascript高级(3)-类的继承
3. 类的继承3.1 继承继承:子类可以继承父类的一些属性和方法语法:class Father {}class Son extends Father {}class Father { constructor() { } money() { console.log(200); }}class Son extends Father {}var son = new Son...
2020-03-30 23:45:24 98
原创 javascript高级(2)-ES6中的类和对象
2.ES6中的类和对象面向对象的思维特点:1.抽取(抽象)对象共用的属性和行为组织(封装)成一个类(模板)2.对类实例化,获取类的对象2.1对象对象是一个具体的事物在javascript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象。例如字符串,数值,数组,函数等。对象由属性和方法组成:属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用...
2020-03-30 22:39:16 97
原创 javascript高级(1)-面向对象介绍
1.面向对象编程介绍1.1 两大编程思想面向过程(POP) 就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用。面向对象(OOP) 就是把事务分解成为一个个对象,然后由对象之间分工与合作。在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工。面向对象编程具有灵活,代码可复用,容易维护和开发的优点,更适合多人合作的大型软件项目...
2020-03-30 21:59:38 75
原创 jQuery(10)-其他方法(对象拷贝,多库共存,jQuery插件)
1.jQuery对象拷贝把某个对象拷贝(合并)给另外一个对象使用,可以使用$.extend()方法$.extend([deep],target,object1,[objectN])1.deep:如果设为true为深拷贝,默认为false浅拷贝2.target:要拷贝的对象3.object1:待拷贝到第一个对象的对象4.objectN:待拷贝到第N个对象的对象5.浅拷贝是把被拷贝的对...
2020-03-29 20:38:20 136
原创 jQuery(9)-事件
一,jQuery事件注册1.事件注册单个事件注册语法element.事件(function(){});2.事件处理事件处理on()绑定事件on()方法在匹配元素一个或多个事件的事件处理函数element.on(event,[selector],fn);1.events:一个或多个空格分隔的事件类型,如“click”或“keydown”2.selector:元素的子元素选择器...
2020-03-29 15:51:00 74
原创 jQuery(8)-元素操作
主要是遍历,创建,添加,删除元素操作一.遍历元素jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同的操作,就需要用到遍历。语法1://主要遍历元素$("div").each(function(index,domEle){xxx;})1.each()方法遍历匹配的每一个元素。主要用DOM处理。each每一个2.里面的回调函数有2个参数:index是每个元素的索...
2020-03-27 22:00:48 88
原创 jQuery(7)-内容文本值
主要针对元素的内容还有表单的值的操作一,普通元素内容html()(相当于原生inneHTML)html()//获取元素的内容html("内容")//设置元素的内容二.普通元素文本内容text()(相对于原生innerText)text()text("内容")三.表单的值val(相对于原生value)val()val("内容")...
2020-03-27 17:14:44 65
原创 jQuery(6)-属性操作
一.设置或获取元素的固有属性值prop()所谓元素固有属性就是元素本身自带的属性,比如元素里面的href。*1.获取属性值prop("属性值");2.设置属性值prop("属性","属性值");二.设置或获取元素自定义属性值attr()1.获取属性语法attr("属性");//类似原生getAttribute()2.设置属性语法attr("属性","属性值");//类似原生s...
2020-03-27 17:05:10 66
原创 jQuery(5)-效果
一.显示和隐藏效果1.显示(1)显示语法规范show([speed,[easing]],[fn])(2)显示参数1.参数可以省略,无动画显示。2.speed:三种预定速度之一的字符串(“slow”,“normal”,“fast”)或表示动画时长的毫秒数值。3.easing:(Optional)用来指定切换效果,默认"swing",可用参数"linear"。4.fn:回调函数,再动画...
2020-03-26 16:13:36 76
原创 jQuery(4)-样式操作
一.操作css方法jQuery可以使用css方法来修改简单元素样式;也可以操作类,修改多个样式。1.参数只写属性名,则是返回属性值 i f$(this).css("color");2.参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用跟单位和引号$(this).css("color","red");3.参数可以是对象形式,方便设置多组样式,属性名和属...
2020-03-26 16:13:00 84
原创 jQuery(3)-选择器
一,jQuery选择器原生JS获取元素的方式很多很杂,且兼容性不一致,因此jQuery做了封装,是获取元素统一标准1.基础选择器$("选择器");2.层级选择器//子代选择器$("ul>li")//后代选择器$("ul li");3.隐式迭代(重要)遍历内部DOM元素(伪数组的形式存储)的过程叫做隐式迭代简单理解:给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我...
2020-03-25 20:20:59 114
原创 jQuery(2)-使用
一.jQuery顶级对象$$是jQuery的别称,在代码中可以使用jQuery代替 $,一般用 $$是jQuery的顶级对象,相对于原生JavaScript中的window。把元素利用 $包装成jQuery对象,可以调用jQuery的方法二.jQuery对象和DOM对象1.用原生JS获取的对象就是DOM对象2.jQuery方法获取的元素就是jQuery对象<body>...
2020-03-25 16:51:02 72
原创 jQuery(1)-概述
1.JavaScript库javascript库:即library,是封装好特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate,hide,show,比如获取元素等。简单理解:就是一个JS文件,里面对我们原生js代码进行了封装,存放在里面。jQuery,就是为了快速方便操作DOM,里面基本都是函数(方法)2.jQu...
2020-03-25 16:03:10 130
原创 js缓慢动画函数
function animate(obj,target,callback){ clearInterval(obj.time); obj.time = setInterval(function(){ //把步长值取整 var step = (target - obj.offsetLeft)/10; step = step &...
2020-03-24 20:31:21 162
原创 拖动的模拟框
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { width: 100%;...
2020-03-22 14:43:18 162
原创 PC端网页特效
1.元素偏移量offset系列1.offset概述offset翻译过来节点偏移量,使用offset系列相关属性可以动态的得到改元素的位置,大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意返回的数值都不带单位offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素 如果没有父级元素则返回body...
2020-03-21 20:58:37 143
原创 JavaScript-BOM
1.BOM1.概述BOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互,其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性2.BOM的构成1.他是JS访问浏览器的一个接口2.它是一个全局变量,定义在全局作用域的变量,函数都会变成window对象的属性和方法在调用的时候可以省略window,alert(),prompt()等,都属于wi...
2020-03-20 19:31:00 74
原创 js简易留言板
刚学了javascript的dom,可以利用元素操作和节点操作做一个简易的留言板<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> ...
2020-03-18 22:32:24 129
原创 javascript-事件高级
1.注册事件(绑定事件)给元素添加事件,称为注册事件或绑定事件注册事件有两种方式:传统方式和方法监听注册方式传统注册方式利用on开头的事件onclick,onblur…特点:注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数方法监听事件W3c标准 推荐方式addEventListence()IE9之前的IE不支持此方法,可使用...
2020-03-18 21:04:26 95
原创 javascript-dom节点操作
节点操作获取元素两种方式利用DOM提供的方法获取元素缺点:逻辑性不强,繁琐利用节点层级关系获取元素利用父子兄节点关系获取元素逻辑性强,但兼容性差1.节点概述节点至少拥有nodeType(节点类型),nodeName(节点名称)和nodeValue(节点值)这三个属性。元素节点 nodeType为1属性节点nodeType为2文本节点nodeType为3(文...
2020-03-15 19:46:19 108
原创 javascript学习笔记dom-获取元素,事件,操作元素
DOM简介DOM:文档对象模型获取元素console.dir() 打印返回的元素对象查看里面的属性和方法根据ID获取document.getElementById();根据标签名获取getElementsByTagName()方法可以返回带有指定标签的对象的集合,以伪数组的形式存储根据标签名获取element(父元素).getElementsByTagName(‘标签...
2020-03-11 19:22:38 193
原创 js内置对象笔记
Date对象注意:Date()是构造函数 必须使用new来实例化日期对象没有参数,返回系统当前时间var Date = new Date();有参数var date1 = new Date(2020,3,9);//数字型console.log(date1);//返回4月 不是3月var date2 = new Date('2020-3-9');//字符串型格式化日期年月日分...
2020-03-10 13:41:18 136
原创 javascript学习笔记对象
对象对象是由属性和方法组成创建对象的三种方式字面量创建对象var obj = {};//创建一个空对象var obj = { name :'张三', age :18, speak :function(){ console.log('你好'); }}console.log(obj.name);//调用对象的属性console.log(obj['name']);//调用...
2020-03-08 00:16:42 100
原创 JS预解析笔记
预解析定义js引擎运行js主要分为两步(1)预解析 (2)代码执行(1)预解析:js引擎会把js里面所有的var和function提升到当前作用域的最前面(2)代码执行:按照代码书写的顺序从上往下执行预解析分为变量预解析(变量提升)和函数解析(函数提升)(1)变量提升:把所有的变量声明提升到当前作用域的最前面,不提升赋值操作(2)函数提升:把所有的函数声明提升到当前作用域的最前面,不...
2020-03-04 17:25:39 79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人