qfguan的博客

this的指向已经是一个老生常谈的问题，每逢面试都要去复习复习，近来巩固js的基础，决心彻底掌握这个知识点，一劳永逸。说明一下，为了不影响大家的思考过程，下面的代码都不会去注释答案，想知道答案，只需要去控制台执行一下。四类场景逐一击破首先，分析this的指向共有四种类型，在分析之前，我们首先带好两个锦囊：1.函数被调用时（即运行时）才会确定该函数内this的指向。因为在函数中this与arguments是两个特殊的变量，在函数被调用时才会取得它们，而且搜索这两个变量时只会在活动对象范围里面去..

今天给大家分享几个程序员的好习惯。1. 引入新的技术栈的时候，要以官方文档为主在项目里，无论使用新的 jar 包，还是用新的中间件，一定要去看官方文档。现在网上的技术文章鱼龙混杂，再加上国内那个不咋地的搜索引擎，所以在网上搜靠谱的技术文章，就相当于在屎坑里捞金子。比如，如果你想要对 SpringBoot2 写的代码进行单元测试，JUnit 版本你可能已经是 5 了。但你搜到的网上文章很可能会告诉你测试用例需要注解:@RunWith(SpringRunner.class)但是官方...

学习JavaScript，最难的是什么？我觉得，object（对象）最难。因为JavaScript的object模型很独特，和其他语言不一样，初学者不容易掌握。Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。（如果你接触了es6会发现里边有class，但是那个class只是一个语法糖，在javascript中是没有类的）那么，如果我们要把"属性"（pro

前言我JS写的好好的，为啥要用TS写呢？本文写给那些完全没有用过TS，也没有使用过结构化语言，对TS有一定的心智负担的前端新手同学。需要更多教程，微信扫码即可面对铺天盖地的TS怎么好怎么好的文章，项目中还没真正开始使用到TS的小伙伴，可能只是看了很多的掘金文章，或者看了一遍官方文档，脑子里基本上都是：嗯，是的，我知道TS好，我知道在变量后面加一个冒号一个类型，就可以限制变量，是不是所有的变量或者函数都要写？为什么我写了返回类型，VSCode还是提示返回值是any类型？泛型好复杂，什么时候.

需要更多教程，微信扫码即可1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}多行文本溢出显示省略号p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-...

需要更多教程，微信扫码即可找对象首先，this 在大多数情况下是一个对象，也有可能是 undefined 或其他值。什么情况下，this是undefined？函数运行在严格模式下，应用默认绑定规则的时候：vara=1;functionfoo(){"usestrict";console.log(this.a);};foo();//UncaughtTypeError:Cannotreadproperty'a'ofundefi...

写代码的时候总有一些东西是会重复出现的，次数多了你就会想找找捷径了。这类问题中有很大一部分解决起来甚至连库都不用装。下面就是我多年来收集的前 25 个捷径和小技巧。需要更多教程，微信扫码即可1、类型检查小工具JavaScript 不是强类型语言，对此我推荐的最佳解决方案是 TypeScript。但有时你只是想要一个简单的类型检查，这种时候 JavaScript 允许你使用“typeof”关键字。“typeof”的问题在于，将其用于某些原语和函数时效果很好，但对于数组和对象来说，由于..

在 JavaScript 中，我们往往会遇到需要使用某些默认值来填充数组的情况，那么都有哪些方式可以完成这样的功能呢？需要更多教程，微信扫码即可方式一：使用Array.fill数组实例上可用的array.fill(initalValue)方法是一种初始化数组的便捷方法：当在数组上调用该方法时，整个数组都用填充初始值，并返回修改后的数组。比如：constfilledArray=Array(3).fill(0);filledArray;//[0,0,0]如果需要用对象填...

1、数组字符串化letarr=[[123456],[333],789]arr+=''arr=arr.split(',')console.log(arr)2、利用contactvara=[1,[2],[3,4]]varresult=[]for(vari=0;i<a.length;i++){if(a[i].constructor==Array){result=result....

1. 获取文件后缀名使用场景：上传文件判断后缀名/*** 获取文件后缀名* @param {String} filename*/export function getExt(filename) { if (typeof filename == 'string') { // 如果文件没有后缀名，返回null if(!filename.includes('.')){ret...

一个好的工作环境，离不开一个好的生产力工具（高配电脑）、一个高分辨率显示器（27 寸 4 K）、一个人体工学椅和一套优良的键鼠。当然说完了硬件，我们的软件也要用的舒服。这篇文章给大伙推荐一波我最喜欢的几个 VS Code 主题，希望可以给大家一点帮助。需要更多教程，微信扫码即可赛博朋克 - SynthWave '84你还记得 84 年那个无尽的夏天吗？自上而下在海洋高速公路上巡航，我们的头发和头上的风在霓虹灯梦中嗡嗡作响？这种配色方案受到现代 Synthwave 乐队...

# 缘起偶然的事件，看到 LayUi（读音 "类UI"）官方说，LayUI官网 将关闭，多少有些伤感。或许，有人会说，通知里也说了，“新版下载、文档和示例等仍会在Github 和 Gitee”但，所谓“人走茶凉”，后期原作者的工作重点，肯定将淡化 LayUI 开发。我们从 LayUI 的通知里看到，原作者说“在前端工程化迅速席来的浪潮中，我们仍然感受到一丝来自于 jQuery 的余晖， 鼓励大家去拥抱 Vue.js、拥抱 Element UI。”是的，现在连 JQuery 都光辉不在了.

基本插件这个部分介绍一些必装的开发插件，帮你大大提升代码编辑效率。需要相关软件包，学习资源加v哦。 需要更多教程，微信扫码即可 Chinese(Simplified) Language Pack for Visual Stidio Code 中文汉化包对于一些英文不太好的小伙伴，上来第一件事肯定是要切换成中文语言环境，安装汉化包插件之后，按快捷键Ctrl+Shift+P调出命令面板，输入Configure Display Language，选择zh-ch，然后重...

JavaScript中奇怪的一点是你可以在变量和函数声明之前使用它们。就好像是变量声明和函数声明被提升了代码的顶部一样。JavaScript中奇怪的一点是你可以在变量和函数声明之前使用它们。就好像是变量声明和函数声明被提升了代码的顶部一样。sayHi() // Hi there!function sayHi() { console.log('Hi there!')}name = 'John Doe'console.log(name) // John Doevarname然而J.

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}多行文本溢出显示省略号p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflo...

获取浏览器Cookie的值通过document.cookie来查找cookie值constcookie=name=>`;${document.cookie}`.split(`;${name}=`).pop().split(';').shift();cookie('_ga');//Result:"GA1.2.1929736587.1601974046"检查日期是否合法使用以下代码段检查给定日期是否有效。constisDateValid=(...

学习编程，常用的单词就那么多，只要把常见的单词学会，你的代码也能写的很好。大家学起来吧~Aalign 对齐active 激活absolute 绝对alpha 图像通道animate 动画animation 动画片alert 提醒add 加append 添加after 之后Bback 超过范围的三次方缓动bounce 指数衰减的反弹缓动before 在...之前blur 当输入框失焦的时候触发BOM 全称Browser...