随笔分类 - JavaScript
摘要：最近行程码下线了，核酸检测也取消了，但是新冠病毒仍然存在，加上也是流感爆发时期，大家注意防护！！！ 阳性无症状，你可能并没有真的感染新冠，新冠病毒是比普通流感病毒要厉害的，会导致发烧的，而且传染性极强。 新冠病毒一旦入侵你的免疫系统，会疯狂繁殖，免疫系统会杀不过来的，那咋办？摆烂，启动终极保护系统（
阅读全文
摘要：最近有个需求，就是上传图片的时候，图片过大，需要压缩一下图片再上传。 需求虽然很容易理解，但要做到，不是那么容易的。 这里涉及到的知识有点多，不多说，本篇博客有点重要呀！ 一、图片URL转Blob（图片大小不变） 注意点：图片不能跨域!!! 方式一：通过XHR请求获取 function urlToB
阅读全文
摘要：详解JavaScript中的事件循环机制！！！ 一、简单讲解 这个大家应该或多或少都知道的 for (var i = 0; i < 10; i++) { setTimeout(() => { console.log(i); // 输出10个10 }); } 解析：先执行for循环，循环叠加i，然后再
阅读全文
摘要：有一阵子没发博客了，在这期间，倒是沉淀了不少东西。嘿嘿！ 一、样式动画 1、大屏中常用到的旋转动画 <div class="circle-block circle-rotate"></div> .circle-block { display: inline-block; width: 100px;
阅读全文
摘要：感谢 遗忘的过路人 这位博主，发现了 高级前端进阶（一） 中的list转树形数据的问题。当然也是我的疏忽。抱歉！！！ 一、解决问题 复现一下问题 将list数据不按id顺序排序，将之打乱 // list数据 [ { id: 4, pid: 1, name: "二级数据2-1" }, { id: 5,
阅读全文
摘要：恭喜EDG夺冠！！！ 滚动条挤压页面问题（开胃小菜） 滚动条挤压页面，我们可能没怎么注意到这个问题。 直接看图吧 看到没有，滚动条差不多占据了17px左右的宽度。 计算公式为： let container = document.getElementById("container"); let scr
阅读全文
摘要：希望疫情早日结束！！！ 一、首先来一道开胃菜，css方面问题 在前端方面，渲染列表数据的时候，可能会更改第一个或者最后一个的样式，又或者其中第几个的样式，怎么做呢？ 其实很简单，便是使用last-child选择器相关知识。 问题是，有时候，我们使用last-child会出现失效的问题。 先来个实际场
阅读全文
摘要：实际工作中，JavaScript正则表达式还是经常用到的。所以这部分的知识是非常重要的。 一、基础语法： 第一种：字面量语法 var expression=/pattern/flags; 第二种：RegExp构造函数语法 var pattern = /\w/gi; //字面量语法 var patte
阅读全文
摘要：一、事件循环机制的理解 test();//按秒输出5个5 function test() { for (var i = 0; i < 5; i++) { setTimeout(() => { console.log(i); }, 1000 * i);//for循环里面添加异步操作 } } test(
阅读全文
摘要：最近一场面试，发现了自己很多的问题，为此做个总结。非常感谢此次的面试。嘿嘿! 一、闭包中的问题 下列代码存在几个变量没有被回收？ var i = 0; var i = 1; var add = function () { var i = 3; return function () { i++; co
阅读全文
摘要：一、var, let, const 谈到ES6，估计大家首先肯定会想到var，let，const 咱就先谈谈这三者的区别 var a = 3; { var a = 4; } console.log(a);//4 let b = 5; { let b = 6; } console.log(b);//5
阅读全文
摘要：今天聊下JavaScript中的事件委托跟深浅拷贝 一、事件委托 首先呢，介绍一下事件绑定 //方法一：通过onclick <button onclick="clickEvent()">点击</button> <script> function clickEvent(){ alert("点击事件")
阅读全文
摘要：今天，咱来聊聊JavaScript中的原型跟原型链 原型跟原型模式 这一块的知识，主要是设计模式方面的。 首先，我们知道JavaScript是面向对象的。既然是面向对象，那它自然也有相应的类跟对象等概念。 在JavaScript中，function这个东西还是比较特殊的，它既能用来声明方法，还能用来
阅读全文
摘要：最近出去面试了一下，收获颇多！！！ 以前的我，追求实际，比较追求实用价值，然而最近面试，传说中的面试造火箭，工作拧螺丝，竟然被我遇到了。虽然很多知识点在实际工作中并不经常用到，但人家就是靠这个来筛选人才的！！！ 在大学里，你可能会感觉到微积分没啥用处，去菜市场买菜，你不可能用到微积分吧，但是呢，这个
阅读全文
摘要：CodeMirror的正常使用： //首先通过<script>标签引入相应的js，这个就不必说了 var myCodeMirror = CodeMirror.fromTextArea(myTextArea,{ key: "value" });//就这么简单 问题一、CodeMirror在Bootst
阅读全文
摘要：一、字符串转数组（split方法） 废话少说，直接上代码： 看了以上的两个例子，我想你应该知道split()方法的使用了吧！ 二、数组转字符串（join方法） 三、去除字符串中的特殊字符 注意：你没有看错，输出是qweasd,zxc，js提供的replace()方法只是替换第一次出现的字符，如果需要
阅读全文
浙公网安备 33010602011771号