![](https://img-blog.csdnimg.cn/20200305215816541.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript学习
学习视频地址:https://www.bilibili.com/video/av56979800
初学者写下的笔记,如有错误,欢迎前来指正!
菜鸟小铭
绝知此事要躬行
展开
-
Ajax 基础学习
Ajax 学习Ajax 可以再在不刷新网页的情况下更新页面内容检测用户名能否使用就是使用了 AjaxXML 和 HTML 的区别:HTML中都是预定义标签,例如 a 就是超链接标签,span 就是行内元素标签,在 XML 中没有预定义标签Ajax 可以通过用户事件来更新页面部分的内容 (例如鼠标移动)Ajax 的缺点,没有浏览历史,不能回退,存在跨域问题,SEO 不友好// 原生 Ajax 请求模板// 发送请求const xhr = new XMLHttpReque原创 2020-09-27 16:26:32 · 255 阅读 · 2 评论 -
JavaScript ES6新特性
JavaScript ES6新特性这篇笔记讲了 ES6 新增的声明变量的方法,箭头函数,剩余参数 扩展运算符(…args),和ES6中新增的数组字符串方法,和 Set 数据结构声明变量方法let 关键字let 声明的变量只在块级作用域有效块级作用域:两个大括号之间原来的作用域是一个函数,用 let 的话作用域变成了 {} 之间let 可以防止循环变量变成全局变量for(let i = 0;i < 2;i++) {}console.log(i);// 报错,i原创 2020-07-24 20:39:39 · 3960 阅读 · 0 评论 -
JavaScript 正则表达式
JavaScript 正则表达式正则表达式在JavaScrip中正则表达式是对象可以用作验证表单 (匹配),过滤敏感关键词 (替换),获取想要的部分 (提取)JavaScript 中使用正则表达式通过 RegExp 构造函数创建var regexp = new RegExp(/表达式/);通过字面量来创建var rg = /表达式/;检测正则表达式是否复合规则:test() 函数,返回 true 或 falseregexpObj.test(str);reg原创 2020-07-19 21:24:45 · 249 阅读 · 0 评论 -
JavaScript 函数进阶
这篇文章主要讲了ES5新增的方法,函数this指向,严格模式,闭包和浅拷贝和深拷贝的知识如有错误,欢迎前来指正!原创 2020-07-16 22:27:44 · 404 阅读 · 0 评论 -
JavaScript 面向对象
JavaScript高级语法之面向对象这篇文章主要讲了JavaScript ES6之后有类的概念的面向对象的方法和ES5之前没有类的概念时的面向对象的方法如有错误,欢迎前来指正JavaScript 面向对象(ES6之后)JavaScript中的对象是无序的属性和方法的集合创建类同样使用大驼峰命名法,首字母大写代码示例:// 声明类class 类名 { // class body}// 实例化对象var 对象名 = new 类名();在类中所有的函数都不用加原创 2020-07-08 22:00:30 · 1079 阅读 · 0 评论 -
前端拾遗 (持续更新)
前端拾遗写这篇文章是平常在做一些小需求的时候发现有一些遗漏的知识点,但是又没法把他放到一篇笔记里保存起来,所以为了保存下来,就在这个前端拾遗的笔记中记录一些我之前没有遇到的知识点,或者有一些我卡住比较久的地方1 css变量css变量是用两个减号开始,中间可以使用减号连接的变量例如:div { --button-width: 80px;}变量大小写敏感作用域在 :root 下定义的变量全局可见在元素样式内定义的只有该元素及其子元素可见:root { /原创 2020-07-03 16:14:40 · 1436 阅读 · 0 评论 -
JavaScript梗图详解
JavaScript梗图详解前几天我看到了一张JavaScript的梗图,虽然看完之后哈哈大笑,但是有些东西我并不知道为啥是这样,只是知道了有这么一件事,但是不知道其中的原理,所以我今天来开坑把这个图上的JavaScript知识点整理一下开坑一时爽,填坑火葬场,看我这个坑要多久才能填上 (2020/05/12开坑)截至发送事件 (2020/06/29) 这个坑我才填上,我的拖延症没救了吧1. typeof NaN == “number”NaN 的意思是说明这个值不是数字,例如我们原创 2020-06-29 22:05:06 · 4360 阅读 · 0 评论 -
JavaScript WebAPI学习 demo8
JavaScript WebAPI学习元素偏移量 offset 系列offset 可以得到元素得位置,大小等获得元素距离带有定位的父元素位置获得元素自身的宽度高度注意:返回的数值不带单位offset常用属性location 对象的方法返回值element.offsetParent返回带有定位的父级元素,如果父级都没有定位则返回 bodyelement.offsetTop返回带有定位父元素的上方的距离element.offsetLeft返回带原创 2020-05-31 21:51:24 · 724 阅读 · 0 评论 -
JavaScript WebAPI学习 demo7
JavaScript WebAPI学习这篇笔记主要讲了窗口大小事件,两种定时器,this指向得问题,和刷新,获取URL等属性得方法,js同步和异步初学者写下得笔记,如有错误,欢迎前来指正BOM浏览器对象模型BOM:浏览器对象模型,例如刷新,后退等操作BOM 兼容性较差BOM顶级对象是 windowBOM 浏览器窗口进行交互的一些对象window 对象BOM构成:他是 js 访问浏览器窗口的一个接口他是一个全局对象,定义在全局作用域中的变量或者函数都会变成 window原创 2020-05-14 22:21:06 · 480 阅读 · 0 评论 -
JavaScript WebAPI学习 demo6
JavaScript WebAPI学习事件高级注册事件注册事件分为两种方式:传统注册方式和监听注册方式传统注册事件特点:注册事件唯一性 (同一个元素同一个事件只能设置一个处理函数,后注册的函数回把先注册的给覆盖掉)<body> <button>传统注册事件</button> <script> var btn = d...原创 2020-05-05 22:58:29 · 633 阅读 · 0 评论 -
JavaScript WebAPI学习 demo5
JavaScript WebAPI学习这篇文章讲解了修改元素属性,自定义属性,节点的增删添加删除等操作这篇文章实在是太长了,里面主要有一些代码占据了很多的空间,我尝试能不能把他们折叠起来这篇博客是初学者写下的笔记,如有错误,欢迎前来指正!最后推荐大家看这部分知识点的总结,六分钟回顾一下这里的知识点js案例案例:排他思想案例:当点击一个按钮时选中它,并且其他的按钮都恢复未被选中的...原创 2020-05-03 23:48:59 · 713 阅读 · 0 评论 -
JavaScript WebAPI学习 demo4
这篇笔记主要讲了获取元素方法,事件,修改操作元素内容 / 链接 / 表单属性 / 元素CSS样式 初学者写下的笔记,如有错误,欢迎前来指正!原创 2020-03-17 22:05:07 · 705 阅读 · 0 评论 -
JavaScript基础语法 demo3
这篇笔记主要讲了JavaScript函数,变量作用域,预解析,对象,内部对象以及两种数据类型 这篇笔记有很多JavaScript的特性,所以可以认真看下 这篇笔记是初学者写下的笔记,如有错误,欢迎前来指正原创 2020-03-11 22:18:13 · 748 阅读 · 0 评论 -
JavaScript基础语法 demo2
这篇笔记主要讲了JavaScript运算符,流程控制语句(if else switch),循环语句和数组 这篇笔记因为有很多地方都是学过的所以记得不是很详细,推荐有其他语言基础的来观看这篇笔记是初学者写下的笔记,如有错误,欢迎前来指正原创 2020-03-08 21:38:30 · 665 阅读 · 0 评论 -
JavaScript基础语法 demo1
这篇主要讲了JavaScript的基础知识和变量和数据类型 这是初学者写下的笔记,如有错误,欢迎前来指正!原创 2020-03-05 21:53:59 · 922 阅读 · 5 评论