- 博客(20)
- 收藏
- 关注
RSS订阅原创 JavaScript基础--jQuery效果动画
基本显示与隐藏①显示隐藏的元素jqueryObj.show(speed，easing，fn)speed参数1：表示速度的字符串【‘slow’，‘normal’，‘fast’】或动画时长的毫秒数1000、2000...easing参数2：指定切换效果‘swing’、‘linear’，默认值为‘swing’fn参数3：效果动画执行完毕后执行的函数注：如果选择的元素是可见的，这个方法将不会改变任何东西。<body> <button>显示按钮<...
2021-11-06 16:39:21
503
1
原创 JavaScript基础--Cookie
含义：cookie是一个以字符串的形式存储数据的位置，也可以理解为存储数据的一个区域或空间。存储形式： cookie以字符串形式存储，在字符串中以key=value的形式出现，一个key=value是—条数据，多个数据之间以；分割。特点存储大小有限制，一般是4kb左右 存储数量有限制，一般是50条左右 有时效性，一般是会话级别 有域名限制，谁设置的谁才能读取使用方式设置cookie的内容使用document.cookie设置—个时效性为会话级别的co...
2021-11-02 20:30:05
501
原创 JavaScript基础--继承
继承概念继承是类与类之间的关系 子类继承父类，即子类就有父类的属性与方法例如：学生类继承老师类，那么学生类就有老师类的属性与方法 学生类即为子类，老师类即为父类ES5继承构造函数继承 （继承父类的构造函数的属性和方法） <script> function Person(name) { this.name = name this.say = fu...
2021-11-02 16:41:28
236
原创 JavaScript基础--同源策略与跨域及解决方案
同源策略概念：同源策略是浏览器的一个安全功能，不同源的网页脚本在没有明确授权的情况下，不能读写对方资源，所谓同源是指"协议+域名+端口"三者相同。跨域概念：使用AJAX技术（XMLHttpRequest 对象），从一个网页去请求另一个网页资源时，违反浏览器同源策略限制，引起的安全问题，称为跨域。①域名：主域名不同 http://www.baidu.com/index.html –>http://www.sina.com/test.js...
2021-11-01 11:35:49
358
原创 JavaScript基础--数学对象Math
特点：不需要创建对象，直接类型名.方法 Math.方法（）随机数Math.random（）生成一个0-1之间的随机数，包含0不包含1生成一个随机数0-1<script> let num = Math.random() console.log(num)</script>生成一个指定范围随机数m-n之间<script> function getRandom(x, y) { let n = Math...
2021-10-25 19:53:52
115
原创 JavaScript基础--this关键字
每一个函数内部都有一个关键字：this，可以让我们直接使用 函数内部的 this指向只和函数的调用方式有关系，和函数的定义方式没有关系使用场景全局定义的函数直接调用，this=>window对象function fn() { console.log('全局定义的函数this指向', this)}fn()对象内部方法的调用，this=>方法调用者var obj = { name: 'jack', change: function (..
2021-10-14 19:49:35
83
2
原创 JavaScript基础-动态操作DOM节点
我们所说的操作无非就是增删改查（CRUD）创建一个节点（向页面中增加之前，我们需要先创建一个节点出来）向页面中增加一个节点删除页面中的某一个节点修改页面中的某一个节点获取页面中的某一个节点创建节点创建元素节点 createElement var pEle = document.createElement('p') console.log(pEle) // <p></p>创建文本节点 createTextN...
2021-10-12 20:35:43
455
原创 JavaScript基础-鼠标移动事件-区块随光标移动案例
核心：1.获取光标当前坐标位置2.将当前坐标位置赋值给提示信息块HTML定义一个大盒子，里面一个p标签放提示信息<div class="box1"> <p class="box2">提示信息</p></div>CSS <style> * { padding: 0; margin: 0; } ...
2021-10-12 19:53:54
176
原创 JavaScript选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>选项.
2021-10-11 20:55:35
124
原创 JavaScript基础--数组
什么是数组：数组是一系列数据的集合--也就是我们把一些数据放在一个盒子里面，按照顺序排好,这个东西就是一个数组，存储着一些数据的集合例如：[100,200,'hello','javascript']数组基础（1）数据类型：基本数据类型：number / string / boolean / undefined / null 复杂数据类型：Object / Function / Array / ...（2）创建一个数组：字面量方式：创建空数组：var arr =...
2021-09-29 20:13:11
275
原创 JavaScript基础--函数
目录函数介绍函数参数函数返回值函数类型函数优点函数介绍函数概念: 将任意代码封装到一起，需要用的时候进行调用执行 语法：// 函数定义function 函数名(){ 函数体 //封装的代码}//函数调用语句:函数名()函数参数定义： 形参:在函数内部可以使用的变量，在函数外部不能使用 形参的值是在函数调用的时候由实参决定的 实参：在函数调用的时候给形参赋值的 在调用的时候是给一个实际的内容的 多个参...
2021-09-26 11:57:23
60
原创 JavaScript基础语法--循环
-- 循环结构，就是根据某些给出的条件，重复的执行同一段代码-- 循环必须要有某些固定的内容组成 初始化 条件判断 要执行的代码 自身改目录while循环do-while循环for循环双重for循环终止循环break结束本次循环continuewhile循环语法 ：while(条件){满足条件就执行} 注意：此语句是先判断条件，再决定是否执行语句或程序块 当条件为true时，执行循环体的语句或程序块，反之不执行循环...
2021-09-23 20:47:59
178
原创 JavaScript基础语法---数据类型
数据类型是指我们存储在内存中的数据的类型通常分为两大类 基本数据类型 和 复杂数据类型目录基本数据类型判断数据类型数据类型转换基本数据类型1.数值类型（number）一切数字都是数值类型（包括二进制，十进制，八进制，十六进制等） NaN（not a number）非数字2.字符串类型（string）被引号包裹的所有内容（可以是单引号也可以是双引号） 字符串由零个或多个字符构成，字符包括字母、数字、标点符号和空格等3.布尔类型（boolean）布尔类型...
2021-09-22 20:48:52
137
原创 HTML5基础--盒子完全居中
PC端盒子居中方式一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &.
2021-09-21 16:17:45
2415
原创 HTML5基础--兼容性处理
浏览器内核 代表浏览器 添加的私有前缀presto 欧朋 -o-trident IE -ms-gecko 火狐 -mo...
2021-09-21 15:59:56
104
原创 HTML5基础--BFC的概念与应用
概念BFC：块格式化上下文，是一个独立的区域，同时不同的BFC之间不会相互影响。BFC的触发情况（条件）有浮动属性float的时候 当overflow的属性值不为visible的时候 定位position的属性值为absolute或者fixed的时候 display的属性值为inline-block或者flex作用（应用场景）1.解决margin在垂直方向上的粘连问题和塌陷问题2.实现两列布局：左边设置左浮动，右边设置overflow：hidden3.清除浮...
2021-09-21 15:46:49
111
原创 HTML相关基础
HTML 介绍(WEB)网页由HTML结构、CSS表现和JS行为组成。HTML：超文本标记语言HTML5：是HTML的第五个版本，也是前端技术的总称。W3C：万维网联盟，是web领域最具权威的公益性中立组织。W3C (制定了结构(xhtml、xml)和表现(css)的标准，非赢利性的。)HTML能做什么？网页开发（用的最多的，只要是浏览器能看到的，都需要用到前端） 小程序，公众号（微信，支付宝，头条等好多都用前端语言进行开发） Hybrid App(混合应用开发，手机应..
2021-09-04 16:06:04
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人