
前端
记录前端学习相关知识
Nicopzx
努力学习升级打怪的菜鸟前端攻城狮
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
parseInt相关例题分析
第二个参数radix是一个2-36之间的整数,用于指定转换时采用的技术,传入0、10、或者不传入默认按照10进制转换。第一个参数string是要被解析的值,如果参数不是一个字符串,则将其转换为字符串,字符串开头的空白符会被忽略。parseInt(string,radix) JS全局函数,将给定的字符串以指定的radix基数解析成。解析: 将Infinity转为’Infinity’ 转为19进制,i=>18 n超出范围。函数返回转换后的整数值,如果解析转换过程中发生错误,则返回NaN。原创 2022-11-21 11:02:40 · 287 阅读 · 1 评论 -
防抖节流函数的 封装
场景:1、用户多次点击搜索、登录、导出按钮;场景:1、鼠标连续移动不断触发某事件/拖拽元素,要拿到元素被拖拽过程中移动的位置;2、搜索框输入联想的功能 3、懒加载监听滚动条的位置,但不必要每次滚动都监听。当一个函数被频繁触发、调用时,会严重加重浏览器的负担,造成浏览器卡顿的现象。因此引入防抖、节流来限制函数的执行频次,以。当事件被频繁触发后,延迟n秒再执行该事件。作用:采用防抖策略,可以有效减少请求次数,节约请求资源。特点:停止触发n秒后,事件处理函数才会。当事件被持续触发,每隔n秒执行事件一次。原创 2022-11-08 23:13:10 · 507 阅读 · 0 评论 -
基于qiankun微前端实践| 主应用vue,微应用vue、react
基于qiankun微前端实践,主应用vue,微应用vue、react。特性:技术栈无关样式隔离: 确保微应用之间样式互相不干扰 shadow domJS 沙箱 :确保微应用之间 全局变量/事件 不冲突iframe提供 浏览器原生的硬隔离方案, 不论是样式隔离、js 隔离这类问题统统都能被完美解决。但他的最大问题也在于他的隔离性无法被突破,导致应用间上下文无法被共享,随之带来的开发体验、产品体验的问题。url 不同步UI不同步 DOM 结构不共享。...原创 2022-08-30 11:27:45 · 1354 阅读 · 0 评论 -
事件循环| 宏任务和微任务代码的执行顺序
异步任务又可分为宏任务、微任务。当同步任务执行完,先去事件队列查找执行一个宏任务,然后执行所有微任务。微任务执行完继续执行主线程任务,主线程任务执行完又去事件队列查找另一个可执行宏任务,如此依次循环。由于JS单线程的特点,当我们遇到需要较长时间才能返回执行结果的任务时,在单线程上排队执行就会带来较高的性能消耗。中,这样遇到异步任务时就不用在主线程等其执行完再执行下一个任务,而是跳过异步任务,继续在主线程执行下一个同步任务。: 需要一段时间之后才能得到结果的任务称为异步任务,异步任务不进入主线程,而是进入。.原创 2022-08-25 23:52:26 · 1561 阅读 · 2 评论 -
Vue的生命周期及使用场景
二、created阶段: vue实例已创建,实例配置的options:datat methods watch computed等初始化配置完成,但此阶段渲染的节点还未挂载到DOM上去,所以不能访问el属性。七、beforeDestory阶段: 在实例销毁前调用,这一阶段vue实例及其配置项都还是可用状态,在这阶段可以做最后的移除定时器和事件绑定操作。八、destoryed阶段: 该阶段vue实例已完全销毁,vue所指示的所有东西都会解除绑定,事件监听器被移除,所有vue实例也会被销毁。...原创 2022-08-03 18:24:45 · 2932 阅读 · 0 评论 -
面试题|promise连环问,你真的理解promise吗?用promise实现一个红绿灯效果
promise实例有三种状态:fulfilled(已成功)、rejected(已失败)、pending进行中,promise实例状态只能由pending变为fulfilled或rejected状态,且状态不受外界影响,只有异步操作的结果可以决定当前是哪种状态;async函数内部自带执行器,当函数内部执行到一个 await 语句的时候,如果语句返回一个 promise 对象,那么函数将会等待 promise 对象的状态变为 resolve 后再继续向下执行。............原创 2022-08-03 16:48:13 · 330 阅读 · 0 评论 -
快速上手前端Jest单元测试|从Jest单元测试角度打开有效括号匹配
时间复杂度分析O(n)空间复杂度分析O(n)原创 2022-07-21 10:38:10 · 219 阅读 · 0 评论 -
JS闭包|谈谈对闭包的理解?什么是闭包?闭包有哪些应用场景?闭包有什么缺点?如何避免闭包引起的内存泄露?
闭包是指有权访问另一个函数作用域变量的函数,比如在函数A中声明了另一个函数B且函数B引用了函数A中的变量并将内部函数B作为外部函数A的返回值,那么这个函数B就是我们所说的闭包。闭包会使得函数中的变量都被长久保存在内存中,增加内存使用量。作用一个是可以直接访问函数内部的私有变量,并且形成私有空间,不受外界干扰(保护),另一个就是让这些变量的值始终保持在内存中(保存)比如使用闭包模拟私有变量、方法、实现函数柯里化、模块化、setTimeout传参、回调、立即执行函数、函数防抖、节流等。...原创 2022-07-20 09:44:49 · 811 阅读 · 0 评论 -
JavaScript在线编程输入输出总结|快速上手牛客Javascript_V8 ACM模式
单行输入输出处理原创 2022-07-18 09:53:39 · 935 阅读 · 0 评论 -
javascript中数组和字符串常用函数
javascript中数组和字符串常用函数原创 2022-06-25 23:33:52 · 353 阅读 · 0 评论 -
html css js大小写敏感的问题
htmlt在普通情况下,对大小写不敏感,但对于属性值的内容区分大小写 css对大小写不敏感 JavaScript对大小写敏感,严格区分原创 2022-06-25 10:21:46 · 730 阅读 · 0 评论 -
Javascript之预编译
Javascript从编译到执行的过程:函数声明,整体提升;变量声明,声明提升。原创 2022-06-04 17:12:15 · 115 阅读 · 0 评论 -
Javascript之什么是EventLoop
EventLoop简单来说就是事件循环,是浏览器或Node解决单线程运行时不会阻塞的一种机制。原创 2022-06-04 16:15:05 · 145 阅读 · 0 评论 -
Vue3中引入Element-ui-plus
全局引入按需引入默认语言设置为中文转载 2022-05-25 21:50:18 · 493 阅读 · 0 评论 -
原型和原型链问题
一、原型每一个构造函数都有一个属性prototype,我们称之为原型,同时prototype也是一个对象,我们称之为原型对象,在原型对象中有一个属性constructor,constructor指向他的构造函数二、原型链通过构造函数构造出来的实例对象有一个属性_proto_,指向构造函数的原型对象(prototype)多个对象通过_proto_连起来的方式形成的过程我们称为原型链...原创 2022-05-18 21:47:12 · 145 阅读 · 0 评论 -
vue脚手架安装步骤
步骤: 打开终端配置npm淘宝镜像: npm config set registry https://registry.npm.taobao.org 全局安装@vue/cli,在终端输入 npm install -g @vue/cli 切换到你要创建项目的目录,然后使用命令创建项目 vue create xxxx 启动项目: 终端输入npm run serve...原创 2022-04-16 23:54:46 · 627 阅读 · 0 评论 -
前端面试题|Vue中key值的作用
key是虚拟DOM中对象的标识,具有唯一性当数据发生改变时,Vue会根据新数据生成新的虚拟DOM,随后通过比较新旧虚拟DOM的key值是否相同,进行DOM元素的复用或更新因此Vue中key的作用主要是为了更高效的更新虚拟DOM,同时保障渲染的准确性...原创 2022-04-07 16:36:40 · 1281 阅读 · 0 评论 -
如何理解js中的同步和异步
首先需要理解:JS是单线程运行的同步和异步,无论如何,做事情的时候都是只有一条流水线(单线程),同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。同步就是程序按照正常的执行顺序,依次执行异步就是改变程序正常执行顺序,等初始化代码执行完之后在某个时刻执行回调代码。最基础的异步是setTimeout和setInterval等回调函数,因为它们可以控制js的执行顺序。...原创 2022-04-01 10:34:36 · 1240 阅读 · 0 评论 -
回调函数和立即执行函数(IIFE)
回调函数:定义:自己定义的,自己没有调用,但在某一时刻或某个条件下,最后执行了的函数常见回调函数:DOM事件回调函数 定时器回调函数 ajax请求回调函数 生命周期回调函数立即执行函数表达式(IIFE)又称匿名函数自调用,立即执行函数...原创 2022-04-01 09:49:30 · 235 阅读 · 0 评论 -
js中的基本数据类型及判断
JS中八大基本数据类型:基本数据(值)类型:String,Number,Boolean,null,undefined引用(对象)数据类型:Object,Function,Array判断:===(不做类型转换):只能判断null和undefined(只有一个值);A=== B的返回值为true/falsetypeof:可以判断string,number,boolean,undefined,function⚠️不能区别出:null与object;array和object所以不能原创 2022-04-01 09:28:52 · 207 阅读 · 0 评论 -
js的函数对象,构造函数,实例对象的关系
一个简单的例子理解:动物--类/函数对象 狗--实例对象,也可简称对象具体解释:函数对象:将函数作为对象来使用,简称函数对象 如:Fun1既是函数名,也是一个函数对象。声明函数时函数对象产生js中任意函数都是Function的实例构造函数:用new 函数名 来创建(实例)对象并初始化(实例)对象的函数叫构造函数,构造函数一般首字母大写任何函数都可以作为构造函数存在,构造函数与普通函数的区别在于:构造函数的功能是在创建(实例)对象时初始化对象,与new一起使用实例对象:通过var原创 2022-03-30 09:18:03 · 706 阅读 · 0 评论 -
js中 apply,call,bind方法的区别和使用
用法:B.apply(A,arguments[]);B.call(A,arg1,arg2);B.bind(A,arg1,arg2);联系:它们在功能上是没有区别的,都是通过改变this的指向(第一个参数都是this的指向对象),让一个对象(A)调用另一对象(B)的方法。通过这一特性,可以让一个函数成为任意对象的方法进行调用。区别:主要是在于方法的实现形式和参数传递上的不同。(1)call() 和 apply() 会立即执行并输出函数执行结果,而 bind() 不原创 2022-03-27 22:07:47 · 788 阅读 · 0 评论 -
html css js中分号的使用
为什么要使用分号分号告诉我们当前语句已终止,其后的其他语句是新语句。使用分号可以消除查看代码时的歧义和混乱。htmlhtml中分号不是必须有,但最好写上csscss中必须写分号分隔jsjs中分号不是必须要有的,当前语句和下一行的语句无法合并解析,js会自动编译添加分号,但在某些特殊情况下必须手动添加分号。var c=x+f(a+b)toString()//报错,js解析成var y=x+f(a+b).toString();正确写法如下:v原创 2022-03-27 21:27:57 · 1465 阅读 · 0 评论 -
html css js中注释的使用
html<!--注释内容-->css/* 多行注释 *///单行注释,尽量不要使用,有些浏览器不兼容js/*多行注释*///单行注释原创 2022-03-27 21:02:59 · 116 阅读 · 0 评论 -
html 引入外部css、js文件
引入外部CSS文件:/*方法一*/<style type=“text/css”>@import url(box.css);</style>/*方法二*/<link rel=“stylesheet” href=“box.css” type=“text/css>引入外部JS文件<script type=“text/script” src=“box.js”>...原创 2022-03-18 22:39:25 · 261 阅读 · 0 评论 -
HTML学习总结
原创 2022-02-15 21:48:34 · 100 阅读 · 0 评论 -
正则表达式
写在前面:一个特别好用的在线正则表达式 的测试网站常用元字符. 匹配除换行符以外的任意字符 \w 匹配数字、字母、下划线 \W 匹配任意非数字、字母、下划线 \d 匹配数字 \D 匹配非数字 \s 匹配空白符 \S 匹配非空白符 \n 匹配换行字符 \t 匹配制表符 ^ 匹配字符串开始 $ 匹配字符串结尾 [a-zA-Z0-9] 匹配字母和数字 [^a-zA-Z0-9] 匹配非字母和数字量词* 重复零次或多次 + 重复一次或多次 ? 重复零次或一次 {n}...原创 2022-01-09 18:29:06 · 271 阅读 · 0 评论