- 博客(110)
- 收藏
- 关注
RSS订阅原创 JS07变量提升
js代码是从上往下执行的，但在这之前会将var 生命的变量和函数进行提升变量提升:变量提升是会将变量先声明在最前面console.log(a) //打印结果为undefinedvar a=1函数提升分为两种:1 普通函数提升可以执行方法2 函数字面量不能在之前使用...
2021-10-03 20:15:38
39
原创 JS03-基本数据类型
基本数据类型有number，string，boolean，null，undefinednumber: 数字和NAN,需要注意的是NAN与任何数字包括自己都不相等(NAN!=NAN)，有一个函数isNAN()，判断是否为非数字，若是非数字返回true，是数字返回false，如果是字符串会先使用number函数将字符串转为数字进行判断，如果是对象会先调用toString() 方法再调用number，[].toString()=0 , [12].toString为12 ，[12,13].toString为“
2021-09-28 21:40:02
40
原创 JS01 服务端和客户端
标题服务端渲染和客户端渲染服务端渲染: 这一部分会存放静态也HTML页面 当用户输入URL进行时会讲页面发送给客户端，其中动态的数据会从数据库获取 由后端进行解析后直接发给前端。存放在web服务器中。客户端渲染: 需要做的是获取数据将数据发送给客户端，由客户端获取后进行模板字符串等拼接，存放在数据服务器中。好处: 减轻服务端压力;局部刷新;配合方便(此时前后端的联系仅在数据上)还有一个资源服务器(存放图片等)...
2021-09-25 21:56:34
242
原创 jQuery20 按键表色效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .wrap h1{ text-align: center; } h1{ displ...
2019-11-27 18:16:34
103
原创 jquery 19事件对象
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ wid...
2019-11-27 18:15:01
158
原创 jQuery 18 triggle事件触发
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #one{ width:200px; height:200px; border:10p...
2019-11-27 18:13:29
171
原创 jquery 17事件的发展历程
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:200px; margin-top:...
2019-11-27 18:12:46
140
原创 jQuery16 被折起区域的尺寸
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ width:2000px; height:2000px; } div{...
2019-11-27 18:10:59
57
原创 jquery 15 操作属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="获取属性" id="btn1"/> <i...
2019-11-27 18:10:20
65
原创 jquery14 一些关于尺寸的函数
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0px; margin: 0px; } .one{ ...
2019-11-27 18:09:39
62
原创 jQuery13 prop属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="按钮" id="btn1"/><br/>...
2019-11-27 18:07:40
78
原创 jquery 12 val()获取表单
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="按钮" id="btn"/><br/>...
2019-11-27 18:03:54
108
原创 jQuery12 克隆节点
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width:200px; height:100px; border:1p...
2019-11-27 18:03:13
70
原创 jquery11 说完添加，我们再来说说删除
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="按钮" id="btn"/> <ul ...
2019-11-27 18:02:25
49
原创 jquery 几种添加节点的方式 分别在什么位置添加
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="append" id="btnAppend" />...
2019-11-26 20:15:25
173
原创 jQuery 9动态追加节点
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:100px; height:100px; border:1px...
2019-11-26 20:09:57
114
原创 jquery 8上次动画的进阶版
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>\ <style type="text/css"> div{ width:200px; height:300px; background...
2019-11-26 19:57:33
77
原创 jquery 7 动画样式 animate
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:100px; height:100px; background...
2019-11-26 19:49:17
67
原创 jQuery5淡入淡出效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width:200px; height: 200px; background-color: aqua; ...
2019-11-26 19:45:11
47
原创 jQuery 5滑入滑出效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width:200px; height: 200px; background-color: aqua; ...
2019-11-26 19:42:39
94
原创 jquery 4 获取和设置文字 获取和设置样式
获取和设置文字$('#div').text(); //获取#div这个元素的文字var a=$('#div').text(); //有一个返回值 打印输出为#div这个元素的文字$('#div').text(你好，仙女); //直接将这个元素的文字改为你好，仙女，返回值为object对象...
2019-11-26 19:40:03
464
原创 jquery3 添加移除切换判断类
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:100px; height: 100px; margin-to...
2019-11-26 19:34:27
54
原创 jquery2 选择器
基本选择器jQuery选择器：jQuery为我们提供的一种方法，让我们更方便获取页面中的元素$(’#id’)$(’.class’)$(‘div’)$(‘div,p,li’) 只要满足一个条件就好 并集选择器$(‘div.redClass’); 获取class为redClass的div元素 交集选择器 在什么里头的跟CSS的选择器用法一样区分这么多是为了如果有很多需要设置不同的效...
2019-11-26 19:18:52
117
原创 jquery 1：入口函数
jquery中入口函数：$(function(){ 等价于： jquery(function()) })$(document).ready({ })$(document).ready() 和JavaScript window.onload的区别：两者都是指页面加载完成后，执行函数里的内容， (document).ready()是指DOM加载完成后就可以执行，JavaSc...
2019-11-26 18:49:39
79
原创 2019 10 23一元运算符和赋值运算符
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* 一元运算符：只需要一个操作数 + 正号 正号不会对数字进行影响 ...
2019-10-23 20:30:23
105
原创 2019 10 22逻辑运算符
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* !: 非 非真即假，非加即真 对非Boolean进行非运算，先将它转换为boolean再运算 利用该特性将其...
2019-10-22 20:53:28
77
原创 2019 10 22自增自减运算符
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* 自增：++对一个变量自增以后，原字符会减1 a++和++a是一样的 但...
2019-10-22 20:23:25
52
原创 2019 10 22运算符
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* + 任何非数值与它相加转为数字类型 123+""可以实现String操作 ...
2019-10-22 20:02:28
53
原创 2019 10 22强制类型转boolean
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* 16进制 0x开头*/ /* 8进制 0开头*/ /* 2进制 ...
2019-10-22 19:24:56
93
原创 2019 10 21强制类型转换 Number
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* 将其他数据类型转换成number 方式一： -使用Numb...
2019-10-21 21:25:34
108
原创 2019 10 21 强制类型转换
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /*将其它数据类型转换为String 方式一： -调用被转换数据类型的toSt...
2019-10-21 20:54:57
97
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人