JavaScript
文章平均质量分 62
萤火虫塔莉
恪守自己,善待他人
展开
-
2022年8月刷题
前端刷题,知识积累原创 2022-08-29 15:56:30 · 215 阅读 · 1 评论 -
结合使用katex html2canvas 将LaTeX公式保存为图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet原创 2020-11-04 15:27:43 · 1874 阅读 · 0 评论 -
事件监听函数中的this
特别简单的一个html结构<div class="test"> </div>测试需求为点击显示this指向直接在标签中调用<div class="test1" onclick="t();"> </div>function t(){ console.log(this);}浏览器控制台结果在这种情况下,...原创 2019-06-17 20:08:40 · 2309 阅读 · 0 评论 -
原生js实现多选框的排序以及可选个数控制
展示页面: http://codepen.io/crystalYY/pen/ggNjQR主要效果:最多可选择三项,用户尝试选择第四项时,多选框变为disabled禁用状态按照用户点击的顺序实时给出已选择的多选框所对应的序号左下方实时提醒用户当前已选择了几项实现思路:设置一个用来存放已经选定的多选框,即obj.checked=true的value的数组checkedArray效果1实现思路原创 2017-02-21 11:15:08 · 3170 阅读 · 0 评论 -
基于当前时间的随机函数的实现(JavaScript)
主要基于当前时间的秒数,用getSeconds()来获取,返回一个0~59之间的数字,在除以59,得到0~1之间的随机数,然后再根据需要生成的随机数范围,进行计算。我的计算方法是:用low+(high-low)*ranNum;代码实现如下function myMath(){ } myMath.prototype.random=function(low,high){原创 2016-12-22 14:21:53 · 1009 阅读 · 0 评论 -
用原生JS实现查找第n次出现的子字符串
用到的函数为indexOf; 先来简要介绍一下indexOf;,语法 stringObject.indexOf(searchvalue,fromindex)主要可分为以下两点理解是一个字符串对象的方法有两个参数searchvalue为必需的参数,规定你想要查找的子字符串fromindex为非必需参数,规定你在字符串对象中查找子字符串的 起始位置,并包含当前位置,若省略则从字符串起始位原创 2016-04-08 10:37:37 · 5279 阅读 · 2 评论 -
JavaScript中原型链继承的问题
若单独使用原型链来实现继承,会存在引用类型在所有子类中共享的问题。 function SuperType(){ this.name=['hello'];// 数组为一种引用类型 } function SubType(){ } SubType.prototype=new SuperType();原创 2019-10-09 09:30:06 · 846 阅读 · 0 评论 -
JavaScript 数组去重的四种方法
四种方法都需要借助一个临时数组,并最终返回这个临时数组。列表内容使用方法indexOf判断当前元素是否已经存在于临时数组中,如果不存在(结果返回-1),则push到临时数组中。function removeDuplicatedItem1(arr){ var retArr=[]; for(var i=0;i<arr.length;i++){原创 2016-12-14 17:19:20 · 558 阅读 · 0 评论 -
JavaScript中 apply/call 与面向对象语言中继承关系的联系和区别
apply是否可理解为类的继承?原创 2016-10-24 17:06:15 · 1160 阅读 · 0 评论 -
JavaScript实现一个简易的计算器
JavaScript实现简易计算器的具体思路原创 2016-07-18 10:46:53 · 20482 阅读 · 3 评论 -
clearInterval只终止定时器不终止函数
用return解决原创 2016-07-23 16:18:21 · 5963 阅读 · 0 评论 -
javascript onkeydown事件
转自:http://www.jb51.net/article/56376.htmJavaScript onkeydown 事件 用户按下一个键盘按键时会触发 onkeydown 事件。与 onkeypress 事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理。 提示 Internet Explorer/Chrome转载 2016-05-19 16:46:20 · 2203 阅读 · 0 评论 -
JavaScript中的trim 方法
参考资料:https://msdn.microsoft.com/zh-cn/library/ff679971(v=vs.94).aspxhttp://stackoverflow.com/questions/498970/trim-string-in-javascript 要点:用途: 从字符串中移除前导空格、尾随空格和行终止符。语法 stringObj.trim();兼容性 在JavaScr原创 2016-05-09 10:34:59 · 1137 阅读 · 0 评论 -
form中appendChild失效的问题
本来今天在写一个算是比较简单地队列效果,本来打算两个小时搞定,然并卵,加找问题出现的原因,查资料,复习正则,一共写了将近五个小时,狗带。 其实代码结构是非常简单地,如下 <form> <fieldset> <legend>插入</legend> <input type="text" id="inputNum" placehold原创 2016-05-04 17:38:42 · 2650 阅读 · 0 评论 -
scrollHeight在chrome中的异常表现
最近在慕课网上复习基础知识,在做到scrollHeight时出现了问题,chrome解析结果与其他各浏览器不一致,主要测试了IE6~IE9,IE11,ff,chrome。 不一致主要体现在document.documentElement.scrollHeight和document.body.scrollHeight上,测试结果我使用了一个表格来说明 由此可见,chrome在处理scrollHei原创 2016-04-21 10:27:07 · 3923 阅读 · 0 评论 -
javascript中textContent与innerText的异同分析
原文链接:http://www.jb51.net/article/25082.htmtextContent与innerText的不同 IE下有个innerText属性,FF下有个textContent属性。很多以前给IE写脚本的,在FF下找不到innerText属性,于是网上搜到的建议是用textContent来替代。反之给FF写脚本的也一样。 但是实际上,这里有个误解。网上很多文章说“FF下等效于转载 2016-04-17 16:36:36 · 628 阅读 · 0 评论 -
JS的执行顺序
执行作用域原创 2016-03-24 09:46:06 · 907 阅读 · 0 评论 -
理解事件捕获和事件冒泡
参考资料浅谈事件冒泡与事件捕获 一年前刚开始接触JavaScript的时候就看过有关事件冒泡和事件捕获的文章,但是当时只是看过了就是看过了,没有自己实际的实践,并没有什么自己的理解在里面,属于转眼就忘的那种状态,这段时间由于参加百度的ife前端培训,做到js方面的任务时,决定仔细的学习一下时间捕获和事件冒泡,所以就有了今天这篇文章。 ps:其实前两天就想写了,但无奈图书馆的网一直连不上,只好推到原创 2016-04-03 17:28:09 · 6231 阅读 · 4 评论