![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript原生之美
文章平均质量分 76
飞翔在蓝天下的蜂鸟
越努力,越幸运
展开
-
javascript实现Stack(栈)数据结构
上一篇文章我们理解了List这种数据结构,知道了它的特点和一些使用场景,这篇文章我们就来看一下栈这种数据结构,这里的栈可不是客栈哦,哈哈栈其实和List非常像,使用javascript实现都是基于数组来实现。原创 2023-12-08 14:21:08 · 648 阅读 · 0 评论 -
javascript实现List列表数据结构
有幸拜读《数据结构与算法Javascript描述》这本书,先强烈安利一波!全书从javascript的角度出发,简单明了的分析了数据结构在javascript领域的实现过程与实际的应用案例,且在每一章的结尾,都给大家留了一些书中案例相关的小作业,让大家可以实操消化,是一本实实在在可以带领大家入门数据结构与算法的神书,再次强烈推荐!!!那么,如何使用javascript实现一个列表呢?作为一名前端开发人员,大家的第一反应肯定都是利用数组,但我们可以利用数组做些什么呢?原创 2023-12-06 17:47:13 · 887 阅读 · 0 评论 -
JavaScript-数组操作方法汇总
一直以来都想把js中操作数组的所有方法进行一个汇总,今天终于完成了,希望可以给大家带来一些便利!一、ES5数组操作方法转换方法toString():返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串toLocaleString(): 与toString()功能一样,但底层调用但是toLocaleString()方法valueOf():返回数组join():只接收一个参数,即用作分隔符的字符串,然后返回包含所有数组项的使用传入分隔符拼接的字符串。var peoples = ["D原创 2021-03-17 21:17:30 · 456 阅读 · 0 评论 -
原生js封装ajax请求
一个完整的ajax请求封装,适用场景:get 请求post请求表单提交方式表单上传文件function ajax(options) { var method = options.method || 'get'; //请求方法,默认get var url = options.url || ''; //请求url var succFn = options.succ...原创 2019-07-08 17:18:34 · 467 阅读 · 0 评论 -
javascript——使用new Date进行时区转换
近段时间,由于某种原因我一直在研究js不同地区不同时区之间的时间换算。北京时间早上9点,在其他地区可能已经是夜晚了。我们都知道,国内统一使用的都是北京时间,但在国外,不仅因时区不同而有时间差异,同一地区还存在夏令时冬令时的时间差异,如果程序上涉及时间上的计算,要千万小心了。一、将当前所在地区时间转换为UTC时间二、将某一固定时间转换为UTC时间三、将UTC时间转换为当前所在地区时间四、两...原创 2019-04-02 17:22:50 · 53661 阅读 · 1 评论 -
JavaScript——数据属性和访问器属性
在javascript中,数据属性和访问器属性原创 2018-12-28 16:51:24 · 1239 阅读 · 0 评论 -
JavaScript——滚轮事件的浏览器兼容处理
js中的滚轮事件onmousewheel和滚动事件onscroll是两个不同的事件,这一点一定要区分开。一个很好的表现为:当我们在使用鼠标滚轮滑动滚动条的时候,滚轮事件和滚动事件会同时进行,但如果只是鼠标右键拖动滚动条,则只会触发滚动事件...原创 2018-08-08 14:58:17 · 1861 阅读 · 3 评论 -
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
关于js中的offsetWidth、clientWidth、scrollWidth等一系列属性及其方法一直都傻傻分不清,这里就来总结一下这些方法的用法和含义。注意: 下面元素属性和元素方法都通过 elem.属性 或 elem.方法 的方式使用,window属性通过 window.属性 的方式使用,document属性则通过document调用。<script> /* ...原创 2018-07-26 17:47:38 · 88947 阅读 · 9 评论 -
JavaScript——this的理解和call、apply、bind的使用
JavasScript中,this是一个很神奇的关键字,有时候,我们可能会看到一大堆this而把头的绕晕了,不过,只要理解了this的,相信以后就不会把自己绕进去了。这里,记录一下我对于this的理解和this相关运用。一、理解thisJavascript中this总是指向调用它所在方法的对象。this的值通常是由所在函数的执行环境决定,也就是说要看函数是如何被调用的。同一个函数每一次调用...原创 2018-07-20 09:49:46 · 918 阅读 · 0 评论 -
JavaScript——ES5和ES6面向对象编程实现继承
ES5实现继承es5实现继承有很多种方式,具体可查看《javascript高级程序设计》这本书,网上也有很多关于其他继承实现的具体介绍。这里我只列举了一种最优方式。ES6实现继承一个简单的实例html:<div id="alert"> <div id="info"&am原创 2018-07-19 14:20:06 · 1629 阅读 · 1 评论 -
猜猜javascript中的数值调用toString()方法会发生什么?
在js中,使用toString()方法可以将一个值转换成字符串,javascript中除了Undefined和Null,数值、布尔值、字符串、对象这几种数据类型都有一个toString()方法。对于数值和布尔值调用toString()方法相信大家都知道结果了,现在,我们一起来看看数值类型的数据调用toSring()方法会发生什么吧,准备好了吗?或许,你真的没有想到哦!数值调用toString...原创 2018-06-01 17:11:42 · 988 阅读 · 0 评论 -
原生js获取DOM对象的几种方法
通过id获取<div id="box"></div><script> let box= document.getElementById("box");</script&a原创 2018-06-15 18:24:04 · 57964 阅读 · 4 评论 -
原生js之理解作用域
谈到作用域,我们就能想到全局变量、局部变量等名词,接下来,我讲谈谈我对作用域的理解。ES5中的作用域ES5中,有两种作用域:函数作用域和全局作用域。第一段代码:<script type="text/javascript"> var a = 0; func(); function func() { var b = 1; consol...原创 2018-06-22 17:18:15 · 1405 阅读 · 0 评论 -
javascript中的typeof操作符能返回哪些值?
首先我们要知道javascript中的基本数据类型有哪些: Undefined Null String Boolean Number Object然后,我们用typeof检验各种可能遇到的情况,以下图片中是我在浏览器中的运行结果,哪些是你不知道的呢? 我猜,你一定不知道null == undefined 会返回true吧,嘿嘿! ...原创 2018-05-31 14:33:54 · 3728 阅读 · 0 评论