![](https://img-blog.csdnimg.cn/20200616094719214.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
JavaScript的一些小零碎
帅帅邬同学
星辰和大海都需要门票,诗和远方的路费也都很贵,就好像我稍不努力连情怀都养不起!
展开
-
举例说明子串和子序列的区别 !!!
定义:子串:必须连续子序列:可以不连续举个栗子给定字符串 "asdfghj"子串是asd,asdf等很多个子串, 是连在一起的。子序列是 asf,adf等很多个子序列 ,子序列中的字符在字符串中不一定是连在一起的。怎么样,是不是很简单,你学会了吗 ?如果这篇文章能够帮助到您,希望您不要吝惜点赞 ???????? 和收藏 ????????,您的支持是我继续努力的动力 ????????!!!...原创 2021-01-16 21:10:38 · 5952 阅读 · 2 评论 -
JavaScript 中遇到 “null instanceof Object ” 的返回值为什么是 false 呢 ???
起因:一探究竟:1. 这是一个历史遗留问题,对于Null类型的值(只有null),typeof null是出了一个bug, 就是返回"Object"这个字符串。 2. Null 和 Object 不是一个数据类型,null 值并不是以 Object 为原型创建出来的。 所以null instanceof Object是false。但 null 确实是javascript中 用来表示空引用的一个特殊值。使得它不是instanceof Ojbect, 而typeof nul原创 2021-01-16 21:00:26 · 1107 阅读 · 0 评论 -
JavaScript实现-LeetCode刷题-【有效的括号】-第20题!!!
题目:LeetCode题目链接题目截图:解题步骤:1.新建一个栈2.扫描字符串,遇左括号入栈,遇到和栈顶括号类型匹配的右括号就出栈, 类型不匹配直接判定为不合法3.最后栈空了就合法,否则不合法代码:// 第一种方式var isValid = function (s) { if (s.length % 2 === 1) return false; // 字符串的长度是奇数 const stack = []; for (let i = 0; i < s.length原创 2020-12-27 17:15:05 · 235 阅读 · 0 评论 -
JavaScript实现-LeetCode刷题-【对称二叉树】-第101题!!!
题目:LeetCode题目链接题目截图:解题步骤:符合分而治之的特点1.分:获取两个树的左子树和右子树2.解:递归地判断树1的左子树和树2的右子树是否镜像,树1的右子树和树2的左子树是否镜像3.合:如果上述都成立,且根节点值也相同,两个树就镜像代码:/** * Definition for a binary tree node. * function TreeNode(val) { * this.val = val; * this.left = this.rig原创 2020-12-26 17:56:56 · 247 阅读 · 4 评论 -
JavaScript实现-LeetCode刷题-【相同的树】-第100题!!!
前言:“吾日三省吾身”,出自《论语·学而》。曾子在回答孔子提问时说:“吾日三省吾身:为人谋而不忠乎?与朋友交而不信乎?传不习乎?”曾子每天都多次自觉省察自己,查看为别人做的事是否尽心竭力,与朋友交往是否诚心诚意,老师传授的学业是否温习了。要想成为一名合格的前端程序员,我们就得有一个持续学习的好习惯,索性我们就用一题对应一省,不积跬步无以至千里,不积细流无以成江海,坚持的力量是巨大的,每日三题,不多也不少,我会努力做到每天更新,希望能和大家一起坚持下去,互相监督,一起成为更厉害的大人和更可爱的小孩啊!原创 2020-12-26 16:39:08 · 246 阅读 · 4 评论 -
ES6的模板字符串这么好用,自己动手实现一个类模板字符串吧!!!
使用gulp压缩图片第一步:cnpm i gulp-livereload -Dcnpm i -g http-server第二步:书写gulpfile.js文件:代码如下:const gulp=require('gulp');const livereload=require('gulp-livereload');const babel=require('gulp-babel');const uglify=require('gulp-uglify');const concat=requi原创 2020-08-13 10:21:23 · 513 阅读 · 0 评论 -
JavaScript中,函数声明与函数表达式的区别是什么呢?
atom自动保存!!!废话不多说,直接来!!!第一步:来到设置里面,点击安装,如下图所示!!!第二步:输入 autosave,就会出现下图所示的界面!!!第三步:点击Settings,将Enabled勾选上!!!此时就大功告成了!!!怎么样,是不是很简单呢???自己动手操作一下吧!!!如果这篇文章能够帮助到您,希望您不要吝惜点赞????????和收藏????????,您的支持是我继续努力的动力 ????????!!!...原创 2020-08-14 21:12:02 · 120 阅读 · 0 评论 -
前端算法和数据结构经典荟萃,走过路过千万不要错过 !!!
前端算法和数据结构复杂度空间复杂度,时间复杂度数组搜索复杂度删除复杂度新增复杂度新增复杂度日常用的最多。链表搜索复杂度删除复杂度新增复杂度集合hash表js的对象,就是hashTable的⼀一种实现hash碰撞存储复杂度栈栈是一种遵从先进后出 (LIFO) 原则的有序集合方法调用,作用域队列队列是一种遵从先进先出 (LIFO) 原则的有序集合树树的遍历 ⽐比如虚拟dom树图闭合的树排序冒泡依次遍历,交换位置fun原创 2020-06-16 16:30:49 · 177 阅读 · 0 评论 -
axios快速上手及ES6简单的模块化 !!!
axios什么是 axios?Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。基本使用Axios.method('url',[,..data],options).then(function(res){ }).catch(function(err) { } )合并请求this.$axios.all([请求1,请求2]) .then(this.$axios.spread(function(res1,res2){原创 2020-06-16 14:58:49 · 462 阅读 · 0 评论 -
关于Vue.js中的路由(Vue-router),你想知道的都在这里 !!!
路由路由原理传统开发方式 url改变后 立刻发起请求,响应整个页面,渲染整个页面。SPA 锚点值改变后 不会发起请求,发起ajax请求,局部改变页面数据,页面不跳转, 用户体验更好。SPAsingle page application(单页应用程序)前端路由锚点值监视ajax获取动态数据核心点是锚点值前端框架 Vue/angular/react都很适合开发单页应用基本使用vue-router其是vue的核心插件1: 下载 npm i vue-router -S原创 2020-06-16 14:38:30 · 430 阅读 · 0 评论 -
打开Vue.js的大门 ---- 梦开始的地方 !!!
Ready Go !!!vue基础(1).历史介绍angular 09年,年份较早,一开始大家是拒绝的。react 2013年, 用户体验好,直接拉到一堆粉丝。vue 2014年, 用户体验好。(2).前端框架与库的区别?jquery 库 -> DOM(操作DOM) + 请求art-template 库 -> 模板引擎框架 = 全方位功能齐全简易的DOM体验 + 发请求 + 模板引擎 + 路由功能KFC的世界里,库就是一个小套餐, 框架就原创 2020-06-16 10:22:09 · 190 阅读 · 0 评论 -
Deno终于来了!!!Kill Node.js ???
这几天假期,我学习了一下 Deno。它是 Node.js 的替代品。有了它,将来可能就不需要 Node.js 了。这篇文章就是 Deno 的一个初步介绍,尝试回答为什么 Node.js 不能满足需要,以及 Deno 能够带给我们什么?以下内容主要基于 Bert Belder 和 Ryan Dahl 的最新演讲。0、进入主题之前,先说一下 Deno 这个词怎么发音。两种发音,"德诺"和"蒂诺",我都听到过。看起来,"蒂诺"这个发音应该更合适一些,因为 Deno 的标志是一只恐龙。恐龙(din...转载 2020-05-26 20:07:52 · 283 阅读 · 0 评论 -
什么是客户端和服务器 ???
认识客户端与服务器开发好的网页放在那里 ?通过浏览器查看一个网页,使用调试工具查看页面信息客户端与服务器对比客户端浏览器、app、应用软件服务器提供网络服务的计算机(网页/下载/邮件…如果这篇文章能够帮助到你,希望您不要吝惜点赞 ,您的支持是我继续努力的动力 !!!...原创 2020-05-06 10:32:20 · 1304 阅读 · 0 评论 -
jQuery--写更少的代码,做更多的事情!!!(三)
插件常用插件插件:jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。jQuery有着丰富的插件,使用这些插件能给jQuery提供一些额外的功能。jquery.color.jsanimate不支持颜色的渐变,但是使用了jquery.color.js后,就可以支持颜色的渐变了。使用插件的步骤1. 引入jQuery文件2. 引入插件(如果有用到css的话,...原创 2020-05-05 14:39:50 · 365 阅读 · 2 评论 -
jQuery--写更少的代码,做更多的事情!!!(二)
jQuery特殊属性操作val方法val方法用于设置和获取表单元素的值,例如input、textarea的值//设置值$("#name").val(“张三”);//获取值$("#name").val();【案例:京东搜索.html】<!DOCTYPE html><html lang="zh-CN"><head> <meta c...原创 2020-05-05 14:32:48 · 222 阅读 · 0 评论 -
jQuery--写更少的代码,做更多的事情!!!(一)
jQuery基本概念目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。为什么要学习jQuery?【01-让div显示与设置内容.html】(原生JS的方式)<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8">...原创 2020-05-05 14:19:53 · 444 阅读 · 0 评论 -
想要彻底搞清楚JavaScript中的函数,你还得知道这些!!!
函数进阶函数的定义方式函数声明函数表达式new Function函数声明function foo () {}函数表达式var foo = function () {}函数声明与函数表达式的区别- 函数声明必须有名字- 函数声明会函数提升,在预解析阶段就已创建,声明前后都可以调用- 函数表达式类似于变量赋值- 函数表达式可以没有名字,例如匿名函数- 函数表...原创 2020-05-02 10:25:48 · 133 阅读 · 0 评论 -
什么是JavaScript中的继承???
继承什么是继承 ?现实生活中的继承程序中的继承构造函数的属性继承:借用构造函数function Person (name, age) { this.type = 'human' this.name = name this.age = age}function Student (name, age) { // 借用构造函数继承属性成员 Person.call(...原创 2020-05-02 10:10:07 · 138 阅读 · 0 评论 -
JavaScript中的原型,让代码变得更加简洁优雅!!!
原型内容引导:- 使用 prototype 原型对象解决构造函数的问题- 分析 构造函数、prototype 原型对象、实例对象 三者之间的关系- 属性成员搜索原则:原型链- 实例对象读写原型对象中的成员- 原型对象的简写形式- 原生对象的原型 + Object + Array + String + ...- 原型对象的问题- 构造的函数和原型对象使用建议更...原创 2020-05-02 10:06:52 · 137 阅读 · 0 评论 -
JavaScript中,你不知道的面向对象编程!!!
JavaScript 面向对象编程面向对象介绍什么是对象Everything is object (万物皆对象)对象到底是什么,我们可以从两次层次来理解:(1) 对象是单个事物的抽象。一本书、一辆汽车、一个人都可以是对象,一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。...原创 2020-05-02 09:45:38 · 109 阅读 · 0 评论 -
深入学习JavaScript中的canvas绘图(下)!!!
圆弧绘制弧度概念1.什么是弧度 是一种长度的描述单位2.一个弧度怎么去描述 一个圆有多少个弧度 2 * π3.一弧度有多长 一个弧度一个半径的长度角度:一个圆是360度半径:已一个点为中心多长为放射半径周长:2 * π * r最终的结论:一个角度等于多少弧度 π/180- arc() + x 圆心横坐标 + y 圆心纵坐标 + r...原创 2020-04-29 20:24:26 · 1072 阅读 · 0 评论 -
深入学习JavaScript中的canvas绘图(上)!!!
Canvascanvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。Canvas初...原创 2020-04-29 20:01:09 · 606 阅读 · 0 评论 -
浅析JavaScript中的正则表达式 !!!
正则表达式了解正则表达式基本语法能够使用JavaScript的正则对象正则表达式简介什么是正则表达式 ?正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,...原创 2020-04-29 15:13:22 · 153 阅读 · 0 评论 -
你不知道的JavaScript中的闭包!!!
闭包函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起构成闭包(closure)。也就是说,闭包可以让你从内部函数访问外部函数作用域。在 JavaScript 中,每当函数被创建,就会在函数生成时生成闭包。词法作用域先看一下这段代码 :function init() { var name = "Mozilla"; // name 是一个被 i...原创 2020-04-29 11:59:47 · 217 阅读 · 0 评论 -
JavaScript中String.prototype.toString() 和 Object.prototype.toString() 的区别!!!
Object.prototype.toString()先来看一个小例子:function Dog(name) { this.name = name;}const dog1 = new Dog('boy');Dog.prototype.toString = function dogToString() { return '' + this.name;}console.lo...原创 2020-04-29 11:32:37 · 641 阅读 · 0 评论 -
JavaScript中如何将伪数组(类数组)转换为数组???
伪数组和数组在JavaScript中,除了5种原始数据类型之外,其他所有的都是对象,包括函数(Function)。对象与数组的关系在说区别之前,需要先提到另外一个知识,就是 JavaScript 的原型继承。所有 JavaScript 的内置构造函数都是继承自 Object.prototype 。在这个前提下,可以理解为使用 new Array() 或 [] 创建出来的数组对象,都会...原创 2020-04-29 09:14:57 · 1077 阅读 · 0 评论 -
JavaScript中立即执行函数的写法,千万不能够错过!!!
什么是立即执行函数?JavaScript立即执行函数可以让你的函数在创建后立即执行,这种模式本质上就是函数表达式(命名的或者匿名的),在创建后立即执行。( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法为什么要有立即执行函数?(优点)1. 不必为函数命名,避免了污染全局变量2. IIFE 内部形成了一个...原创 2020-04-28 21:56:40 · 425 阅读 · 0 评论 -
前端面试中必问的apply()、bind()、call()的用法及区别!!!
call、apply、bind我们知道有些情况下我们为了使用某种特定环境的 this 引用,这时候我们就需要采用一些特殊手段来处理了,例如我们经常在定时器外部备份 this 引用,然后在定时器函数内部使用外部 this 的引用。然而实际上对于这种做法我们的 JavaScript 为我们专门提供了一些函数方法用来帮我们更优雅的处理函数内部 this 指向问题。这就是接下来我们要学习的 cal...原创 2020-04-27 21:19:30 · 580 阅读 · 0 评论 -
这一次,彻底搞清楚JavaScript中的事件!!!
事件事件:触发-响应机制Event接口表示在DOM中发生的任何事件,一些是用户生成的(例如鼠标或键盘事件),而其他由API生成。事件三要素事件源:触发(被)事件的元素事件类型:事件的触发方式(例如鼠标点击或键盘点击)事件处理程序:事件触发后要执行的代码(函数形式)事件的基本使用var box = document.getElementById('box');box.onc...原创 2020-04-21 20:53:15 · 96 阅读 · 0 评论 -
详解JavaScript中的BOM和DOM!!!
Web APIWeb API介绍API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)API的使用方法(console.log())We...原创 2020-04-21 20:42:22 · 300 阅读 · 0 评论 -
JavaScript中的内置对象及API的简单使用(下)
内置对象JavaScript中的对象分为3种:内置对象、浏览器对象、自定义对象JavaScript 提供多个内置对象:Math/Array/Number/String/Boolean…对象只是带有属性和方法的特殊数据类型。学习一个内置对象的使用,只要学会其常用的成员的使用(通过查文档学习)可以通过MDN/W3C来查询内置对象的方法很多,我们只需要知道内置对象提供的常用方法,使用的时候查...原创 2020-04-17 13:34:16 · 212 阅读 · 0 评论 -
JavaScript中的对象及对象的存储方式(上)
对象为什么要有对象function printPerson(name, age, sex....) {}// 函数的参数如果特别多的话,可以使用对象简化function printPerson(person) { console.log(person.name); ……}什么是对象现实生活中:万物皆对象,对象是一个具体的事物,一个具体的事物就会有行为和特征。举例: 一部...原创 2020-04-17 13:13:01 · 5063 阅读 · 1 评论 -
揭开JavaScript中函数的面纱!!!
函数为什么要有函数如果要在多个地方求1-100之间所有数的和,应该怎么做?什么是函数把一段相对独立的具有特定功能的代码块封装起来,形成一个独立实体,就是函数,起个名字(函数名),在后续开发中可以反复调用函数的作用就是封装一段代码,将来可以重复使用函数的定义函数声明function 函数名(){ // 函数体}函数表达式var fn = function(...原创 2020-04-17 12:59:28 · 118 阅读 · 0 评论 -
想成为前端大神?你得先知道这些!!!
JavaScript基础JavaScript介绍JavaScript是什么?Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。JavaScript与Java名称上的近似...原创 2020-04-17 11:13:30 · 307 阅读 · 0 评论