1 基本使用: <script> $(function () { //ajax技术:在不重复页面的情况下,与页面进行局部更新 //get()请求 //第三方 $.ajax({ url:"https://devapi.qweather.com/v7/weather/now?location=10101 Read More
posted @ 2022-08-05 17:27 角角边 Views(10) Comments(0) Diggs(0) Edit
jQuery.extend(object) 扩展jQuery对象本身 用在jQuery命名空间上增加新的函数 在jQuery命名空间上增加两个函数 <script> jQuery.extend({ min:function (a,b) { return a < b ? a : b; }, max:f Read More
posted @ 2022-08-05 17:26 角角边 Views(16) Comments(0) Diggs(0) Edit
jQuery 中的任何动画效果,都可以指定三种速度参数,slow、 normal、 fast,对应的时间⻓长度分别是 0.6 秒,0.4 秒和 0.2 秒,也可以传⼊入参数,传⼊入数字作为参数不不需要加引号,使⽤用关键字需要加引号。 动画队列列 当⼀一个 animate() ⽅方法中应⽤用多个属性时 Read More
posted @ 2022-08-05 17:25 角角边 Views(24) Comments(0) Diggs(0) Edit
1 绑定事件 bind(type [, data ], fn ) 第一个参数是事件类型,类型包括: blur focus load resize scroll unload click dblclick mousedown mouseup mouseover mouseout mouseenter Read More
posted @ 2022-08-05 17:23 角角边 Views(34) Comments(0) Diggs(0) Edit
1 html DOM操作 1-1 插入节点 父子间的操作 <h3>刘大帅</h3> <div class="box"></div> <script> $(function () { //创建节点 var $h1Tag = $('<span></span>'); $h1Tag.html('wxx'); Read More
posted @ 2022-08-05 17:18 角角边 Views(21) Comments(0) Diggs(0) Edit
1 基础和层级选择器 <div class="box"> <p id="p1">alex</p> <ul> <li class="item1">张三</li> <li class="item2">李四</li> <li class="item3">王五</li> </ul> </div> <inpu Read More
posted @ 2022-08-05 17:08 角角边 Views(17) Comments(0) Diggs(0) Edit
1 jQuery介绍 jQuery是什么 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装 Read More
posted @ 2022-08-05 16:51 角角边 Views(91) Comments(0) Diggs(0) Edit
JS是事件驱动为核心的一门语言 1 事件三要素 事件源、事件、事件驱动程序 事件源:引发后续事件的html标签。 事件:js已经定义好了(见下图)。 事件驱动程序:对样式和html的操作。也就是DOM 代码书写步骤如下:(重要) (1)获取事件源:document.getElementById(“b Read More
posted @ 2022-08-05 16:30 角角边 Views(29) Comments(0) Diggs(0) Edit
1 概述 所谓DOM,全称 Docuemnt Object Model 文档对象模型。 什么对象?文档对象? 在文档中一切皆对象,比如html,body,div,p等等都看做对象,那么我们如何来点击某个盒子让它变色呢?DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为 Read More
posted @ 2022-08-05 16:24 角角边 Views(15) Comments(0) Diggs(0) Edit
在js中有两种定时器: 一次性定时器:setTimeout() 周期性循环定时器: setInterval() 两种方法根据不同的场景和业务需求择而取之, 对于这两个方法,需要注意的是如果要求在每隔一个固定的时间间隔后就精确地执行某动作,那么最好使用setInterval,而如果不想由于连续调用产生 Read More
posted @ 2022-08-05 16:14 角角边 Views(32) Comments(0) Diggs(0) Edit
1 概述 浏览器对象模型。 操作浏览器部分功能的API。比如让浏览器自动滚动。 BOM的结构图 window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。 DOM是BOM的一部分。 2 windows对象 window对象是JavaScript中的顶级 Read More
posted @ 2022-08-05 16:06 角角边 Views(17) Comments(0) Diggs(0) Edit
1 js运行的三个阶段 语法分析 预编译 解释执行 语法分析就是JS引擎去检查你的代码是否有语法错误,解释执行就是执行你的代码。最重要最需要理解的就是第二个环节预编译,简单理解就是在内存中开辟一些空间,存放一-些变量与函数。 预编译可分为全局预编译和局部预编译。 1.在js脚本加载之后,会先通篇检查 Read More
posted @ 2022-08-05 15:51 角角边 Views(256) Comments(0) Diggs(0) Edit
1 Math.ceil() Math.ceil() 向上取整,'天花板函数' var x = 1.234; //天花板函数 表示大于等于 x,并且与它最接近的整数是2 var a = Math.ceil(x); console.log(a); //2 2 Math.floor() Math.floo Read More
posted @ 2022-08-05 15:50 角角边 Views(13) Comments(0) Diggs(0) Edit
1 URI URI通用资源标识符 var uri = 'http://www.apeland.cn/web index.html?name=zhansan'; console.log(encodeURI(uri)); //解析出空格为 %20 表示 console.log(encodeURIComp Read More
posted @ 2022-08-05 15:47 角角边 Views(37) Comments(0) Diggs(0) Edit
1 date日期对象 创建日期对象只有构造函数一种方式,使用new关键字 //创建了一个date对象 var myDate = new Date(); console.log(myDate); var now = new Date('December 25,1999 13:00:00'); cons Read More
posted @ 2022-08-05 15:45 角角边 Views(17) Comments(0) Diggs(0) Edit
1 创建对象的方式 方式一: var student = new Object(); student.name = "easy"; student.age = "20"; 方式二: var student={ name : 'lxx', age : 18, sex : 'male', fav : f Read More
posted @ 2022-08-05 15:20 角角边 Views(12) Comments(0) Diggs(0) Edit
函数:就是把将一些语句进行封装,然后通过调用的形式,执行这些语句。 函数的作用: 解决大量的重复性的语句 简化编程,让编程模块化 # python 中声明函数 def add(x,y): return x+y # 调用函数 print(add(1,2)) //js中声明函数 function add Read More
posted @ 2022-08-05 15:16 角角边 Views(61) Comments(0) Diggs(0) Edit
1 if var age = 20; if(age>18){ //{}相当于作用域 console.log('可以去会所'); } alert('alex'); //下面的代码照样执行 2 if-else var age = 20; if(age>18){ //{}相当于作用域 console.lo Read More
posted @ 2022-08-05 15:09 角角边 Views(15) Comments(0) Diggs(0) Edit
1 length() length() 长度属性 var str = 'hello world'; console.log(str.length) //11字符,空格也是一个字符 2 charAt() charAt() 获取指定的字符 var str = 'hello world'; console Read More
posted @ 2022-08-05 14:59 角角边 Views(17) Comments(0) Diggs(0) Edit
1 数据Array 数组中可以存放所有的数据类型,Array属于object类型 字面量方式创建(推荐大家使用这种方式,简单粗暴) <script> //数组中可以存放所有的数据类型 var shopping=['香蕉','苹果','牛奶']; alert(shopping); console.lo Read More
posted @ 2022-08-05 14:53 角角边 Views(16) Comments(0) Diggs(0) Edit