JavaScript高级
JavaScript 从一个简单的输入验证器发展成为一门强大的编程语言,完全出乎人们的意料。应该说,它既是一门非常简单的语言,又是一门非常复杂的语言。说它简单,是因为学会使用它只需片刻功夫;而说它复杂,是因为要真正掌握它则需要数年时间。要想全面理解和掌握JavaScript,关键在于弄清楚它的本质。
会撸串的傻狍子
正在努力的程序大白,把自己的日常学习分享到网络上供大家参考。
展开
-
JavaScript-jQuery动画效果
1 JQ动画详解 jQuery提供了三组基本动画,这些动画都是标准的、有规律的效果,jQuery还提供了自定义动画的功能。 - 显示(show)与隐藏(hide)是一组动画: - 滑入(slideUp)与滑出(slideDown)与切换(slideToggle),效果与卷帘门类似 - 淡入(fadeIn)与淡出(fadeOut)与切换(fadeToggle) 1 显示隐藏 show hide $obj.show([speed], [callback]); // speed(可选):动画的执行时间原创 2020-10-09 14:13:22 · 288 阅读 · 0 评论 -
JavaScript-jQuery事件
1 概述JQ事件 JavaScript中已经学习过了事件,jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法,而且极大的增强了事件的处理能力。 2 JQ事件详解 1 事件的添加删除 简单事件绑定–bind事件绑定–delegate事件绑定–on事件绑定(推荐) 简单事件注册 click(fn) 单击事件 mouseenter(fn) 鼠标进入事件 mouseleave(fn) 鼠标离开事件 缺点:不能同时注册多个事件原创 2020-10-07 19:54:38 · 109 阅读 · 0 评论 -
JavaScript-JQuery样式和属性和内容的操作
1 JQ 元素的样式操作 CSS操作 功能:设置或者修改样式,操作的是style属性。 操作单个样式 // name:需要设置的样式名称 // value:对应的样式值 $obj.css(name, value); // 使用案例 $('#one').css('background','gray');// 将背景色修改为灰色 设置多个样式 // 参数是一个对象,对象中包含了需要设置的样式名和样式值 $obj.css(obj); // 使用案例 $('#one').css({ '原创 2020-10-06 08:23:33 · 171 阅读 · 1 评论 -
JavaScript-选择器
JavaScript库的概念 JavaScript开发的过程中,处理浏览器的兼容很复杂而且很耗时,于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。 把一些常用到的方法写到一个单独的js文件,使用的时候直接去引用这js文件就可以了。(common.js) 常见的JavaScript 库 - jQuery、Prototype、MooTools。其中jQuery是最常用的一个 jQuery其实就是一个js文件,里面封装了一大堆的方法方便我们的开发,其实就是一个加强版的common.js,因原创 2020-10-04 18:42:50 · 484 阅读 · 0 评论 -
JavaScript-继承
1 继承的基本概念 继承是指一个对象直接使用另一对象的属性和方法 js里常用的如下三种继承方式: 通过原型链方式实现继承(对象间的继承) 类式继承(构造函数间的继承) 组合继承 由于js不像Java那样是真正面向对象的语言,js是基于对象的,它没有类的概念。所以,要想实现继承,可以用js的原型prototype机制或者用apply和call方法去实现。 2 程序中的继承方法 1 原型继承 /** * 优点: * 实例是父类的实例也是子类的实例 * 父原创 2020-09-30 08:31:11 · 89 阅读 · 0 评论 -
JavaScript-原型
1 原型的概念 原型是一个对象,其他对象可以通过它实现属性继承。 每个函数都有一个属性叫做prototype。 这个prototype的属性值是一个对象,默认的只有一个叫做constructor的属性,指向这个函数本身。 该方式利用了对象的 prototype 属性,可以把它看成创建新对象所依赖的原型。 每个构造函数都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针(constructor),而实例都包含一个指向原型对象的内部指针(__proto__) 2 原型 prot原创 2020-09-29 08:33:21 · 73 阅读 · 0 评论 -
JavaScript-面向对象
1 面向对象基础 什么是对象 现实生活中:万物皆对象,对象是一个具体的事物,一个具体的事物就会有行为和特征。 举例: 一部车,一个手机 JavaScript中的对象 JavaScript中的对象其实就是生活中对象的一个抽象 JavaScript的对象是无序属性的集合。 其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript中的对象想象成键值对,其中值可以是数据和函数。 对象的行为和特征 特征---属性 行为---方法 事物的特征在对象中用属性来表示。 事物的原创 2020-09-27 18:51:06 · 71 阅读 · 0 评论 -
JavaScript-正则表达式
1 正则表达式的概念 正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用。 正则表通常被用来检索、替换那些符合某个模式(规则)的文本。 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。 2 正则表达式的作用 1. 给定的字符串是否符合正则表达式的过滤逻辑(匹配) 2. 可以通过正则表达式,从字符串中获取我们想要的原创 2020-09-24 19:51:25 · 95 阅读 · 0 评论 -
JavaScript-作用域 闭包
1 作用域 作用域:变量可以起作用的范围 全局变量和局部变量 全局变量 在任何地方都可以访问到的变量就是全局变量,对应全局作用域 局部变量 只在固定的代码片段内可访问到的变量,最常见的例如函数内部。对应局部作用域(函数作用域) 注意:不使用var声明的变量是全局变量,不推荐使用。 var num = 123; function foo() { console.log( num ); } foo(); //===================================== if (原创 2020-09-21 08:51:33 · 73 阅读 · 0 评论