![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 78
JavaScript学习
Vivian小姐
事在人为
展开
-
jQuery学习
jQuery学习文章目录一、jQuery的概述二、jQuery的基本使用三、jQuery常用API使用1. 选择器2. 样式操作3. 效果4. 属性操作5. 文本属性值6. 元素操作7. 尺寸、位置操作一、jQuery的概述JS库常见的JavaScript库:jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto二、jQuery的基本使用jQuery的下载:https://jquery.com/引入jQuery代码jQuery的入口函数 <s原创 2021-04-18 23:30:24 · 309 阅读 · 3 评论 -
JavaScript学习7-2:移动端网页特效(轮播图、返回顶部、插件、框架、本地存储)
JavaScript学习7-2:移动端网页特效文章目录一、触屏事件二、常见特效移动端轮播图(携程首页)classList使用常用开发插件常用开发框架一、触屏事件触屏事件:触屏事件对象:拖动元素:二、常见特效移动端轮播图(携程首页)携程首页的焦点图模块classList使用 <script> var div = document.querySelector('div'); //1. 添加类名 注意和className不同 不是覆原创 2021-04-14 10:50:39 · 237 阅读 · 0 评论 -
JavaScript学习10:正则表达式
JavaScript学习10:正则表达式文章目录创建 //1. 利用RegExp对象创建 var regexp = new RegExp(/123/); //2. 利用字面量创建 var rg = /123/; //rg.test(str) 检测正则表达式是否符合要求 console.log(rg.test(123)); // true console.log(rg.test('abc'));原创 2021-03-09 10:02:57 · 1132 阅读 · 0 评论 -
JavaScript学习9:函数进阶
JavaScript学习9:函数进阶文章目录一、函数的定义和调用二、this![在这里插入图片描述](https://img-blog.csdnimg.cn/20210308230559424.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODE5Mjc0,size_16,color_FFFFFF,t_70)三、严格模式四、高阶函数五原创 2021-03-09 09:04:56 · 114 阅读 · 0 评论 -
JavaScript学习8:类、构造函数和原型、ES5新增方法
JavaScript学习8:面向对象编程文章目录一、类二、构造函数和原型(ES6之前)一、类三个特性:封装性、继承性、多态性ES6中的类和对象基本使用: <script> //创建类 函数不用写function 不用加,分隔 class Star { constructor(uname, age) { //构造函数 new的时候自动调用,返回实例对象 this.uname = un原创 2021-03-08 22:52:12 · 143 阅读 · 0 评论 -
JavaScript学习7:PC端网页特效(offset、client、scroll、动画、轮播图)
JS——PC端网页特效文章目录JS——PC端网页特效一、元素偏移量offset系列二、元素可视区client系列三、元素滚动scroll系列四、动画函数封装五、常见网页特效案例网页轮播图一、元素偏移量offset系列element.offsetParent:返回带有定位的父亲,否则返回bodyelement.parentNode:返回最近一级的父亲案例:拖动模态框案例:仿京东放大镜二、元素可视区client系列立即执行函数 :不需要调用,立马执行,最大的作用就是独立创建了一个作用域原创 2021-03-02 17:45:01 · 221 阅读 · 0 评论 -
JavaScript学习6:BOM(window对象、定时器、js执行机制、location、navigator、history)
JS——BOM文章目录JS——BOM一、BOM概述二、window对象的常见事件三、定时器四、JS执行机制五、location对象六、navigator对象七、history对象一、BOM概述二、window对象的常见事件三、定时器四、JS执行机制五、location对象六、navigator对象七、history对象...原创 2021-03-02 10:10:32 · 140 阅读 · 0 评论 -
JavaScript学习5:DOM(注册事件、删除事件、DOM事件流、事件对象、事件委托、鼠标键盘事件)
JS——事件高级文章目录JS——事件高级一、注册事件(绑定事件)二、删除事件(解绑事件)三、DOM事件流四、事件对象(重要)一、注册事件(绑定事件)注册事件有两种方式:传统方式和方法监听注册方式方法监听注册方式:(重要)同一个元素 同一个事件可以添加多个事件处理程序attachEvent():ie9以前,尽量不用二、删除事件(解绑事件)传统方式删除事件:divs[0].onclick = null;removeEventListener删除事件:divs[1].removeEven原创 2021-03-01 23:17:19 · 249 阅读 · 0 评论 -
JavaScript学习4:DOM(获取元素、事件基础、操作元素、节点操作)
JS文章目录JS一、BOM简介二、获取元素三、事件基础四、操作元素五、节点操作JS基础与Web APIs的联系:JS基础学习ECMAScript基础语法为后面做铺垫,Web APIs(DOM&BOM)是JS的应用,大量使用JS基础语法做交互效果。Web APIs是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。一般都有输入和输出(函数传参和返回值),Web API很多都是方法(函数)一、BOM简介DOM(document object model 文档对象模型)是W3原创 2021-02-28 19:47:18 · 243 阅读 · 0 评论 -
JavaScript学习3:数组、函数、作用域、预解析、对象、内置对象、简单复杂数据类型
JavaScript基础(数组、函数)文章目录JavaScript基础(数组、函数)一、数组二、函数一、数组创建数组: // 1.利用new创建数组 var arr = new Array(); //2.利用数组字面量创建数组[] var arr2 = []; var arr3 = [1, 2, 'vivian', true];获取数组中的元素:arr[0]数组长度:arr.length新增数组元素:原创 2021-02-24 17:04:08 · 181 阅读 · 0 评论 -
JavaScript学习2:变量、数据类型、运算符、分支、循环
前端开发自学之路:JavaScript文章目录前端开发自学之路:JavaScript一、变量1. 变量概述2. 变量的使用3. 变量的语法扩展4. 变量的命名规范二、数据类型1. 数据类型简介2. 简单数据类型3. 数据类型转换三、运算符一、变量1. 变量概述变量是用于存放数据的容器本质:变量是程序在内存中申请的一块用来存放数据的空间标识符、关键字、保留字:2. 变量的使用1.声明变量 var age;2.赋值 age=18;变量的初始化(声明并赋值):var age=18;3.原创 2021-02-22 17:35:53 · 156 阅读 · 0 评论 -
JavaScript学习1:基础知识介绍
前端开发自学之路:JavaScript学习文章目录前端开发自学之路:JavaScript学习编程语言和标记语言的区别计算机基础介绍初识JavaScriptb站学习地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?p=2编程语言和标记语言的区别编程语言(js):有很强的逻辑和行为能力,在编程语言里,你会看到很多if else、 for、 while等具有逻辑性和行为能力的指令,这是主动的。标记语言(html):不同于向计算机发出指令,常用于格式化和链接。标原创 2021-02-21 19:41:21 · 102 阅读 · 0 评论