JS学习笔记
文章平均质量分 90
Js从入门到放弃
优雅哥cc
人生苦短 及时行乐
展开
-
TypeScript-类、继承、接口、泛型、tsconfig
一、类1.1 构造函数1.2 继承1.3 super 关键字1.4 抽象类与抽象方法二、接口三、get set 及 public protected private3.1 get And set3.2 public protected private四、泛型五、tsconfig.js 配置文件解析原创 2021-05-31 16:43:36 · 730 阅读 · 3 评论 -
TypeScript-重塑类型思维
文章目录第一章 快速入门一、TypeScript简介二、TypeScript 开发环境搭建三、基本类型四、编译选项五、webpack六、Babel第一章 快速入门一、TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能原创 2021-05-29 20:15:50 · 332 阅读 · 0 评论 -
script标签之async与defer
script标签之async与defer转载 2021-05-10 14:12:30 · 501 阅读 · 1 评论 -
一文彻底搞懂前端模块化:CommonJS规范 与 ES Module规范
一文彻底搞懂前端模块化:exports、module.exports、export、import、export defaultCommonJS规范、ES Module规范原创 2021-03-25 14:30:31 · 36659 阅读 · 4 评论 -
彻底掌握 Object.difineProperty
彻底掌握 Object.difineProperty原创 2021-03-11 15:01:31 · 9286 阅读 · 1 评论 -
axios学习笔记
axios学习笔记原创 2020-11-25 23:59:32 · 8378 阅读 · 5 评论 -
WebSocket实现一个聊天室
WebSocket实现一个聊天室在线聊天室原创 2020-11-22 17:33:15 · 14921 阅读 · 5 评论 -
AJAX、axios、JSONP、CORS
本文详细讲解了 ajax,jsonp,cors,axios 的基本使用原创 2020-11-19 16:45:24 · 8507 阅读 · 1 评论 -
Js正则表达式入门
Js正则表达式入门正则表达式原创 2020-11-15 16:44:54 · 8601 阅读 · 0 评论 -
Js严格模式
Js严格模式原创 2020-11-14 15:59:25 · 8163 阅读 · 0 评论 -
Js offset、scroll、client三大系列的区别
原创 2020-10-24 19:23:44 · 8049 阅读 · 1 评论 -
Js打印等腰三角形
Js打印等腰三角形、Js写一个等腰三级形、JS输出等腰三角形原创 2020-10-10 20:50:11 · 14129 阅读 · 4 评论 -
Js 格式化日期的几种方法
文章目录方法一、核心 padStart()方法,padEnd()方法方法二方法一、核心 padStart()方法,padEnd()方法ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。// 格式化日期dataFormat(originVal) { const newDate = new Date(originVal); const Year = newDate.getFullYea原创 2020-10-10 14:13:24 · 8914 阅读 · 0 评论 -
JS格式化日期、Javascript格式化日期对象、JS时间戳转化为日期对象
JS格式化日期、Javascript格式化日期对象、JS格式化日期对象、JS时间戳转化为日期对象原创 2020-09-21 20:25:01 · 8676 阅读 · 0 评论 -
JS 闭包的理解
文章目录一、先来看道阿里的经典面试题二、闭包的形成与机制三、作用四、闭包有哪些坑点?一、先来看道阿里的经典面试题VO 代表全局变量对象(作用域)AO 代表私有变量对象(作用域)在代码执行过程中,如果遇到一个变量,首先看是不是自己私有的,先走自己上下文当中,如果没有则按照作用域链,往上级上下文当中查找二、闭包的形成与机制当前函数执行,形成一个私有的上下文,函数执行完,当前私有上下文中的某些内容,被上下文以外的内容所占用,那么当前上下文就不能被释放,就会形成闭包三、作用保护私有上下文里原创 2020-07-27 13:55:03 · 8041 阅读 · 0 评论 -
IIFE、闭包、(function(){})() 运行原理
javascript中: (function(){})()是匿名函数,主要利用函数内的变量作用域,避免产生全局变量,影响整体页面环境,增加代码的兼容性。(function(){})是一个标准的函数定义,但是没有复制给任何变量。所以是没有名字的函数,叫匿名函数。没有名字就无法像普通函数那样随时随地调用了,所以在他定义完成后就马上调用他,后面的括号()是运行这个函数的意思...原创 2020-07-24 22:07:02 · 8255 阅读 · 0 评论 -
JS打开新窗口并居中显示
Js打开新窗口并居中显示原创 2020-07-11 16:55:08 · 10293 阅读 · 1 评论 -
JS学习笔记-判断文本域当中滚动条的位置、滚动条下拉至底部才可以提交
判断文本域当中滚动条的位置滚动条下拉至底部才可以提交原创 2020-06-22 22:42:37 · 8415 阅读 · 0 评论 -
mouseover、mouserenter、mouserout、mouseleave的差别
mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素,都会触发mouseover事件只有在鼠标指针穿过被选元素时,才会触发mouseenter事件mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素,都会触发mouseout事件只有在鼠标指针离开被选元素时,才会触发mouseleave事件。...原创 2020-06-12 21:43:24 · 8473 阅读 · 0 评论 -
JS sort()方法如何正确排序数字
JS sort()方法如何正确排序数字原创 2020-05-26 23:33:25 · 11882 阅读 · 2 评论 -
JS学习笔记-21-正则表达式 入门到精通
什么是正则表达式?正则表达式 匹配邮箱正则表达式 匹配qq号正则表达式 匹配电话原创 2020-05-25 14:30:13 · 8376 阅读 · 3 评论 -
JS学习笔记20-cookie
文章目录一、什么是cookie?二、设置cookie3.1 无过期时间3.2 设置日期对象内部的时间3.3 expires 设置过期时间3.4 封装成函数三、获取、查看cookie四、删除cookie五、记住用户名一、什么是cookie?Cookie 是一些数据, 存储于你电脑上的文本文件中。在生活当中,当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。Cookie 的作用就是用于解决 “如何记录客户端的用户信息”:当用户访问 web 页面时,他的名字可以记原创 2020-05-23 15:20:10 · 8170 阅读 · 0 评论 -
JS学习笔记19-面向对象-继承
文章目录一、call()方法1.1 使用call()方法实现继承1.2 使用for循环实现继承对象的方法二、拖拽和继承2.1 实现封装和继承一、call()方法在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。一般来说,this总是指向调用某个方法的对象,但是使用call()方法时,就会改变this的指向。实例:<script> function show(a,b){ console.log('this是:'+this+'\原创 2020-05-21 20:48:17 · 8247 阅读 · 0 评论 -
JS学习笔记18-面向对象方式的选项卡
文章目录一、使用面向对象写一个选项卡1.1 先用面向过程写一个选项卡1.2 正式开始使用面向对象写一个选项卡1.2.1、解决函数嵌套1.2.2 pass掉window.onload1.2.3 把变量作为属性 函数变为方法 并且改错 、传参、闭包一、使用面向对象写一个选项卡1.1 先用面向过程写一个选项卡在使用面向对象写一个选项卡的时候,我们还是先用面向过程来写一个选项卡,如下:<body> <div id="div1"> <input class原创 2020-05-19 21:50:14 · 8284 阅读 · 0 评论 -
JS学习笔记17-面向对象编程-原型
文章目录一、笔记二、第一个面向对象程序一、笔记function aaa(){ alert('aaa');}var arr=[1,2,3,4];arr.aaa=function(){ alert('abc');}aaa();//aaa 这是方法arr.aaa();///abc 这是属性属性 以前叫他变量方法 以前叫他函数var arr=[1,2,3,4];arr.a=12;arr.show=function(){ alert(this.a);原创 2020-05-19 14:34:41 · 7351 阅读 · 0 评论 -
JS学习笔记13-事件基础-event对象
一、event对象和事件冒泡1.1 什么是event对象1.2 document1.3 event.clientX event.clientY 鼠标点击的X坐标和Y坐标1.4 事件冒泡1.5 event.cancelBubble=true 取消事件冒泡二、鼠标事件2.1 onmousemove 鼠标移动事件2.2 实例一串跟着鼠标移动的DIV三、键盘事件3.1 onkeydown 键盘按下事件3.2 ctrlKey 判断ctrl是否按下3.3 shiftKey 判断shift是否按下原创 2020-05-12 21:26:33 · 7171 阅读 · 0 评论 -
JS学习笔记08-浏览器BOM
文章目录一、BOM基础1.1 打开窗口1.2 关闭窗口1.3 常用属性1.3.1 window.navigator.userAgent 浏览器信息 客户端信息1.3.2 window.location url信息1.4 补充知识二、尺寸及坐标2.1 clientWidth; 可视区的宽度2.2 clientHeight; 可视区的高度2.3 scrollTop 到页面顶端的距离(可写)三、常用方...原创 2020-05-03 23:44:07 · 7149 阅读 · 0 评论 -
JS学习笔记06-创建、插入、删除节点
文章目录一、创建DOM元素1.1、createElement('标签名');一、创建DOM元素1.1、createElement(‘标签名’);使用 createElement(),可以创建元素。例如:var li = document.createElement('li');...原创 2020-04-25 17:37:06 · 7070 阅读 · 0 评论 -
JS学习笔记05-DOM基础
文章目录一、DOM基础1.1 什么是DOM?二、DOM节点2.1 什么是DOM节点?2.2 childNodes 获取子节点(会获取文本节点)2.3 nodeType 返回元素的节点类型。2.4 nodeName 返回元素的名称。2.5 nodeValue 设置或返回指定节点的节点值。2.6 children 获取子节点2.7 parentNode 获取父节点一、DOM基础1.1 什么是DO...原创 2020-04-24 20:04:11 · 7172 阅读 · 0 评论