![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 92
一条大河全靠浪
这个作者很懒,什么都没留下…
展开
-
记一段错误js代码——Dom一定要实时获取啊
项目一直用vue,很少写Dom,今天在电脑上发现一段代码,找了还挺久的错,简单的实现输入框与数据联动:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> </head> <body> <input type="text" id="name" value="" /> <p id="text"></p> </bod原创 2020-10-12 20:20:25 · 145 阅读 · 0 评论 -
js 获取当前时间戳的不同方法
1、精确到msnew Date().getTime() //1602472824551或者(new Date()).valueOf() //16024728245512、精确到s只能精确到s,ms数用000代替。Date.parse(new Date()) //1602472824000精确到s的时间戳可以很好的运用到防抖的场景:比如一个搜索的功能是点击跳转到搜索页并进行搜索,在路由的参数中加上时间戳,这样在1s之内的点击,被监听路由是没有变化的,就不会发出搜索请求,这样就完美原创 2020-10-12 11:33:31 · 302 阅读 · 0 评论 -
setTimeout 监听请求是否加载完毕并设置最大次数
直接上代码var orgComponent = ''var maxCount = 10 // 最多执行次数// 定时,假设2s之后组件加载完成setTimeout(()=>{ orgComponent = '123' console.log('组件加载OK')},2000)var updateSome = (countTime)=>{ if(countTime > maxCount) return if(!orgComponent){原创 2020-09-27 10:56:24 · 732 阅读 · 0 评论 -
开始用正则表达式吧!
一、先找找教程先看了一下知乎推荐,然后就是下面这些了:浅析正则表达式—(原理篇)正则表达式30分钟入门教程在线工具:http://snowcoal.com/tools/regex/reghttps://regexr.com/ (推荐)二、准备,开始记笔记了1、元字符元字符是构造正则表达式的一种基本元素,元字符说明.匹配除换行符以外的任意字符\w匹配...原创 2019-03-13 18:19:20 · 238 阅读 · 0 评论 -
一张图搞清楚防抖和节流的区别
1、防抖(debounce)指在时间n内,函数被触发多次,但是只执行一次,执行最新的触发。也就是在时间n内,碰到新的触发,就清除之前的,重新计时。最简单的实现function debounce(func, wait) { var timeout; return function () { clearTimeout(timeout) timeou...原创 2019-07-18 15:49:59 · 7353 阅读 · 4 评论 -
js事件绑定并获取元素
事件绑定获取元素方式DOM事件绑定的几种方式html中直接绑定:利用html事件属性。html中绑定事件叫做内联绑定事件,不利于分离。不能解绑js中直接绑定:利用DOM操作。js中直接绑定称为赋值绑定函数,缺点是只能绑定一次。解绑ele.onclick=nulladdEventListener:注意去掉on,通过removeEventListener()解绑需要注意的就是...原创 2019-03-19 14:31:22 · 2130 阅读 · 0 评论 -
正则——字符串完全匹配
正则表达式完全匹配请实现一个函数用来判断字符串是否表示数值(包括整数和小数)。例如,字符串"+100",“5e2”,"-123",“3.1416"和”-1E-16"都表示数值。 但是"12e",“1a3.14”,“1.2.3”,"±5"和"12e+4.3"都不是。//s字符串function isNumeric(s){ let reg = /(\+|-)?\d*(\.\d+...原创 2019-03-19 14:27:24 · 17486 阅读 · 0 评论 -
盒子模型的各种高度记录
height:返回元素内容的高度。(根据是不是怪异盒子模型计算高度)offsetheight:它返回的高度是内容高+padding+边框。clientHeight:在页面上返回内容的可视高度(不包括边框,外边距或滚动条)。scrollHeight:返回整个元素的高度,即不设置高度时的,content高度+padding高度。其实就是展开后的clientHeight这个content设...原创 2019-03-19 14:11:25 · 950 阅读 · 0 评论 -
ES6的Set和Map
Set字符串去重var str = "1232132";[...new Set(str)].join('');数组去重var arr = [1,2,3,4,1,2,3];// 下面两个都可将 Set 结构转为数组。[...new Set(arr)];//扩展运算符(...)内部使用for...of循环,所以也可以用于 Set 结构。Array.from(new Set(arr)...原创 2019-03-19 14:07:52 · 281 阅读 · 0 评论 -
SublimeCodeIntel没有智能提示
sublime安装了SublimeCodeIntel之后就是没有智能提示,一开始发现是没有js,但html和css的提示还是有,一直找的都是js的问题。结果并不是,html和css有提示是因为emmt插件,而不是SublimeCodeIntel。反复卸载安装好几次,配置也按网上的配了。比如:1、SublimeCodeIntel 无法智能提示 解决方案说要创建一个.codeintel 文件夹,...原创 2019-03-13 10:51:37 · 5343 阅读 · 6 评论 -
一次性了解柯里化——javascript
什么是柯里化?柯里化(Currying),又称部分求值(Partial Evaluation),是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。柯里化的核心思想是:降低通用性,提高适用性。比如下面的代码,由 通用性高 逐渐变为 适用性高柯里化有3个常见作用:1. 参数复用假设a,b大多数情况是固定的,...原创 2019-03-06 17:09:17 · 296 阅读 · 0 评论 -
js实现滚动的table——解决滚动停止问题
滚动table的实现主要是通过两个相同的table,不断的重复交替。实现的js不难,但总是出现滚动停止的问题,每次碰到还不一样,特此记录。css文件 — csee.css为了下次直接用,把css也贴上。.title-panel{ margin-top: 20px; margin-left: 20px; margin-right: 20px...原创 2018-06-26 10:33:58 · 2295 阅读 · 0 评论 -
原生js简单动画
问题:采用全局变量movement作为函数变量,整个效果就是速度越来越快,而且不流畅,也就是动画滞后效果。<body> <h1 id="haha" style="position: absolute;top: 100px;left: 100px">O(∩_∩)O哈哈~</h1> <script type="text/javas...原创 2018-05-31 19:34:19 · 1066 阅读 · 0 评论 -
DOM:注意块元素之间的换行符
在DOM中,在块级元素之间会存在一个换行符,有的浏览器会将它解释为一个文本节点,如下所示。<p>2323</p><h2>hehe</h2><script type="text/javascript"> var a = document.getElementsByTagName("p"); console.l原创 2018-05-28 13:22:24 · 1981 阅读 · 0 评论 -
假分页的前端实现(html+bootstrap+js)
一、开始今天弄了一天的分页,总结一下今天的工作。 找了一下真假分页的区别:所谓的“真分页”与“假分页”,前者是在后台的时候就将数据给分好,前台显示,每一次的点击“前一页”、“下一页”就向后台发送一次请求。而后者便是后台将全部数据发送给前台,将数据绑定在控件上,利用jquery逻辑控制视图的渲染,控制数据的显隐来实现视觉上的分页效果。 “真分页”显然是效率更高,面对庞大的数据量也能够从...原创 2018-04-28 17:27:39 · 3544 阅读 · 4 评论 -
js闭包
概念js支持嵌套函数,嵌套函数可以访问上一级的函数变量。闭包是指函数能使用另一个函数的变量。或者说:是子函数能使用父函数的变量和参数。问题菜鸟中关于闭包的问题,说了一个计数器困境。困境是指:如果将counter作为全局变量,那么不用调用add()也能改变counter值。<p>全局变量计数。</p><button type="butto...原创 2018-04-26 10:54:39 · 176 阅读 · 0 评论 -
阿里电面编程题——获取url中的字符串
输入:http://www.taobao.com/1111/my/index.html?userId=293019239304&amp;title=我的双11 输出:{userId: “293019239304”,title: “我的双11”}&lt;script type="text/javascript"&gt; str = "http://www.taobao.com/1111...原创 2018-05-09 12:01:44 · 1538 阅读 · 0 评论 -
nodeValue与innerHTML的区别
一、nodeValue nodeValue方法返回的是该节点的值,在DOM中主要有三种节点,分别是元素节点、属性节点、文档节点。 元素节点的nodeValue是undefined或者是null的,说明的元素节点本身是没有值的。 文本节点的nodeValue是文本的本身,因为文本节点本身是有值的。 属性节点的nodeValue是其的属性值,很明显属性一般来说都是有值的。<p i...转载 2018-04-19 18:18:33 · 589 阅读 · 0 评论