前端
文章平均质量分 60
huangzhin
我爱前端
展开
-
JavaScript的重要数组方法
目录1、forEach2、map3、filter4、reduce5、find6、findIndex7、every8、some9、 sort10、flat11、flatMap12、reverse13、includes14、fill15、at16、 concat1、forEach循环遍历数组中的每个元素并执行回调函数。const arr = [1, 2, 3];arr.forEach(num => console.log(原创 2022-04-29 14:55:09 · 1242 阅读 · 1 评论 -
js实现身份证号严格验证
话不多说直接上代码function idCardNoValidate(card){ var vcity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北", 43: .原创 2021-05-21 17:36:46 · 472 阅读 · 0 评论 -
JavaScript 中堆和栈的区别以及深度拷贝的方法
前言:JS变量都存放在内存中,而内存给变量开辟了两块区域,分别为栈区域和堆区域栈像个容器,容量小速度快堆像个房间,容量较大先说说基本数据类型和引用数据类型我们知道在js中的数据类型可以分为基本类型和引用类型。基本类型是存在栈内存中的,引用类型是存在堆内存中的,但是引用类型的引用还是存在栈内存中的。常见的基本数据类型:Number、String 、Boolean、Null和Undefined常见的引用数据类型:Object 、Array 、Function 、Data等..转载 2021-05-21 15:36:38 · 182 阅读 · 0 评论 -
JS实现两个大数相加
对两个超大的整数进行加法运算,但又想输出一般形式,使用+是无法达到的,因为一旦结果值超过Number.MAX_SAFE_INTEGER就会被转换成科学计数法,并且数字精度相比之前将会有误差。此时需要自己写一套加法算法,原理就是小学学习加减法时候的算法,相应位数字相加,满十进一。function addBigNum(a, b){ //将a,b两个数转换为数组,并且将数组倒叙。 ...原创 2019-10-11 09:49:23 · 2338 阅读 · 0 评论 -
8种常见数据结构及其Javascript实现
前言 做前端的同学不少都是自学成才或者半路出家,计算机基础的知识比较薄弱,尤其是数据结构和算法这块,所以今天整理了一下常见的数据结构和对应的Javascript的实现,希望能帮助大家完善这方面的知识体系。1. Stack(栈)Stack的特点是后进先出(last in first out)。生活中常见的Stack的例子比如一摞书,你最后放上去的那本你之后会最先拿走...原创 2019-10-09 16:55:27 · 127 阅读 · 0 评论 -
十分钟彻底弄懂浏览器缓存机制原理
前言Http 缓存机制作为 web 性能优化的重要手段,对于从事 Web 开发的同学们来说,应该是知识体系库中的一个基础环节,同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说,仅仅只是知道浏览器会对请求的静态文件进行缓存,但是为什么被缓存,缓存是怎样生效的,却并不是很清楚。在此,我会尝试用简单明了的文字,向大家系统的介绍HTTP缓存机制,期望对各位正确的理解前...原创 2019-10-05 10:48:34 · 1918 阅读 · 1 评论 -
Vue中监听键盘事件----常用健无需匹配keyCode,直接使用别名就能监听按键的事件
一、背景在一些搜索框中,我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。而在原生js或者jQuery中,我们需要判断e.keyCode的值来获取用户所按的键。这样就存在一个问题:我们必须知道某个按键的keyCode值才能完成匹配,使用起来十分不便。键盘事件:js中获取键盘事件:示例代码:document.ο...原创 2019-08-27 10:20:37 · 1187 阅读 · 0 评论 -
小程序和vue.js的区别(持续更新中~)
一、生命周期:1、小程序:onLoad----监听页面加载:一个页面只会调用一次,可以在onLoad中获取当前页面从上一级页面带过来的参数(通过options)。onReady----监听页面初次渲染完成:一个页面只会调用一次,代表当前页面已经准备妥当,可以和视图层进行交互。对界面的设置如 wx.setNavigationBarTitle请在 onReady之后设置。详见生...原创 2019-08-10 23:57:57 · 813 阅读 · 4 评论 -
ES6常用新特性
一、ES6中函数的默认参数:以前我们是这样定义默认参数:var fun = function(a,b){ var a = a || "aaa"; var b = b || "bbb"; ...}这样做一直都没什么问题,直到参数的值为0,因为0在JavaScript中算是false值, 它会直接变成后面硬编码的值而不是0本身。在ES6中很好得解决了这个...原创 2019-08-19 20:10:13 · 455 阅读 · 0 评论 -
了解px、rpx、em、rem、%、vw、vh、vm这些的区别,减少兼容bug
一、背景介绍随着Web的发展,对新的解决方案的需求也会继续增大,对网页的要求更高。网页设计单位是涉及到我们布局的效果,使用不同的单位会对最终的demo,会有影响。而且现在都是要求响应式设计,需要适配各种设备,电脑,手机,平板。如果单位不合适,可能在这个设备显示良好,那个设备就会打乱布局。所以需要我们选择合适的单位来进行开发,设计。二、知识剖析1、px1)px就是pixel的缩写,意为像素。...原创 2019-08-08 19:58:31 · 2965 阅读 · 0 评论