- 博客(20)
- 收藏
- 关注
RSS订阅原创 jQuery
1 基础知识1.1基本概念jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释不便于阅读；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用了也可以通过CDN（Content Distrubute Net）来引用jquery1.2基本语法$（选择器）.action();$：定义了这是一个Jquery的代码选择器：按照一定规则选择DOM元素，于
2020-09-29 20:47:03
72
转载 BOM
12.1 常用对象Window:窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法。var a = 1;function test(){var a = 2;alert(a);alert(window.a);}全局变量是window的属性。全局函数时window的方法。窗口body的宽度：window.innerWidth窗口body的高度：window.innerHeight常用的方法：Open： 打开一个新的窗口。要传三个参数第一个为将要打开窗口的路径
2020-09-21 20:42:12
53
原创 Dom
DOM概念DOM（Document Object Model）:文档对象模型整个文档是由一系列的节点对象组成的一棵树节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）在这里插入图片描述 </head><body> <table> <tr> <th id="th1">啊啊哈哈哈</th> </tr> </table> <a href="htt
2020-09-17 20:36:37
70
转载 常用事件
常用的事件梳理1.PC端常用事件事件名 作用click 当鼠标点击时触发mouseover 当鼠标指针移动到元素上时触发mouseout 当鼠标指针移出元素时触发mouseenter 当鼠标指针移动到元素上时触发（不支持冒泡）mouseleave 当鼠标指针移出元素上时触发（不支持冒泡）mousemove 当鼠标指针移动到元素上时触发mousedown 当元素上按下鼠标按钮时触发mouseup 当在元素上释放鼠标按钮时触发mousewheel 当鼠标滚轮正在被滚动时运行的脚本keyd
2020-09-16 20:42:11
352
原创 值和引用变量的赋值
值和引用变量的赋值理解 JavaScript 的赋值原理是正确编码的基础，否则，很容易在编码过程中无意篡改值。JavaScript 通常是通过值来赋值变量。但需要注意一点：JavaScript 基本数据类型（布尔值、null、undefined、字符串和数字）的赋值是拷贝赋值，而数组，函数或对象的赋值是引用赋值。举个例子。下面的代码，把 var1 赋值给 var2。因为 var1 是基本数据类型（字符串），所以 var2 等于 var1 的字符串值，或者说 var2 全等于 var1。因此，给 var
2020-09-14 20:34:38
312
原创 全局变量
5.3 参数传递参数传递，就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的变量，x的变化与a没有任何的关系引用传递value没有被显示修改，但是a.value确实加了1，因为x就是a，或者说x是a的别名 专业一点就叫引用常规类型的参数采用的是值传递，比如Number，String,Bo
2020-09-10 20:08:54
360
原创 web前端基础-day10
5 函数5.1 函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isSXH就可以了函数给我们的思想，对一个规模大，难度高的问题提供一个解决问题的思路，将问题拆分，分解成规模小，难度小的问题，如果说，分解之后问题依然很难，那么接着分解从，直到最后的问题足够小，总之就是“大事化小”（1） 需要找出1-100之内所有的素数，假设班里有个同学可以帮你判断一个数是否是素数，那么这个同学就是函数（数字需要自己提供）（2） 你想吃小
2020-09-09 20:17:33
74
原创 web前端基础-day09
Switch如果是if选择的分支比较多的时候，就需要一个一个分支的从上往下执行，这样执行的效率是非常低的，需要对选择结构进行一个改进使用switch就可以解决这个问题Switch基本语法Switch：开关语法：在执行的过程中，a 的值与哪个分支后面的值一样就运行哪个分支的代码Case后面的值可以立即为标号（程序中指令的地址）如果运行完一个分支后，不想继续运行的话可以用break来跳出选择结构，但break不是必须要写的如果a 的值与case后面标号都对应不上，则运行default（默
2020-09-07 20:54:33
76
原创 web前端基础-day08
1、强制类型转换Js中基本用var定义类型，所有变量的类型由创建时确定。例：var a =prompt("请输入三角形的1边"); var b =prompt("请输入三角形的1边");//3 var c =prompt("请输入三角形的1边");//4 var a =prompt("请输入三角形的1边");//5 //alert(a+b+c) out: 345 //JavaScript是没有隐式转换的 var p=((Number(a)+Number(b)+Num
2020-09-05 19:09:09
115
原创 web前端基础-day08
Javascript是什么，能干什么一个网页的结构，是通过html决定的脑袋，手脚，身体Css决定了这个网页的样式是高还是矮，是胖还是瘦，是黑还是白这个网页的行为是通过JavaScript决定的走路，跑步，眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实
2020-09-04 20:12:05
81
原创 web前端基础-day07
4.布局4.1文档流所谓文档流就是按照元素的顺序从左到右，由上而下的方式排列4.2定位默认的文档流很多时候不能满足我们的要求，那么我们就需要更多的、更丰富的布局手段，这个时候就需要定位了定位方式有static、fixed、relative、absoluteStatic静态定位（默认）无定位，元素正常出现在流（文档流）中不受left，right，top，bottom的影响Relative相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然
2020-08-28 19:42:43
112
原创 web前端基础day-06
3.选择器3.1元素选择器用标签名来作为选择器，选中所有相应的元素3.2类选择器根据class的属性来选择元素，样式定义为：.className{ xxxxxxx}3.3 ID选择器根据id名来选择元素，样式定义为：#idName{xxxxxxxxx}3.4属性选择器例：[title*=’d’]:选择title值中包含d的元素3.5关系选择器E F ：选择E元素的后代元素F（所有后代，包括子类、孙类）E > F : 选择E元素的直接后代元素（也就是子类）E + F：选择E
2020-08-27 14:49:24
86
原创 web前端基础-day05
类型相关属性font-family `字体名称`font-style `italic` / `normal` 是否倾斜 color：代码/英文 RGBA在RGB的基础上添加了表示透明度的alpha HSI用色调，饱和度和透明度三个分量来区分颜色 HSIA同上text-decoration: none/overline/underline/line-through 正常/上划线/下划线/删除线direction`方向`：`rtl` right to left `ltr` 同上text-tra
2020-08-26 19:33:32
73
原创 web前端基础-day4
内嵌式直接写在标签里，使用style属性，只对当前标签有效。页面内容和表现形式是高度耦合的，不利于分工合作。<h1 style="color: aquamarine;">绝句</h1>内部样式内部样式是在head中部分使用 style标签，样式对当前页面有效。内容和表现格式也实现了一定程度的分离，但不彻底。外联式需要一个link标签与css连接起来，内容和表现形式完全分离。任何需要改样式的页面都可以通过link标签连接的方法实现。class<
2020-08-25 14:57:24
86
原创 web前端基础-day3
表格标签表格的组成部分：标题、表头、主体、表尾学号姓名table表格caption标题thead表头tbody主体tfoot表尾tablecellspacing 表格之间的间距cellpaddingtr添加一行th用于表头tdrowspan 跨行的行数colspan 跨列的列数div定义一个分块它是一个块级标签块级标签占满行，行内标签会按照顺序从左到右依次排列块级标签： h1-h6 p ul
2020-08-24 19:46:51
82
原创 单标签双标签
单标题和双标题的区别单标签：由一个标签组成。例如<input /> <hr />双标签：由“开始标签”和“结束标签”两部分构成。例如<p></p><p>是开始标签，表示一个段落的开始。</p>是结束标签，表示一个段落的结束。...
2020-08-23 17:14:32
184
原创 行标签和块标签
块标签和行标签的区别：块标签：独自占领一行、可以进行宽高的数值的设定；行标签：在一行内显示、不可以进行宽高的数值设定；行内块元素：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；...
2020-08-23 17:10:59
146
转载 Get和Post
Get和Post首先，我们了解一下，Get和Post是什么？Get和Post其实都是HTTP的请求方法。这样的请求方法有8种，常用的就是Get和PostGet的特点Get请求的数据会附在 URL 之后（放在请求行中），以 ? 分割 URL 和传输数据，多个参数用 & 连接。除此之外，根据 HTTP 规范，GET 用于信息获取，而且应该是安全和幂等的 。安全性: 指的是非修改信息，即该操作用于获取信息而非修改信息。换句话说，GET 请求一般不应产生副作用，也就是说，它仅仅是获取资源信息
2020-08-23 15:29:30
72
原创 web前端基础-day02
基础标签www.baidu.com列表标签无序 <ul><ul type="square"> <li>自由</li> <li>平等</li> <li>爱国</li> <li>敬业</li> </ul>可以通过type参数修改每个list前面的符号有序 <ol><ol type="a">
2020-08-23 14:45:06
75
原创 web前端基础-day01
web的概念h5：html5Url：网络资源的唯一地址服务器服务器软件（apache，tomcat，IIS，Nginx）云服务器：阿里云，腾讯云，百度云，华为云浏览器Google chrome 、IE 、火狐标记语言用各种标签用相关的信息或者关键字 包裹起来，方便搜索引擎抓取。Html的基本结构<!DOCTYPE html><!--说明文档类型--><html><!--根标签--> <head><!--
2020-08-22 19:13:42
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人