JS
Flora_M
这个作者很懒,什么都没留下…
展开
-
前端面试题
文章目录一、实现instanceOf二、模拟new三、模拟Object.create一、实现instanceOf// 模拟 instanceoffunction instance_of(L, R) { //L 表示左表达式,R 表示右表达式 var O = R.prototype; // 取 R 的显示原型 L = L.__proto__; // 取 L 的隐式原型 while (true) { if (L === null) return false; if (O原创 2020-12-04 13:37:54 · 104 阅读 · 0 评论 -
js字符串类面试题
文章目录一、查找字符串中出现最多的字符和个数二、实现千位分隔符三、将字符串转换成驼峰命名法四、字符串查找五、判断是否是电话号码六、验证是否是邮箱七、验证是否是身份证八、模板引擎实现一、查找字符串中出现最多的字符和个数let str = "abcabcabcbbccccc";let num = 0;let char = ''; // 使其按照一定的次序排列str = str.split('').sort().join(''); // "aaabbbbbcccccccc"// 定义正则表达原创 2020-12-04 13:36:39 · 500 阅读 · 0 评论 -
js解析url中的字符串
<script type="text/javascript"> var str = "https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=0"; function getUrl(str) { str = str.slice(str.indexOf("?") + 1); //结果:ie=utf-8&f=3&rsv_bp=0 var arr = str.split("&"); //结果: ["ie=utf-原创 2020-12-04 11:28:31 · 636 阅读 · 0 评论 -
原生js实现轮播图详解全
一、原理:每次只显示一张图片,其余隐藏。通过计算偏移量利用定时器实现自动播放,或通过手动点击事件切换图片。二、实现:给最外面的div容器固定的宽高,使内部的ul和li与div宽高相同(height:100%;width:100%),设置overflow:hidden,只显示一张图片为了实现无缝切换效果,利用两张辅助图填补最后一张图切换到第一张图时的空白。即复制最后一张图片放置在第一张图片前,同时复制第一张图片放置在最后一张图片的后面。让内部的ul强制不换行(white-space: nowrap;原创 2020-12-03 15:58:03 · 994 阅读 · 1 评论 -
js事件循环
定义:同步和异步任务分别进入不同的执行环境,同步的进入主线程,即主执行栈,异步的进入任务队列。主线程内的任务执行完毕为空,会去任务队列读取对应的任务,推入主线程执行。 上述过程的不断重复就是我们说的 Event Loop (事件循环)。任务队列事件循环是通过任务队列的机制进行协调的。一个事件循环中可以有一个或多个任务队列,一个任务队列便是一系列有序任务的集合,每个任务都有一个任务源,源自同一个任务源的task必须放到同一个任务队列,从不同源来的则被添加到不同队列。setTimeout/Promise等.原创 2020-12-01 19:42:09 · 142 阅读 · 0 评论 -
js数组去重的简便方法
文章目录1. 利用ES6 Set去重2. 利用for循环嵌套for,然后splice去重3. 利用indexOf去重4. 利用Sort()5. 利用includes6. 利用filter7. 利用Map数据结构去重1. 利用ES6 Set去重function uique(arr) { return Array.from(new Set(arr));}//更简便的写法[...new Set(arr)]注意:这种方法无法去掉{}空对象2. 利用for循环嵌套for,然后splice去重转载 2020-11-30 21:44:51 · 173 阅读 · 0 评论 -
js中自己实现bind方法及详解
详细代码如下:if (!Function.prototype.bind) { Function.prototype.bind = function () { var self = this, // 保存原函数 context = [].shift.call(arguments), // 保存需要绑定的this上下文 args = [].slice.call(arguments); // 剩余的参.原创 2020-11-30 12:56:32 · 2071 阅读 · 0 评论 -
简易for循环i指向问题解决方法
题目:for(var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 300);}得到的结果是5个5若想正确出现下标0,1,2,3,4则需要修改上面的代码目前想到的有下面几种方法方法一:立即执行函数传参for(var i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log(i); },原创 2020-10-19 19:24:19 · 422 阅读 · 0 评论 -
简单js——点击按钮弹窗(文本框的内容)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function clickMe() { //得到input标签对象 var...原创 2019-07-17 19:24:36 · 15713 阅读 · 0 评论 -
js——简易购物器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>简单计算器</title> <script type="text/javascript"> function add() { //单独计算的函数,减乘除类似 var ...原创 2019-07-19 15:20:08 · 907 阅读 · 0 评论