Javascript
2022-10-27 20:51:28 1 举报
AI智能生成
登录查看完整内容
快速入门思维导图
作者其他创作
大纲/内容
历史:网景公司
用来界面交互
初识
var
alert(' ');
console.log(x);
prompt('输入框:值');
基本语法
1.Number
2.字符串
3.布尔值
4.数组
5.Null
6.Undefined
7.Symbol
8.对象
9.函数
数据类型9种
var动态语言
int静态语言
let
变量
数据类型和变量
for循环
缺陷:新加属性,却不改变length值
for(it in arr){}循环
ES6新出
for...of...循环
循环
快速入门
定义:function abs(){}
调用abs();
函数定义和调用
MYAPP.name = 'myapp';MYAPP.version = 1.0;MYAPP.foo = function () { return 'foo';};
var MYAPP = {};
名字空间(减少命名冲突)
全局作用域
let(ES6新增)
局部作用域
变量作用域
apply()
call()
方法
传入自己的函数,获得新数组的结果
arr.map(pow);
map
把前面的累计计算结果与下一个值计算
reduce
filter()把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。
filter
排序算法
sort
判断每一个元素
every
查找元素返回第一个元素
find
查找元素返回索引
findIndex
遍历数组arr.forEach(console.log);
forEach
Array
高阶函数
闭包
function (x) { return x * x;}
x => x * x等价于
this不是看调用者,而是看刚定义时,他的作用域。相当于:我现在定义,石子落水开始扩散,遇到外层函数停止扩散,此时我的this就是包裹了这个外层函数的obj对象
箭头函数
generator
函数
var now = new Date();
Data
i标志,表示忽略大小写,m标志,表示执行多行匹配。g标志全局匹配
^表示行的开头,^\\d表示必须以数字开头。$表示行的结束,\\d$表示必须以数字结束。
/正则表达式/ig
RegExp正则表达式
js对象转化成json格式字符串
JSON.parse('{\"name\":\"小明\
JSON字符串转化成js对象
JSON
js里一切皆对象
标准对象
用构造函数创建对象,记得要new
创建对象
prototype
原型继承
constructor:构造函数
class继承(ES6新)
面向浏览器编程
innerWidth
innerHeight
window
navigator.appName:浏览器名称;navigator.appVersion:浏览器版本;navigator.language:浏览器设置的语言;navigator.platform:操作系统类型;navigator.userAgent:浏览器设定的User-Agent字符串。
navigator
screen.width:屏幕宽度,以像素为单位;screen.height:屏幕高度,以像素为单位;screen.colorDepth:返回颜色位数,如8、16、24。
screen
http://www.example.com:8080/path/index.html?a=1&b=2#TOP
location.protocol; // 'http'location.host; // 'www.example.com'location.port; // '8080'location.pathname; // '/path/index.html'location.search; // '?a=1&b=2'location.hash; // 'TOP'
location.reload()
location.assign('新URL')
location
getElementById()
getElementsByTagName()
document
history
浏览器对象
querySelector() 第一个节点
querySelectorAll() 所有节点
其他by绑定方法(重点)
查找DOM
元素.innerHTML
HTML
元素.style.属性
CSS
更新DOM
appendChild(子节点)
createElement(‘新元素’)
父元素.insertBefore(a,b)把a插入b前
插入DOM
// 拿到待删除节点:var self = document.getElementById('to-be-removed');// 拿到父节点:var parent = self.parentElement;// 删除:var removed = parent.removeChild(self);
自己删除自己
删除后,后面的children【1】变成了【0】,考虑影响
var parent = document.getElementById('parent');parent.removeChild(parent.children[0]);
父节点删除子节点
删除DOM
操作DOM
操作表单
操作文件
AJAX
Promise
Canvas
浏览器
Jquery
错误处理
underscore
Node.js
Javascript(廖雪峰)
收藏
0 条评论
回复 删除
下一页