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 · 217 阅读 · 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 · 382 阅读 · 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 · 830 阅读 · 0 评论 -
开始用正则表达式吧！
一、先找找教程先看了一下知乎推荐，然后就是下面这些了：浅析正则表达式—（原理篇）正则表达式30分钟入门教程在线工具：http://snowcoal.com/tools/regex/reghttps://regexr.com/ （推荐）二、准备，开始记笔记了1、元字符元字符是构造正则表达式的一种基本元素，元字符说明.匹配除换行符以外的任意字符\w匹配...原创 2019-03-13 18:19:20 · 325 阅读 · 0 评论 -
一张图搞清楚防抖和节流的区别
1、防抖（debounce）指在时间n内，函数被触发多次，但是只执行一次，执行最新的触发。也就是在时间n内，碰到新的触发，就清除之前的，重新计时。最简单的实现function debounce(func, wait) { var timeout; return function () { clearTimeout(timeout) timeou...原创 2019-07-18 15:49:59 · 7549 阅读 · 4 评论 -
js事件绑定并获取元素
事件绑定获取元素方式DOM事件绑定的几种方式html中直接绑定：利用html事件属性。html中绑定事件叫做内联绑定事件，不利于分离。不能解绑js中直接绑定：利用DOM操作。js中直接绑定称为赋值绑定函数，缺点是只能绑定一次。解绑ele.onclick=nulladdEventListener：注意去掉on，通过removeEventListener()解绑需要注意的就是...原创 2019-03-19 14:31:22 · 2267 阅读 · 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 · 17940 阅读 · 0 评论 -
盒子模型的各种高度记录
height：返回元素内容的高度。（根据是不是怪异盒子模型计算高度）offsetheight：它返回的高度是内容高+padding+边框。clientHeight：在页面上返回内容的可视高度（不包括边框，外边距或滚动条）。scrollHeight：返回整个元素的高度，即不设置高度时的，content高度+padding高度。其实就是展开后的clientHeight这个content设...原创 2019-03-19 14:11:25 · 1037 阅读 · 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 · 361 阅读 · 0 评论 -
SublimeCodeIntel没有智能提示
sublime安装了SublimeCodeIntel之后就是没有智能提示，一开始发现是没有js，但html和css的提示还是有，一直找的都是js的问题。结果并不是，html和css有提示是因为emmt插件，而不是SublimeCodeIntel。反复卸载安装好几次，配置也按网上的配了。比如：1、SublimeCodeIntel 无法智能提示 解决方案说要创建一个.codeintel 文件夹,...原创 2019-03-13 10:51:37 · 5492 阅读 · 6 评论 -
一次性了解柯里化——javascript
什么是柯里化？柯里化（Currying），又称部分求值（Partial Evaluation），是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。柯里化的核心思想是：降低通用性，提高适用性。比如下面的代码，由 通用性高 逐渐变为 适用性高柯里化有3个常见作用：1. 参数复用假设a,b大多数情况是固定的，...原创 2019-03-06 17:09:17 · 377 阅读 · 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 · 2470 阅读 · 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 · 1146 阅读 · 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 · 2075 阅读 · 0 评论 -
假分页的前端实现（html+bootstrap+js）
一、开始今天弄了一天的分页，总结一下今天的工作。 找了一下真假分页的区别：所谓的“真分页”与“假分页”，前者是在后台的时候就将数据给分好，前台显示，每一次的点击“前一页”、“下一页”就向后台发送一次请求。而后者便是后台将全部数据发送给前台，将数据绑定在控件上，利用jquery逻辑控制视图的渲染,控制数据的显隐来实现视觉上的分页效果。 “真分页”显然是效率更高，面对庞大的数据量也能够从...原创 2018-04-28 17:27:39 · 3782 阅读 · 4 评论 -
js闭包
概念js支持嵌套函数，嵌套函数可以访问上一级的函数变量。闭包是指函数能使用另一个函数的变量。或者说:是子函数能使用父函数的变量和参数。问题菜鸟中关于闭包的问题，说了一个计数器困境。困境是指：如果将counter作为全局变量，那么不用调用add()也能改变counter值。<p>全局变量计数。</p><button type="butto...原创 2018-04-26 10:54:39 · 236 阅读 · 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 · 1607 阅读 · 0 评论 -
nodeValue与innerHTML的区别
一、nodeValue nodeValue方法返回的是该节点的值，在DOM中主要有三种节点，分别是元素节点、属性节点、文档节点。 元素节点的nodeValue是undefined或者是null的，说明的元素节点本身是没有值的。 文本节点的nodeValue是文本的本身，因为文本节点本身是有值的。 属性节点的nodeValue是其的属性值，很明显属性一般来说都是有值的。<p i...转载 2018-04-19 18:18:33 · 674 阅读 · 0 评论