zl程序教程

3.JavaScript

  • js高级技巧_JavaScript高级程序

    js高级技巧_JavaScript高级程序

    大家好,又见面了,我是你们的朋友全栈君。 下述内容主要讲述了《JavaScript高级程序设计(第3版)》第22章关于“高级技巧”。 一、高级函数函数是第一等公民,所有函数都是对象。1. 安全的类型检测JavaScript内置的类型检测机制并非完全可靠。var isArray = value instanceof Array;复制以上代码要返回true,value必须是一个数组,而且还必须与Ar

    日期 2023-06-12 10:48:40     
  • javascript typescript_typescript python

    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:40     
  • leetcode 斐波那契数列 javascript实现

    leetcode 斐波那契数列 javascript实现

    写一个函数,输入 n ,求斐波那契(Fibonacci)数列的第 n 项(即 F(N))。斐波那契数列的定义如下:F(0) = 0,   F(1) = 1 F(N) = F(N - 1) + F(N - 2), 其中 N > 1. 斐波那契数列由 0 和 1 开始,之后的斐波那契数就是由之前的两数相加而得出。答案需要取模 1e9+7(1000000007),如计算初始结果为:10000000

    日期 2023-06-12 10:48:40     
  • 20道常被问到的JavaScript题目

    20道常被问到的JavaScript题目

    字符串最长的不重复子串题目描述给定一个字符串 s ,请你找出其中不含有重复字符的 最长子串 的长度。 示例 1: 输入: s = "abcabcbb" 输出: 3 解释: 因为无重复字符的最长子串是 "abc",所以其长度为 3。 示例 2: 输入: s = "bbbbb" 输出: 1 解释: 因为无重复字符的最长子串是 &qu

    日期 2023-06-12 10:48:40     
  • 深入理解JavaScript位运算符

    深入理解JavaScript位运算符

    前言说起位运算符,各位一定是知道和二进制有关。但是我觉得,还是有大部分朋友对于位运算符还是比较陌生的,因为在实际的需求开发中这玩意几乎都没怎么用过,所以也就没有去过多的了解这东西。其实,对于业务层来说这玩意是用的不多,但是对于源码层,看过vue或者react源码的朋友一定知道,在标记的时候是有用到位运算符去做类型区分的,我觉得这是一种很实用并且机智的做法。所以,我觉得我们是需要去弄清楚位运算符到底

    日期 2023-06-12 10:48:40     
  • 20·灵魂前端工程师养成-JavaScript对象

    20·灵魂前端工程师养成-JavaScript对象

    JS对象基本用法JS对象的增删改查-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动

    日期 2023-06-12 10:48:40     
  • 17·灵魂前端工程师养成-JavaScript实现canvas画板

    17·灵魂前端工程师养成-JavaScript实现canvas画板

    利用JS做出画图板-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管

    日期 2023-06-12 10:48:40     
  • 16·灵魂前端工程师养成-JavaScript内存图

    16·灵魂前端工程师养成-JavaScript内存图

    操作系统常识JS引擎JavaScript的世界JavaScript的三座大山-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收

    日期 2023-06-12 10:48:40     
  • 25·灵魂前端工程师养成-JavaScript运算符

    25·灵魂前端工程师养成-JavaScript运算符

    JS运算符算数运算符比较运算符奇葩其他运算符运算符的优先级-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收集日志功能。 3

    日期 2023-06-12 10:48:40     
  • javascript常用工具类的封装

    javascript常用工具类的封装

    一、js数组工具类工具类方法MyArrayFn包含的方法如下判断一个元素是否在数组中遍历元素:相当于原生forEach方法遍历元素,对里面的每个值做处理再返回一个新的值:相当于原生map方法数组排序:从小到大、从大到小、随机去重求两个集合的并集求两个集合的交集删除其中一个元素最大值最小值求和平均值工具类代码// js数组工具类 class MyArrayFn { /*判断一个元素是否在数组

    日期 2023-06-12 10:48:40     
  • javascript trim_stripslashes()函数的作用

    javascript trim_stripslashes()函数的作用

    通过 PHP 验证表单数据 我们要做的第一件事是通过 PHP 的 htmlspecialchars() 函数传递所有变量。 在我们使用 htmlspecialchars() 函数后,如果用户试图在文本字段中提交以下内容: <script>location.href('http://www.hacked.com')</script> - 代码不会执行,因为

    日期 2023-06-12 10:48:40     
  • 【javascript】使用happypack和thread-loader加速构建「建议收藏」

    【javascript】使用happypack和thread-loader加速构建「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。使用happypack和thread-loader加速构建标签: webpack为什么需要happypack和thread loader webpack需要处理的文件是非常多的,构建过程是一个涉及大量文件读写的过程。项目复杂起来了,文件数量变多之后,webpack构建就会特别满,而且运行在nodeJS上的webpack是单线程模型的,也就是说Webpack一

    日期 2023-06-12 10:48:40     
  • javascript undefined_setvalidator

    javascript undefined_setvalidator

    大家好,又见面了,我是你们的朋友全栈君。 问题描述今天写一个取消收藏的功能遇到问题。取消收藏的流程是这样的:点击取消收藏后会做unshare的请求对项目取消收藏,等请求结束后会弹出窗口提示成功取消,然后发送获取收藏的请求,更新收藏内容状态。这时候出现了一个问题,当我对一个项目进行取消收藏后,更新过来的内容里还是有我取消的那个项目。开始以为是取消收藏失败了,但刷新之后重新获取的收藏内容里又成功

    日期 2023-06-12 10:48:40     
  • 前端面试ajax考点汇总_javascript常见面试题

    前端面试ajax考点汇总_javascript常见面试题

    大家好,又见面了,我是你们的朋友全栈君。 前端面试题总结(四)ajax篇1、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识)什么是ajax: AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。Ajax包含下列技术: 基于web标准(standards-basedpresentation)XHTML+C

    日期 2023-06-12 10:48:40     
  • JavaScript正则表达式简单教程「建议收藏」

    JavaScript正则表达式简单教程「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。1.常见的正则表达式符号?.匹配除换行符以外的任意字符\w匹配字母或数字或下划线或汉字\s匹配任意的空白符\d匹配数字\b匹配单词的开始和结束^匹配字符串的开始$匹配字符串的结束*重复零次或更多次+重复一次或更多次?重复零次或一次{n}重复n次{n,}重复n多次{n,m}重复n到m词\W匹配任意不是字母,数字,下划线,汉字的字符\S匹配任意不是空白符的字符\

    日期 2023-06-12 10:48:40     
  • 对ajax的理解面试题_javascript面试题大全

    对ajax的理解面试题_javascript面试题大全

    大家好,又见面了,我是你们的朋友全栈君。前两天面试的时候,面试官问我,你掌握的技能是Ajax,那你给我讲一下它的基本原理吧! 妈呀,瞬间脑子空白。当时在门口背了好久的网络知识点,一时竟然说不吃话,只记得什么异步通信,同步数据,面试官的笑让我不寒而栗…………今天整体的整理一遍Ajax的知识点吧。Ajax 的全称是Asynchronous JavaScript and XML(异步的JavaScrip

    日期 2023-06-12 10:48:40     
  • JSON 和 JavaScript 中字符串化的怪象

    JSON 和 JavaScript 中字符串化的怪象

    前言在我刚开始学习web开发时,JSON是看起来很简单的一个东西。因为JSON字符串看起来就像一个文本,JavaScript对象的的最小子集。在我职业生涯的早期,我从来没有花时间去好好研究这种数据格式。我仅仅只是使用JSON.stringify和JSON.parse,直到出现意外的错误。在这篇文章中,我想:总结一下我在JavaScript中使用JSON(更确切的说是JSON.stringifyAP

    日期 2023-06-12 10:48:40     
  • JavaScript 异步函数的 Promisification 处理

    JavaScript 异步函数的 Promisification 处理

    Promisification 是一个很长的词,表示一个编程范式的转变,即将接受回调的函数转换为一个返回类型为 Promise 的函数。我们现实的开发项目中经常需要这种转换,因为许多函数和库都是基于回调的,但是 Promise 更方便,所以对它们进行 Promisification 处理是有意义的。下面是一个简单的例子。function loadScript(src, callback) {

    日期 2023-06-12 10:48:40     
  • Javascript-HTML to PDF

    Javascript-HTML to PDF

    Background Requirement Usage Chrome IE10 IE11 IE9? IE8???? References Background 某个作死的导出 PDF 的业务需求,要求兼容 IE 和 ChromeRequirementjspdf.js1 V1.0.272此版本支持 IE10 IE10+ Chrome最新版本可能出现 IE10 兼容问题Usage 一开始以为只是简

    日期 2023-06-12 10:48:40     
  • JavaScript小技能:事件

    JavaScript小技能:事件

    引言事件能为网页添加真实的交互能力,它可以捕捉浏览器操作并运行相关代码做为响应。I 预备知识1.1 箭头函数const add = (num1, num2) => num1 + num2; //`匿名函数`: 因为它没有名字,匿名函数还有另一种我们称之为`箭头函数`的写法,箭头函数使用` () => `代替 `function ()`:复制1.2 事件模型 JavaScript 在不

    日期 2023-06-12 10:48:40     
  • JavaScript进阶-01

    JavaScript进阶-01

    JavaScript 进阶 - 第1天 学习作用域、变量提升、闭包等语言特征,加深对 JavaScript 的理解,掌握变量赋值、函数声明的简洁语法,降低代码的冗余度。 理解作用域对程序执行的影响能够分析程序执行的作用域范围理解闭包本质,利用闭包创建隔离作用域了解什么变量提升及函数提升掌握箭头函数、解析剩余参数等简洁语法一、作用域 了解作用域对程序执行的影响及作用域链的查找机制,使用闭包函数创建

    日期 2023-06-12 10:48:40     
  • JavaScript进阶-02

    JavaScript进阶-02

    JavaScript 进阶 - 第2天 了解面向对象编程的基础概念及构造函数的作用,体会 JavaScript 一切皆对象的语言特征,掌握常见的对象属性和方法的使用。 了解面向对象编程中的一般概念能够基于构造函数创建对象理解 JavaScript 中一切皆对象的语言特征理解引用对象类型值存储的的特征掌握包装类型对象常见方法的使用一、深入对象 了解面向对象的基础概念,能够利用构造函数创建对象。

    日期 2023-06-12 10:48:40     
  • 如何用 JavaScript 下载文件

    如何用 JavaScript 下载文件

    大家好,又见面了,我是你们的朋友全栈君。 简介 我们知道,下载文件是一个非常常见的需求,但由于浏览器的安全策略的限制,我们通常只能通过一个额外的页面,访问某个文件的 url 来实现下载功能,但是这种用户体验非常不好。 幸好,HTML 5 里面为 <a> 标签添加了一个 download 的属性,我们可以轻易的利用它来实现下载功能,再也不需要用以前的笨办法了。 原理

    日期 2023-06-12 10:48:40     
  • JavaScript 中的树型数据结构

    JavaScript 中的树型数据结构

    实现和遍历技术作者:Anish Kumar 译者:同学小强 来源:stackfullTree 是一种有趣的数据结构,它在各个领域都有广泛的应用,例如:DOM 是一种树型数据结构我们操作系统中的目录和文件可以表示为树家族层次结构可以表示为一棵树树有很多变体(如堆、 BST 等) ,可用于解决与调度、图像处理、数据库等相关的问题。许多复杂的问题可能看起来和树没有关系,但是实际上可以表示为一个问题。我们

    日期 2023-06-12 10:48:40     
  • HTML、CSS、JavaScript学习总结

    HTML、CSS、JavaScript学习总结

    大家好,又见面了,我是你们的朋友全栈君。学习总结HTML网站开发的主要原则是:– 用标签元素HTML描述网页的内容结构;– 用CSS描述网页的排版布局;– 用JavaScript描述网页的事件处理,即鼠标或键盘在网页元素上的动作后的程序HTML(Hyper Text Mark-up Language 超文本标记语言)的缩写,是最基础的网页语言 。 Html是通过标签来定义的语言,代码都是由标签所组

    日期 2023-06-12 10:48:40     
  • 如何利用Javascript发送GET/POST请求「建议收藏」

    如何利用Javascript发送GET/POST请求「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。 文章目录基于JQuery的GET/POST数据提交方式$.get(url, data, callback)$.post(url, data, callback)使用Javascript/form提交GET/POST数据提交方式基于JQuery的GET/POST数据提交方式如果初学Javascript,对于JQuery可能会跟我一样完全不清楚,所以适当的

    日期 2023-06-12 10:48:40     
  • JavaScript控制audio播放与暂停

    JavaScript控制audio播放与暂停

    心累啊~~今天不不讲php了,我们来说一说JavaScript,为什么要说他呢,因为甲方提了一个需求让我来完成。 大概的需求就是要在网页里显示一个录音列表,要求可以播放,可以暂停,我当时一看,这也简单啊,直接异步请求后端,获取到录音文件地址通过audio播放就可以了。 但是怎么实现播放和暂停呢,我就开始了我的各种尝试,因为是异步加载audio的src属性,基本上方法都用不了,哪怕是度娘上的方法,也

    日期 2023-06-12 10:48:40     
  • 12 个常用的 JavaScript 函数

    12 个常用的 JavaScript 函数

    这篇文章一共收集了12个在日常开发中非常常用的函数,或简单或复杂,但或多或少对大家都有所帮助,建议先收藏哦!01 【生成随机颜色】你的网站是否需要生成随机颜色?下面一行代码就可以简单实现。const generateRandomHexColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16)}` console.lo

    日期 2023-06-12 10:48:40     
  • JavaScript——二叉树层序遍历

    JavaScript——二叉树层序遍历

    大家好,又见面了,我是你们的朋友全栈君。 题目描述给你一个二叉树,请你返回其按 层序遍历 得到的节点值。 (即逐层地,从左到右访问所有节点)。示例 二叉树:[3,9,20,null,null,15,7], 3 / \ 9 20 / \ 15 7复制返回其层序遍历结果:[ [3], [9,20], [15,7] ]复制递归实现代码 var le

    日期 2023-06-12 10:48:40     
  • JavaScript换行符的使用[通俗易懂]

    JavaScript换行符的使用[通俗易懂]

    大家好,又见面了,我是你们的朋友全栈君。JavaScript中的三种输出方式document.write() 页面上输出console.log() 控制台输出alert() 弹窗输出其中 document.write() 输出内容中换行需要使用HTML中的标签使用</br>,在其中键入\n,不会显示,但也不会有换行效果。document.write()当直接键入\n时: docu

    日期 2023-06-12 10:48:40     
  • 前端测试题:(解析)下面不是JavaScript由组成部分的是?

    前端测试题:(解析)下面不是JavaScript由组成部分的是?

    考核内容: js基础 题发散度: ★试题难度: ★解题:我们已经知道, ECMAScript是JavaScript的标准,所以一般情况下这两个词我们认为是一个意思。但是,实际上JavaScript的含义更大一些。一个完整的JavaScript实现应该有以下三个部分构成 :ECMAScript : JavaScript的核心部分。浏览器和nodejs都可以使用JavaScript BOM:负责与浏

    日期 2023-06-12 10:48:40