JavaScript知识点(根据例子来学习)
创始人
2024-03-13 08:21:35

立即执行函数

(function(){document.write("通常将匿名函数与事件处理程序一起使用")
})();

input标签、rowspan



shiyan

id 前台拿数据,name 后台拿数据时间:
日期:
数字:
日期时间:搜索:!!!!!!!!!!!!!!邮箱:网址:滑块:颜色:音频:loop autopaly, muted(10.21):视频:
分类技能分数
编程语言JavaScript8
C++7
Swift8
产品设计PhotoShop6
Axure5
销售社交媒体3
C++7

选择器、伪类选择器a:hover



这是一个段落


这是第二个段落


这是三个段落

标题1

标题1

标题1

标题1

百度链接

函数





函数1、函数定义 与调用2、函数参数 、arguments3、return 返回值 结束4、作用域  :全局变量 、局部变量


变量作用域


JavaScript 中,变量的作用域有 全局作用域 和 局部作用域 两种。1、全局变量   函数外定义的变量   没有用 var定义的变量(let)   window对象定义的变量(window.c=1)2、局部变量  函数内用var定义的变量  形参变量的生命周期全局变量活得和您的应用程序(窗口、网页)一样久。局部变量活得不长。它们在函数调用时创建,在函数完成后被删除。			

获取元素



查找元素方法:1 通过 id 查找元素

Hello!


2、通过标签名查找元素
  • 【#回应何时开学#】
  • 【#回应何时开学#】
  • 【#回应何时开学#】
  • 【#回应何时开学#】
  • 【#回应何时开学#】
  • 【#回应何时开学#】

3 html5新增的 通过 CSS 选择器查找 HTML 元素:
querySelectorAll() 方法 :查找匹配指定 CSS 选择器(id、类名、标签等)的所有 HTML 元素
querySelector() 方法 :查找匹配指定 CSS 选择器的第一个 HTML 元素

Hello!

Hello!

world!

面向对象



面向对象

1、什么是JavaScript对象?对象是有(属性)和(方法)的集合。2、创建对象的三种方式:
01、使用new object()方式
01 使用字面量定义var 对象={//键值对的形式 键 属性名 :值 属性值,属性名 :值,//方法 冒号后面跟着一个匿名函数。方法:function(){}}
3、使用自定义的构造函数声明多个类型特点一致的对象//构造函数的语法格式:// function 构造函数名(){// this.属性=值;// this.方法=function(){}// }//new 构造函数名(); 函数名首字母要大写4、相关问题-对象赋值与引用内存:栈:局部变量 全局变量堆:对象

Math库


Math 对象Math 对象用于执行数学任务。
使用 Math 的属性和方法的语法:
var pi_value=Math.PI;var sqrt_value=Math.sqrt(15);


静态成员



1、静态成员

特殊的引用类型:Boolean、Number 和 String


为了便于操作基本类型值,js还提供了 3 个特殊的引用类型:Boolean、Number 和 String。Number 对象:基本包装类型  提供数字的对象(包括整数、浮点数等)1、NaN属性:非数字((Not a Number)。)	2、isNaN()函数:判断是否为非数字3、toString():把数字转为字符串4、把变量转换为数值这三种 JavaScript 方法可用于将变量转换为数字:Number() 方法  可用于把其他类型转换为数值parseInt() 方法 解析一段字符串并返回整型数值。允许空格。只返回首个数字:parseFloat() 方法  解析一段字符串并返回数值。允许空格。只返回首个数字:



静态成员



1、静态成员

原型prototype


2、构造函数问题:存在浪费内存空间问题3 构造函数原型prototype 通过原型来实现所有对象共享方法。

基于原型链的继承


1 基于原型链的继承
2 存在问题:实例共享引用类型,新创建的对象都有“玩游戏”这个变量,如p1、p2
3 call函数
4 利用构造函数继承属性

对象原型proto


4 对象原型__proto__请问为什么对象 可以访问原型里的方法?		原因:每个对象都有一个属性__proto__指向原型prototype,所以可以使用原型对象里的方法
5 原型对象的constructor构造函数原型对象里面都有一个属性constructor属性,constructor我们称为构造函数因为它指回构造函数本身.
6 原型对象的应用 扩展内置对象方法数组也有原型对象

ES6的类



上课

1、箭头函数
2、es6中标准的类
3、静态成员
4、类中的构造函数
5、继承

定时器


BOM:浏览器对象模型 window对象 顶级对象1、window对象的方法:setInterval(调用函数,毫秒数)  定时器方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。注意:调用函数有3中写法:函数        函数名       字符串('函数名()')
2、取消定时器: clearInterval() 由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

函数中this指针


1、this是什么?函数中的this指函数的实际调用对象。
2、箭头函数的this箭头函数没有自己的this,它的this是外层作用域的this
3、 函数是Function类的实例可以通过new Function动态创建函数对象。

高阶函数


1、js中函数可以作为参数传递

2、函数作为返回值3、什么高阶函数

闭包





闭包01 什么是闭包:函数A中 有一个函数B,函数B中可以访问函数A中定义的变量或者数据,此时就形成了闭包。02 闭包的功能: 使函数内部的变量在函数执行完后,仍然存活在内存中(延长了局部变量的生命周期)让函数外部可以操作函数内部的数据


闭包案例



1、案例一
如何实现累加?-闭包
2、案例二:下来3个按钮,点击其中一个,提示"点击的是第n个按钮":

闭包:实现可以持续分别点赞。





3、案例三

请给下列新闻投票

  • 北京冬奥会火种抵达北京
  • 31省区市新增本土确诊17例。
  • 互联网公司校招名额大幅增加 核心岗位首次开放
  • 多地取暖用煤价格涨超2倍

正则表达式


事件监听



1、event事件对象:是浏览器在事件触发时所创建的对象。这个对象封装了事件相关的各种信息。-通过事件对象 可以获取事件的各种信息。
2、Dom中存在着多种不同类型的时间对象-他们的父对象都是Event

事件冒泡



3、 事件冒泡:(bubble)是指事件向上传导当元素的事件被触发后,其父元素上的相同事件也同时触发。事件冒泡的存在简化了代码的编写,但是有时我们并不希望冒泡存在。取消事件冒泡:event.stopPropagation()

4 取消默认行为。安工大

实现光标跟随效果


实验四
解题思路:1. 多个div跟随光标,第一个div的位置 始终是 光标移动到的位置。2. 第二个div,当移动的过程中,会到第一个div之前的位置,第三个div 会到第二个div 之前的位置。3.前一个div的位置赋给当前的div :obj.offsetTop 指 obj 相对于父元素上侧位置,整型 obj.offsetLeft 指 obj 相对于父元素左侧位置,整型4.最后开始,在第一个div 还没移动的时候,第10个去到第9个,第9个去到第8个的位置......最后再把第一个移动到光标的位置。标签: JS

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...