JavaScript
Z.Meng
一个前端搬砖工程师
展开
-
JavaScript罗马数字转整数
罗马数字包含以下七种字符: I, V, X, L,C,D 和 M。字符 数值I 1V 5X 10L 50C 100D 500M 1000例如, 罗马数字 2 写做 II ,即为两个并列的 1。12 写做 XII ,即为 X + II 。 27 写做 XXVII, 即为 XX + V + II 。通常情转载 2021-06-08 11:06:45 · 611 阅读 · 0 评论 -
JavaScript判断一个数值是否为回文数
给你一个整数 x ,如果 x 是一个回文整数,返回 true ;否则,返回 false 。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。例如,121 是回文,而 123 不是。示例 1:输入:x = 121输出:true示例 2:输入:x = -121输出:false解释:从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。示例 3:输入:x = 10输出:false解释:从右向左读, 为 01 。因此它不是一个回文数。示例 4原创 2021-06-08 10:05:10 · 1747 阅读 · 1 评论 -
递归之Json数据扁平化
使用递归完成结构复杂的多维Json某一数据查找假设有这样一个场景,一个结构复杂的多维Json,你不确定它的下标索引,不确定它的嵌套多少层,只能通过某一属性的属性值来确定它是你要完成业务...原创 2020-11-18 17:35:53 · 664 阅读 · 0 评论 -
JavaScript之深克隆与浅克隆
JavaScript之深克隆与浅克隆一.JavaScript中的内存管理在JS中,每一个数据都需要一个内存空间。内存空间又被分为两种。 栈内存(stock) 堆内存(heap)堆栈空间分配区别:栈:由操作系统自动分配释放存放函数的参数值,局部变量的值等。简单数据类型存放到栈里面。堆:存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。复杂数据类型存放到堆里面。注意:JavaScript中没有堆栈概念,通过栈堆的方式,可以让大家更容易理解代码的一些执.原创 2020-10-11 20:26:01 · 1126 阅读 · 0 评论 -
JavaScript之防抖节流函数
JavaScript之防抖节流函数所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次(最后一次),如果在 n 秒内又触发了事件,则会重新计算函数执行时间。防抖函数: var num = 0; //防抖函数 debound function debound(callback, wait) { let timer = null return function() { clearTimeout(timer)原创 2020-10-09 19:45:08 · 424 阅读 · 0 评论 -
JavaScript中的懒加载(原理简单,代码全网最精简)
JavaScript中的懒加载一.为什么要使用懒加载?像淘宝网站等,页面中有着大量图片,一次性全部加载这些图片会使浏览器发送大量请求和造成浪费。采用懒加载技术,即用户浏览到哪儿,就加载该处的图片。这样节省网络资源、提升用户体验、减少服务器压力。图片懒加载优势:增强用户体验优化代码减少http的请求减少服务器端压力服务器的按需加载图片懒加载原理:先将图片的src设置为同一张图片或者不设置,同时给img标签设置一个特殊属性,例如:data-src用于存放图片的真实预览地址;若图片未进.原创 2020-09-21 23:29:43 · 713 阅读 · 0 评论 -
深入理解JavaScript执行栈
深入理解JavaScript执行栈一.什么是执行栈?在JavaScript当中函数一旦过多,就有多个函数执行上下文,每次调用函数创建一个新的执行上下文,那如何管理创建的那么多执行上下文呢?JavaScript 引擎创建了执行上下文栈来管理执行上下文。可以把执行上下文栈认为是一个存储函数调用的栈结构,遵循先进后出的原则。执行栈: call stack 一种结构,放的是函数的执行环境,每一次函数执行之前,他的所有内容全部会放到执行栈中,函数调用之前,会创建执行环境,放到执行栈当中,函数调用完成,销.原创 2020-09-02 15:49:16 · 1660 阅读 · 0 评论 -
JavaScript-实战开发常用的数组方法,让编程不再成为你的难题
JavaScript的数组方法1.forEach()方法原创 2020-08-13 18:52:32 · 163 阅读 · 0 评论 -
Jquery中的常用方法一(内附详细注释与源码实例)
Jquery中的常用方法一.什么是Jquery?jQuery是一个快速、简洁的JavaScript框架,jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。通俗的来讲JavaScript库,封装了一堆的js函数(JS库)Jquery的优势:1.完全不需要再去使用原生的DOM操作了2.非常多的重用函数,简化原创 2020-07-30 20:33:23 · 415 阅读 · 0 评论 -
JavaScript中的经典题型(数组归类、预编译、时间线、冒泡排序、异步加载、附带思路流程和源码)
JavaScript中的经典题型一.JavaScript中的经典题型1、position几个常见属性的作用是什么?relative 相对定位,相对于自身元素定位,一般只是设置,配合absolute使用absolute 绝对定位,相对于有定位最近的元素进行定位,一般情况是和relative一起使用fixed 固定定位,相对于浏览器的窗口进行定位2、标签上的title和alt属性的区别是什么?title是大部分标签都有的属性,鼠标移入上去提示alt属性是img标签的属性,当图片加载失败时显示原创 2020-07-28 20:06:53 · 180 阅读 · 0 评论 -
JavaScript中的经典题型(类数组、CSS Sprites、事件委托、经典去重、原型链、闭包、深浅克隆、附带思路流程和源码)
JavaScript中的经典题型一.JavaScript中的经典题型1..如何判断一个数组和类数组?首先要明白什么是类数组。类数组:类数组是一个普通对象,他的原型是Object。而真实的数组是Array类型。在JS中的所有对象都是继承自Object对象的,所以可以通过Object对象的原型Object.prototype.toString.call()方法来判断是数组还是类数组2.阐述一下CSS Sprites及其优点CSS Sprites在国内很多人叫精灵图,是一种网页图片应用处理方式,原创 2020-07-21 19:00:46 · 374 阅读 · 0 评论 -
JavaScript中函数的生命周期与预编译
JavaScript异步加载一.JavaScript中函数的生命周期1.当函数被声明时,它的作用域链就已经被确定了。此时将保存在作用域链中(这就是函数能记住自己出生环境的原因)。2.函数的调用创建自己的执行上下文(预编译)。复制属性,创建作用域链用arguments创建活动对象,初始化变量将活动对象押入作用域顶端函数代码块执行作用域链中的值3.函数的终结执行上下文(预编译)出栈浏览器销毁未被引用的值二.JavaScript中的预编译1.JavaScript是一种单线程异步(详情原创 2020-07-15 20:23:00 · 1240 阅读 · 0 评论 -
JavaScript的三种异步加载方式
一.论道JS之异步加载刚刚看到有小伙伴私信我说,小编咱能不能不要整天这么花里胡哨,能不能上一些偏向原理性的知识,好的呢~,这就满足你的愿望,今天他来了《论道JS之异步加载》。1....原创 2020-07-14 20:19:00 · 726 阅读 · 0 评论