![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生javascript
音色丽敏
这个作者很懒,什么都没留下…
展开
-
js中数组常用方法总结
js中数组常用方法总结因为数组方法有很多,不同场景有不同的最优解,有几种方法平时不常用,所以去查询了相关内容,方便查阅:1、Array.map()此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组let arr = [1, 2, 3, 4, 5] let newArr = arr.map(x => x*2) //arr= [1, 2, 3, 4, 5] 原数组保持不变 //newArr = [2, 4, 6, 8, 10]原创 2020-07-20 16:16:30 · 241 阅读 · 0 评论 -
前端处理页面多次提交请求问题
前端处理页面多次提交请求问题在实际工作中我们常会遇到需要进行内容提交的场景,常用的表单就是其中的一种。在此类过程中我们一般会向后台发送ajax请求,其中因某些原因页面短时间内多次提交同一请求是一个常会遇到的问题。尽管我们可以通过后台做一些处理来限定提交的重复内容只有一次可以生效(例如重名验证等),但是前端页面在短时间内多次提交重复请求浪费了很多性能和流量,同时如果后台没做处理也会造成一些不可预估的错误,本文就是通过一些简单的前端处理方法来解决此问题。首先上述问题一般出现于电脑卡顿严重或网络延迟较高的时候原创 2020-07-20 15:57:01 · 3021 阅读 · 0 评论 -
关于数字的正则验证
数字正则验证自己在实际工作过程中,发现正则用到的地方很多,而且写的好的正则表达式可以在达到同样效果的情况下更简洁美观,性能也更佳。本人对于正则是十分推崇喜爱的,也一直在学习此的过程中,其中也有一些心得体会,借此分享给大家。正则的基础语法我就不多介绍,可以参阅菜鸟正教程,也可以看看百度正则词条来直接学习使用正则语法。在日常使用过程中,很多时候我们需要对数字进行正则,数字正则看似简单,实则里面也有很多门道。常见的,有匹配身份证号的...原创 2020-07-17 16:59:19 · 1019 阅读 · 0 评论 -
前端表格的增改删——原生JS
前端表格的增改删css文件:*{ margin: 0; padding: 0;}.form{ margin: 0 auto; width: 1200px; height: 390px; position: relative;}.name{ position: absolute; left: 250px; top: 70px; font-size: 20px;}....原创 2019-06-03 15:51:24 · 523 阅读 · 0 评论 -
原生JS写AJAX请求
原生JS写AJAX请求虽然jQuery中有关于AJAX请求,而且具有强大的兼容性和功能,但在学习过程中还是要从最简单的开始,所以这里提供下网页编辑学习入门时最基本原生JS写的AJAX请求:<script type="text/javascript"> function ajax(method, url, data, fn) { let htp = null; ...原创 2019-03-05 13:51:47 · 681 阅读 · 0 评论 -
生成器yield关键字作用和理解
生成器yield关键字作用和理解yield关键字的一个功能就是能有效地降低迭代的内存开销。如果使用range函数的话,那么函数的内部实现会存储每个迭代的过程,即每个中间变量有个内存空间,这样首先程序使用的内存空间就大了,而且分配内存、回收内存都会导致程序的运行时间加长。但是使用yield实现的xrange函数的话,里面所有中间变量都会只使用一个内存¥i,这样需要的时间和空间都会变小。在了解y...原创 2019-01-08 12:08:28 · 564 阅读 · 0 评论 -
原生JS实现全屏滚动(无滚动条)
原生JS实现全屏滚动(无滚动条)写一种十分简单易懂的原生JS实现全屏滚动(无滚动条)动画,不多说直接写代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="tex原创 2019-01-09 11:21:36 · 4259 阅读 · 3 评论 -
JS实现二维数组的深拷贝及插件代码
深拷贝与浅拷贝的介绍在写代码前先简短介绍下JS中浅拷贝与深拷贝的区别。JavaScript中有两种类型的对象拷贝:浅拷贝(Shallow Copy)、深拷贝(Deep Copy):深复制和浅复制最根本的区别在于是否是真正获取了一个对象的复制实体,而不是引用。浅拷贝——只是拷贝了基本类型的数据,而引用类型数据,复制后也是会发生引用,我们把这种拷贝叫做“浅拷贝(浅复制)”,也就是说,浅复制仅仅...原创 2018-12-13 11:17:22 · 1371 阅读 · 0 评论 -
取消事件进一步捕获或者冒泡
取消事件的捕获与冒泡在浏览器发展到第四代时开发团队遇到一个很有意思的问题:页面的哪一部分会拥有某个特定的事件?怎么理解这个问题,举个形象的例子,先在纸上画多个同心圆,然后把手指向圆心,那么问题来了,当前指的是哪个圆的圆心?具体到我们在写JS事件的时候,先在body里面写一个有范围的div,然后在JS里面写div的onclick事件,同时也写上document的onclick事件,那么当我们点击...原创 2018-12-28 15:36:55 · 422 阅读 · 0 评论 -
JS写一个简单的五星评价
JS写一个简单的五星评价在做前端网页页面的时候很多时候回有遇到星级评价的模块,用到的地方挺多所以自己就上传下方便大家和自己使用(不支持半星评价因为没有半星的图)。效果图如下:下面是我们的代码:<html> <head> <meta charset="utf-8" /> <title></title> </hea..原创 2019-03-07 16:19:33 · 1454 阅读 · 0 评论 -
JavaScript归纳总结
JavaScript归纳总结学习JavaScript过程中学了很多东西,简短用Xming进行了归纳总结,今后也会陆续对里面的内容进行更加详细的总结,因为不支持文件传输所以用的是图片,如果想要完整版的Xmind软件可以去我的github下载。https://github.com/yinseliming/yingseliming下面是图:...原创 2019-03-08 15:55:16 · 197 阅读 · 0 评论 -
简单的多级hover
简单的多级hover效果以下是效果图:效果十分简单就不解释了,下面是代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style type="text/css"> ...原创 2019-05-28 15:41:09 · 361 阅读 · 0 评论 -
原生JS写带缩略图的无限平移轮播
带缩略图的简单的轮播效果图效果图如下:下面是代码:html部分:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="c...原创 2019-05-28 16:05:23 · 1041 阅读 · 0 评论