JavaScript（18）
javascript 高级教程 视频_精通JavaScript
大家好，又见面了，我是你们的朋友全栈君。 JavaScript 简介JavaScript 历史本节为您讲解 JavaScript 和客户端脚本的起源。JavaScript 实现完整的 JavaScript 实现是由以下 3 个不同部分组成的：ECMAScript、文档对象模型、浏览器对象模型。ECMAScript 基础ECMAScript 语法Java 和 ECMAScript 有一些关键的语法
日期 2023-06-12 10:48:40
笔记35-JavaScript高级
大家好，又见面了，我是你们的朋友全栈君。DOM简单学习：为了满足案例要求* 功能：控制html文档的内容 * 获取页面标签(元素)对象：Element * document.getElementById("id值"):通过元素的id获取元素对象 * 操作Element对象： 1. 修改属性值： 1. 明确获取的对象是哪一个？ 2. 查看API文档，找其中有哪些属性
日期 2023-06-12 10:48:40
javascript typescript_typescript python
大家好，又见面了，我是你们的朋友全栈君。 前言：无论在学习什么语言的时候，我们都需要明白其该怎么样去定义一个变量或者Function，那么今天我们来看看TypeScript的数据类型。 文章目录：一.Ts与Js的区别二.Ts的数据类型三.数据类型应用1.any类型：2.number类型：3.string类型：4.Array类型：(1).[]:(2).数组泛型：5.元组：6.枚举：7.voi
日期 2023-06-12 10:48:40JavaScript各种定时器总结
setTimeout与setIntervalsetTimeout和setInterval已经存在已久了，我们什么场景下会使用它们完成我们的业务呢？我列举一些例子：轮询接口动画不知名的bug去解决我们会遇到使用它们的场景其实归纳起来就是以上三点。轮询接口这种情景，一般出现在不用socket的情况下使用的，例如我们有一个支付功能，前端调用了sdk获取h5支付链接后，页面就需要轮询一个后端的接口去查询这
日期 2023-06-12 10:48:40
深入理解JavaScript位运算符
前言说起位运算符，各位一定是知道和二进制有关。但是我觉得，还是有大部分朋友对于位运算符还是比较陌生的，因为在实际的需求开发中这玩意几乎都没怎么用过，所以也就没有去过多的了解这东西。其实，对于业务层来说这玩意是用的不多，但是对于源码层，看过vue或者react源码的朋友一定知道，在标记的时候是有用到位运算符去做类型区分的，我觉得这是一种很实用并且机智的做法。所以，我觉得我们是需要去弄清楚位运算符到底
日期 2023-06-12 10:48:4020·灵魂前端工程师养成-JavaScript对象
JS对象基本用法JS对象的增删改查-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动
日期 2023-06-12 10:48:4015·灵魂前端工程师养成-JavaScript历史
学习JS的基本要求JavaScript的历史JavaScript爆发-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功
日期 2023-06-12 10:48:40
25·灵魂前端工程师养成-JavaScript运算符
JS运算符算数运算符比较运算符奇葩其他运算符运算符的优先级-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3
日期 2023-06-12 10:48:40
javascript常用工具类的封装
一、js数组工具类工具类方法MyArrayFn包含的方法如下判断一个元素是否在数组中遍历元素：相当于原生forEach方法遍历元素,对里面的每个值做处理再返回一个新的值：相当于原生map方法数组排序：从小到大、从大到小、随机去重求两个集合的并集求两个集合的交集删除其中一个元素最大值最小值求和平均值工具类代码// js数组工具类 class MyArrayFn { /*判断一个元素是否在数组
日期 2023-06-12 10:48:40Ajax的面试题_javascript面试题及答案
大家好，又见面了，我是你们的朋友全栈君。 一、什么事Ajax？为什么要用Ajax？（谈谈对Ajax的认识）什么是Ajax： Ajax是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。 Ajax包含下列技术： 基于web标准（standards-basedpresentation）XHTML+CSS的表示；
日期 2023-06-12 10:48:40【javascript】使用happypack和thread-loader加速构建「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。使用happypack和thread-loader加速构建标签： webpack为什么需要happypack和thread loader webpack需要处理的文件是非常多的，构建过程是一个涉及大量文件读写的过程。项目复杂起来了，文件数量变多之后，webpack构建就会特别满，而且运行在nodeJS上的webpack是单线程模型的，也就是说Webpack一
日期 2023-06-12 10:48:40js JavaScript vue 时间戳 转换 日期 YYYY-MM-DD hh:mm:ss 简洁写法
大家好，又见面了，我是你们的朋友全栈君。两种方法方法一使用两个api toLocaleDateString() 和 toTimeString() 加 正则表达式，简洁写法，推荐！ 还可以更改为以 点（.） 连接 —— 正则表达式代码let newDate = new Date(); this.date = newDate.toLocaleDateString().replace(/\//g, &
日期 2023-06-12 10:48:40前端面试ajax考点汇总_javascript常见面试题
大家好，又见面了，我是你们的朋友全栈君。 前端面试题总结（四）ajax篇1、什么是AJAX，为什么要使用Ajax（请谈一下你对Ajax的认识）什么是ajax： AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。Ajax包含下列技术： 基于web标准（standards-basedpresentation）XHTML+C
日期 2023-06-12 10:48:40JavaScript正则表达式简单教程「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。1.常见的正则表达式符号？.匹配除换行符以外的任意字符\w匹配字母或数字或下划线或汉字\s匹配任意的空白符\d匹配数字\b匹配单词的开始和结束^匹配字符串的开始$匹配字符串的结束*重复零次或更多次+重复一次或更多次？重复零次或一次{n}重复n次{n,}重复n多次{n,m}重复n到m词\W匹配任意不是字母，数字，下划线，汉字的字符\S匹配任意不是空白符的字符\
日期 2023-06-12 10:48:40对ajax的理解面试题_javascript面试题大全
大家好，又见面了，我是你们的朋友全栈君。前两天面试的时候，面试官问我，你掌握的技能是Ajax，那你给我讲一下它的基本原理吧！ 妈呀，瞬间脑子空白。当时在门口背了好久的网络知识点，一时竟然说不吃话，只记得什么异步通信，同步数据，面试官的笑让我不寒而栗…………今天整体的整理一遍Ajax的知识点吧。Ajax 的全称是Asynchronous JavaScript and XML（异步的JavaScrip
日期 2023-06-12 10:48:40理解JavaScript中的window对象
前言每个JavaScript环境都有一个全局对象（global object）。在全局范围内创建的任何变量实际上都是这个对象的属性，而任何函数都是它的方法。在浏览器环境中，全局对象是window对象，它代表了包含网页的浏览器窗口。在这篇文章中，我们将介绍Window对象的一些重要用途：浏览器对象模型（Browser Object Model）获取浏览器信息获取并使用浏览器history对象创建并控
日期 2023-06-12 10:48:40JavaScript小技能：变量
引言如果我们没有变量，我们就不得不写大量的代码去枚举和检查输入的名字，然后去显示它们，这样做显然是低效率和不可行的 。一个变量，就是一个用于存放数值的容器。变量不是数值本身，它们仅仅是一个用于存储数值的容器。你可以把变量想象成一个个用来装东西的纸箱子。I 变量的声明变量是存储值的容器,在 JavaScript 中声明一个新变量的方法是使用关键字let 、const 和 var，let 和 cons
日期 2023-06-12 10:48:40JavaScript小技能:原型链的运作机制、Promise链
引言回调函数是一个被传递到另一个函数中的会在适当的时候被调用的函数，如事件处理程序就是一种特殊类型的回调函数。由于嵌套回调导致处理错误变得非常困难，代码也更难阅读和调试，所以JavaScript 中的异步编程是基于 Promise实现。Promise是一个由异步函数返回的可以向我们指示当前操作所处的状态的对象。在基于 Promise 的 API 中，异步函数会启动操作并返回 Promise 对象。
日期 2023-06-12 10:48:40JavaScript预备知识
前言一个有具体功能的完整网页，一般由3部分组成：HTML（内容和结构）：HyperText Markup Language，超文本标记语言。用来结构化网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。css（样式）：Cascading Style Sheets层叠样式表是一种样式规则语言，允许我们精确地设计HTML的样式，例如设置背景颜色和字体，在多个列中布局内容。Ja
日期 2023-06-12 10:48:40实现JavaScript语言解释器（一）
前言对于大多数前端开发者来说JavaScript可谓是我们最熟悉的编程语言了，它十分强大可是有些语言特性却十分难以理解，例如闭包和this绑定等概念往往会让初学者摸不着头脑。网上有很多诸如《你看完这篇还不懂this绑定就来砍我》之类的文章来为大家传道解惑。可是在我看来这些文章大多流于表面，你读了很多可能还是会被面试官问倒。那么如何才能彻彻底底理解这些语言特性，从而在面试的时候立于不败之地呢？在我看
日期 2023-06-12 10:48:40javascript 换行符[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。 在JS的字符串里对[TAB]的表述是 /x09 你可以做这样的测试: alert(“/x41”); //看看得到是什么?? 是字母A(41是十六进制的ASCII码值) 我喜欢用 /x0f 这类的做分隔符, [TAB]键用户还是有可能输入的, 但 /x0f 就绝对不可能输入 var s
日期 2023-06-12 10:48:40计算时间差工具类（TypeScript/JavaScript）
计算时间差工具类（TypeScript/JavaScript） const time = ["2022-08-20 15:19:00","2022-08-20 13:19:00","2022-08-20 16:19:22"] //比较两个时间相差的小时 function compareTime(time1:string,time2
日期 2023-06-12 10:48:40JavaScript日期格式化及解析
大家好，又见面了，我是你们的朋友全栈君。 JavaScript开发经常需要对日期进行转换，把日期转成字符串或者从字符串生成日期。JavaScript日期对象内置了简单的日期格式化方法toString()和日期解析方法Date.parse()，这两个方法有较大的局限性，不能自定义自定义日期格式化和解析的字符串格式。下面列出一些常用的日期处理JS库。名称描述XdateXDate对Javascirp
日期 2023-06-12 10:48:40使用 JavaScript 下载文件
大家好，又见面了，我是你们的朋友全栈君。 1 最简单的方法 <a href="http://somehost/somefile.zip" download="filename.zip"> Download file </a>复制只要为<a>标签添加 download 属性，我们点击这个链接的时候就会自动下载文件了
日期 2023-06-12 10:48:40javascript按位异或（^）[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。<script type=”text/javascript”> var num1=25; var num2=3; alert(num1^num2);//输出： 26 ；对两个数值的二进制写法进行比较，只有当相同位置上的数字只有一个1时，才返回1，有两个1或者都是0则返回0，然后转换成十进制数值； </script>发布者：全栈
日期 2023-06-12 10:48:40JavaScript 下载文件并保持原文件名称
大家好，又见面了，我是你们的朋友全栈君。<script> // 获取文件名 function fileNameFromHeader (disposition) { var result = null; if (disposition && /filename=.*/ig.test(disposition)) {
日期 2023-06-12 10:48:40JavaScript高级[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。一、高级函数 1、函数回调 函数回调的本质：在一个函数中，当满足一定的条件，回调函数会当作调用函数的参数传入 下面这个例子，faa作为回调函数，fbb作为调用函数。在JavaScript中内置的调用函数已经给我们写好了，我们只需写好fbb(回调函数)就好，就算你不写也不出错。<script> function faa(data) {
日期 2023-06-12 10:48:40javascript中Date常用方法[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。一、Date的构造函数有四种形式的Date构造函数：//1.构造函数没有参数，则返回当前日期的Date对象 var now=new Date(); //2.构造函数的参数为日期的毫秒数，返回距离1970年1月1日经过该毫秒后对应的日期 var date=new Date(1222233); //3.构造函数的参数为对应的日期字符串，返回对应的日期对象，其中年
日期 2023-06-12 10:48:402021JavaScript面试题（最新）不定时更新（2021.11.6更新）
大家好，又见面了，我是你们的朋友全栈君。 文章目录 说一下JS的基本数据类型null 和 undefined 的区别？介绍一下JavaScript 原型、原型链？原型链有什么特点？_Array 构造函数只有一个参数值时的表现？说一说其他值到字符串的转换规则？toString如何把对象转换成字符串/字符串和对象的相互转换。其他值到布尔类型的值的转换规则？其他值到数字值的转换规则？相等操作符
日期 2023-06-12 10:48:40JavaScript 正则表达式全面总结
大家好，又见面了，我是你们的朋友全栈君。如果您发现错误，请一定要告诉我，拯救一个辣鸡（但很帅）的少年就靠您了！本文适合有 JavaScript 基础 && 面向搜索引擎书写正则的人群。正则表达式是用于匹配字符串中字符组合的模式。正则表达式的模式规则是由一个字符序列组成的。包括所有字母和数字在内，大多数的字符都是直接按照直接量描述待匹配的字符。除此之外，正则表达式还有其他特殊语义的字
日期 2023-06-12 10:48:40JavaScript中几种常用的设计模式
大家好，又见面了，我是你们的朋友全栈君。设计模式：代码书写经验，为了应对各种场景，经过前人不断的总结，压缩，形成的一套又一套的代码的书写规范，形成了设计模式。1.单例模式单例模式是一种常用的设计模式，如果需要多次创建同一个对象，完成同一件事情，就会多次new出来很多个对象，而单例模式确保只有一个实例，并提供全局访问。var f = (function(){ var instance
日期 2023-06-12 10:48:40