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(24)
Comments(0)
Diggs(0)
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(26)
Comments(0)
Diggs(0)
jQuery 中的任何动画效果，都可以指定三种速度参数，slow、 normal、 fast，对应的时间⻓长度分别是 0.6 秒，0.4 秒和 0.2 秒，也可以传⼊入参数，传⼊入数字作为参数不不需要加引号，使⽤用关键字需要加引号。 动画队列列 当⼀一个 animate() ⽅方法中应⽤用多个属性时 Read More
posted @ 2022-08-05 17:25
角角边
Views(43)
Comments(0)
Diggs(0)
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(50)
Comments(0)
Diggs(0)
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(38)
Comments(0)
Diggs(0)
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(32)
Comments(0)
Diggs(0)
1 jQuery介绍 jQuery是什么 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装 Read More
posted @ 2022-08-05 16:51
角角边
Views(174)
Comments(0)
Diggs(0)
JS是事件驱动为核心的一门语言 1 事件三要素 事件源、事件、事件驱动程序 事件源：引发后续事件的html标签。 事件：js已经定义好了（见下图）。 事件驱动程序：对样式和html的操作。也就是DOM 代码书写步骤如下：（重要） （1）获取事件源：document.getElementById(“b Read More
posted @ 2022-08-05 16:30
角角边
Views(50)
Comments(0)
Diggs(0)
1 概述 所谓DOM,全称 Docuemnt Object Model 文档对象模型。 什么对象？文档对象？ 在文档中一切皆对象，比如html,body,div,p等等都看做对象，那么我们如何来点击某个盒子让它变色呢？DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为 Read More
posted @ 2022-08-05 16:24
角角边
Views(66)
Comments(0)
Diggs(0)
在js中有两种定时器： 一次性定时器：setTimeout() 周期性循环定时器: setInterval() 两种方法根据不同的场景和业务需求择而取之， 对于这两个方法，需要注意的是如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生 Read More
posted @ 2022-08-05 16:14
角角边
Views(61)
Comments(0)
Diggs(0)
1 概述 浏览器对象模型。 操作浏览器部分功能的API。比如让浏览器自动滚动。 BOM的结构图 window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。 DOM是BOM的一部分。 2 windows对象 window对象是JavaScript中的顶级 Read More
posted @ 2022-08-05 16:06
角角边
Views(30)
Comments(0)
Diggs(0)
1 js运行的三个阶段 语法分析 预编译 解释执行 语法分析就是JS引擎去检查你的代码是否有语法错误，解释执行就是执行你的代码。最重要最需要理解的就是第二个环节预编译，简单理解就是在内存中开辟一些空间，存放一-些变量与函数。 预编译可分为全局预编译和局部预编译。 1.在js脚本加载之后，会先通篇检查 Read More
posted @ 2022-08-05 15:51
角角边
Views(297)
Comments(0)
Diggs(0)
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(34)
Comments(0)
Diggs(0)
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(49)
Comments(0)
Diggs(0)
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(32)
Comments(0)
Diggs(0)
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(32)
Comments(0)
Diggs(0)
函数：就是把将一些语句进行封装，然后通过调用的形式，执行这些语句。 函数的作用： 解决大量的重复性的语句 简化编程，让编程模块化 # python 中声明函数 def add(x,y): return x+y # 调用函数 print(add(1,2)) //js中声明函数 function add Read More
posted @ 2022-08-05 15:16
角角边
Views(85)
Comments(0)
Diggs(0)
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(31)
Comments(0)
Diggs(0)
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(34)
Comments(0)
Diggs(0)
1 数据Array 数组中可以存放所有的数据类型，Array属于object类型 字面量方式创建（推荐大家使用这种方式，简单粗暴） <script> //数组中可以存放所有的数据类型 var shopping=['香蕉','苹果','牛奶']; alert(shopping); console.lo Read More
posted @ 2022-08-05 14:53
角角边
Views(31)
Comments(0)
Diggs(0)
1 将number类型转换成string类型 隐式转换 var n1 = 123; var n2 = '123'; var n3 = n1+n2; // 隐式转换 console.log(typeof n3); //隐式转换 var num = 1212.889; console.log(''+nu Read More
posted @ 2022-08-05 14:36
角角边
Views(38)
Comments(0)
Diggs(0)
1 算数运算符 var a = 5,b = 2; 运算优先级：加括号（）可提高优先级。 <script> var x=10; var y=4; var sum=x+y; var en=x-y; var or=x*y; var op=x%y; var c=(x+sum)/4-3; var x=3; x Read More
posted @ 2022-08-05 14:30
角角边
Views(30)
Comments(0)
Diggs(0)
1 number：数值类型 如果一个变量中，存放了数字，那么这个变量就是数值型的 var a = 3; var b = 1.234; var c = -1; alert(typeof a) //typeof函数：查看当前数据类型 在JavaScript中，只要是数，就是数值型(number)的。无论 Read More
posted @ 2022-08-05 14:26
角角边
Views(31)
Comments(0)
Diggs(0)
0 引入方式 内接式 <script type="text/javascript"> </script> 外接式 <!--相当于引入了某个模块--> <script type="text/javascript" src = './index.js'></script> 1 调试语句&注释 alert Read More
posted @ 2022-08-05 14:16
角角边
Views(89)
Comments(0)
Diggs(0)
1 JavaScript 的历史 JavaScript 因为互联网而生，紧随着浏览器的出现而问世。回顾它的历史，就要从浏览器的历史讲起。 1990年底，欧洲核能研究组织（CERN）科学家Tim Berners-Lee，在全世界最大的电脑网络——互联网的基础上，发明了万维网（World Wide We Read More
posted @ 2022-08-05 14:08
角角边
Views(111)
Comments(0)
Diggs(0)
1 行内元素水平垂直居中 方式一： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>行内元素水平垂直居中</title> <style type="text/css"> .box{ width: 200px; height: 2 Read More
posted @ 2022-08-05 11:28
角角边
Views(50)
Comments(0)
Diggs(0)
1 css的命名规范 参考网址：http://www.divcss5.com/jiqiao/j4.shtml 2 项目目录规范 css：静态资源 fonts：字体图片文件 images：图片文件 js：脚本文件 index.html：入口文件 Read More
posted @ 2022-08-05 11:23
角角边
Views(54)
Comments(0)
Diggs(0)
1 单列布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html,body{ margin: 0; height: 100%; } .header{ wid Read More
posted @ 2022-08-05 11:21
角角边
Views(218)
Comments(0)
Diggs(0)
当鼠标穿过展示动画效果 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>边框阴影</title> <style type="text/css"> .shadow{ margin: 50px auto; position: rel Read More
posted @ 2022-08-05 11:18
角角边
Views(35)
Comments(0)
Diggs(0)
box-shadow: 50px 20px 50px red inset; /*水平偏移方向（正负控制方向）， 垂直偏移方向（正负控制方向）， 阴影的模糊程度（数值越大越明显）， 颜色， 内射还是外射，默认外射*/ <!DOCTYPE html> <html> <head> <meta charse Read More
posted @ 2022-08-05 11:16
角角边
Views(54)
Comments(0)
Diggs(0)
用到的属性： border-top-left-radius: 15px # 右上角设置圆角 border-top-left-radius: 15px 30px # 水平对齐x,y切角 # 其中还是有方向上的互换，改变方位设置即可。 top / bettom left / right border-r Read More
posted @ 2022-08-05 11:14
角角边
Views(198)
Comments(0)
Diggs(0)
怎么样把一个大的背景图片完整的显示在网页中。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小米背景定位案例</title> <style type="text/css"> body{ margin: 0; } .bgi{ w Read More
posted @ 2022-08-05 11:10
角角边
Views(34)
Comments(0)
Diggs(0)
这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 只能应用在定位的元素之上 z-index 默认属性是 auto ，数值取正整数。 z-index 值表示谁压着谁，数值大的压盖住数值小的， <!DOCTYPE html> <html> <head Read More
posted @ 2022-08-05 10:50
角角边
Views(57)
Comments(0)
Diggs(0)
1 相对定位 position: relative 相对定位：相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： top、bottom、left、right 用途： 1.微调元素位置 2.做 Read More
posted @ 2022-08-05 10:48
角角边
Views(88)
Comments(0)
Diggs(0)
浙公网安备 33010602011771号