
面试
文章平均质量分 66
未成年梦想
这个作者很懒,什么都没留下…
展开
-
tdesign的白天黑夜模式实现原理
以tdesign为例。原创 2023-06-05 11:01:49 · 519 阅读 · 0 评论 -
前端div水平居中的几种实现方式
awidth;height;;display;;;height;;</</</</原创 2023-06-05 10:59:00 · 530 阅读 · 0 评论 -
前端面试之手写call,apply,bind
window对象this。原创 2023-06-05 10:55:48 · 560 阅读 · 0 评论 -
关于flex布局justify-content:space-around最后一个不对齐的解决方法和为什么这样子解决是讨论
参考文章@flex布局设置space-between(around)最后一行不左对齐问题-解决办法@[译]当咱们在使用displayflex的时候,到底发生了什么?大家可能都遇到过下面这种情况,在布局的时候我们不得不设置并且效果本来想是下面这张图右边的效果,但是显示的却是左边的效果了其实解决也很简单,在最外层添加一个伪类即可html结构......原创 2022-07-22 11:33:42 · 4825 阅读 · 1 评论 -
前端面试可能会问到的知识点记录
v-model原来写法原创 2022-07-18 15:40:18 · 663 阅读 · 0 评论 -
今日刷题(2022-5-11) - Object.defineProperty和Object.getOwnPropertyDescriptor
题目1下列window方法中,可以显示对话框的一项是()A: confirm()B: alert()C: prompt()D: open()答案C解析A: 弹出一个判断对话框(有确认,取消按钮和提示文本),返回值为用户所按下的,为真返回true,为假返回falseB: 弹出一个对话框C: 弹出一个用户输入对话框,返回值为用户输入的值,没有输入则返回值为nullD: 打开一个指定的窗口并指定打开方式题目2var s = Symbol('key'); ..原创 2022-05-13 23:40:18 · 226 阅读 · 0 评论 -
前端牛客真题刷题(2022-5-10) - 注意基础知识不要忘了基本原理
题目1SVG 有多少种图形对象类型?A: 2 B: 3C: 5D: 7答案解析题目2以下哪个是 html5 中的 input 类型属性?(1) search(2) datetime(3) week(4) color(5) track(6) placeholderA: 1 , 2 , 3 , 4 , 6 B: 1 , 2 , 3 , 4 , 5 C: 2 , 3 , 4 , 5 , 6 D: 1 , 3 , 4 , 5 , 6 答案解析原创 2022-05-13 23:31:46 · 1042 阅读 · 0 评论 -
今日刷题(2022-5-10) - 微任务和宏任务
题目1执行以下程序,输出结果为()var a = 100;function a(){var a = 200;console.log(a);}a();A: 100B: 200C: 抛出异常D: f a(){var a = 200;console.log(a);}答案C解析首先注意,函数提升优先级高于变量提升(也就是先函数提升才轮到变量) 之前我一直以为是被覆盖…所以上面的代码相当于function a(){var a = 200;原创 2022-05-10 09:04:07 · 473 阅读 · 0 评论 -
今日刷题(2022-5-8) - 类型转换必须解决
题目1下面结果为真的表达式是:()A: null instanceof ObjectB: null === undefinedC: null == undefinedD: NaN == NaN答案C解析A:null instanceof Object ;// falsetypeof null === ‘object’;// true同理undefined instanceof Object ; //falsetypeof undefined === ‘u原创 2022-05-08 10:13:46 · 633 阅读 · 0 评论 -
今日刷题(2022-5-4) - 四舍五入的技巧
题目1Math.round(-2019.5)的结果是A: 2019B: -2019C: 2020D: -2020答案B解析不多说,了解到的一个技巧,Math.round() 原来的数字加上0.5 然后向下取整就是最终值// 例子//2019.49 + 0.5 = 2019.99 向下取整 2019 x=Math.round(2019.49);//2019.5 + 0.5 = 2020.0 向下取整 2020x=Math.round(2019.5);//-2原创 2022-05-13 23:57:55 · 259 阅读 · 0 评论 -
今日刷题(2022-5-3) - 类型转换
title: 今日刷题-类型转换tags: [刷题,刷刷刷]categories: [刷题]date: 2022-5-3 09:18:30updated: 2022-5-3 09:18:00index_img: https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/5d67a9c7-e711-4198-9de6-99a723156055.jpg题目1下面有关JavaScript内部对象的描述,正确的有?(多选)A: History 对象包含.原创 2022-05-07 10:05:26 · 127 阅读 · 0 评论 -
今日刷题(2022-5-2) - decodeURI
题目1下列正确定义函数的是A: function foo() {}B: Function foo() {}C: var foo = new Function() {}D: var foo = new function() {}答案A解析B当中的 ‘Function’ 写错了,应该是 ‘function’C当中应该是 var foo = new Function (参数1,参数2,…)D同C一样,都是弄错了题目2以下代码执行时不会在控制台输出错误信息的是:原创 2022-05-07 10:04:07 · 300 阅读 · 0 评论 -
今日刷题(2022-5-1) - CMD和AMD的模块化
文章目录题目1题目1下列关于 JavaScript 模块化的描述,错误的是()A: AMD推崇依赖前置,CMD推崇依赖就近B: Sea.js遵循AMD规范,RequireJS遵循CMD规范C: 主流的模块化包括CommonJS,AMD,CMD等D: 模块化有利于管理模块间的依赖,更依赖模块的维护答案B解析AMD(也就是Async Module definition)异步模块加载机制,比如说Require.js使用的就是AMD规范,依赖前置,所有的依赖必须要放在最前面(一次性引原创 2022-05-07 10:03:31 · 340 阅读 · 0 评论 -
今日刷题(2022-4-30) - 注意优先级
题目1执行以下代码,其实现的效果为()<div> <input type="button" id ="button1" value="1" onclick="moveBtn(this);"> <input type="button" id ="button2" value="2" /></div><script type="text/javascript"> function moveBtn(obj) { var原创 2022-05-07 10:02:32 · 255 阅读 · 0 评论 -
深入自定义事件和原生DOM事件($attr等)
深入自定义事件和原生DOM事件自定义事件在组件上标签上添加的事件就是自定义事件,不管系统是否带这些事件,比如在上添加@click @click/> 那么@click在自定义组件上就是自定义事件添加的事件如果没有传入参数,那么输出就是undefined如图,传入了参数,单击button,输出为10,如果没有传递参数10,则输出undefined自定义组件上绑定原生DOM事件使用native和不使用如图原生DOM事件在HTML标签上添加就是原生DOM事件,比原创 2022-05-07 09:45:22 · 3130 阅读 · 0 评论 -
今日刷题(2022-5-6) - 重写的ValueOf
题目1以下关于Histroy对象的属性或方法描述正确的是()(多选)A: back回到浏览器载入历史URL地址列表的当前URL的前一个URLB: go表示刷新当前页面C: length保存历史URL地址列表的长度信息D: forward转到浏览器载入历史URL地址列表的当前URL的下一个URL。答案A,C,D解析A: back回到浏览器载入历史URL地址列表的当前URL的前一个URLB: go() 加载history列表中的某个具体页面(可以自由跳转)。所以B的表述原创 2022-05-07 09:41:00 · 229 阅读 · 0 评论 -
今日刷题(2022-5-5) - 变量的回收和reduce的使用
题目1以下哪些表达式的值为0?(多选)A: (()=>{}).lengthB: 1 & 2C: +[]D: [1,2,-3].reduce((a, b) => a - b, 0)答案A,B,C,D解析A: 获取的是形参的个数(不是实参)如果是((a)=> {}).length,形参有一个所以函数的length为1 ;如果是((a,b)=> {}).length,形参有两个所以函数的length为2假如:function aaa原创 2022-05-07 09:39:52 · 102 阅读 · 0 评论 -
今日刷题(2022-4-28)-请求头和响应头有必要了解
今日刷题(2022-4-28)-请求头和响应头有必要了解原创 2022-04-28 15:27:53 · 623 阅读 · 0 评论 -
今日刷题(2022-4-27) - 数组的splice和map方法
题目1以下哪些Array对象的方法不会更改原有数组?(多选)A: concat()B: splice()C: map()D: sort()答案A,C解析A: 用于连接字符串的操作,返回一个连接后的字符串B: splice用于对数组进行增,删,改,会对原数组进行修改,返回值为增加,删除,修改后的数组(可以理解为修剪后产生的屑)C: map函数遍历数组每一项,并将其返回值作为新值传递给新数组比如 [1,2,3].map(item,index,array=>原创 2022-04-27 20:09:04 · 396 阅读 · 0 评论 -
今日刷题(2022-4-26)-注意数组的一些方法
题目1在下列Promise所提供的方法中,用来向成功或者失败的回调函数队列中添加回调函数的是( )A: doneB: failC: always D: then 答案D解析A没有,B也不存在,C为一个扩展(不管有没有成功失败都会调用),D的回调有二个参数,第一个是成功回调,第二个是失败回调 <script> const promise1 = new Promise((resolve, reject) => {原创 2022-04-27 20:06:28 · 298 阅读 · 0 评论 -
今日刷题(2022-4-25) - let的暂时性死锁
题目1以下代码执行后,输出结果为() let x = 10;let foo = () => { console.log(x); let x = 20; x++;}foo();A: 抛出ReferenceErrorB: 10C: 20D: 21答案A解析需要知道的知识点let变量的没有变量提升的只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。(暂时性死区)//注意下面这种情原创 2022-04-27 20:05:40 · 715 阅读 · 0 评论 -
今日刷题(2022-4-24)-注意let
题目1下列不属于document对象方法的是?(多选)A: onloadB: querySelectorAllC: childrenD: ajax答案A,C,D解析A: onload 属性是一个事件处理程序用于处理Window, XMLHttpRequest, <img> 等元素的加载事件,当资源已加载时被触发。比如window.onload = function ( ) { }可以参考B: document.querySelectorAll(“选择原创 2022-04-24 18:05:33 · 1501 阅读 · 0 评论 -
今日刷题(2022-4-23) - JavaScript的身份证正则和内置可迭代对象
题目1以下哪些对象是Javascript内置的可迭代对象?(多选)A: ArrayB: MapC: StringD: Object答案A,B,C解析JavaScript当中可迭代的对象有ArrayMapSetStringTypedArrayarguments对象(注意:箭头函数是没有arguments和this的,所以只有普通函数才有arguments)NodeList对象(从document.getElementsByTagName之类获取的节点列表)原创 2022-04-24 18:03:26 · 1020 阅读 · 0 评论 -
今日刷题(2022-4-22) - js的call,apply为null,undefined的情况和日期的注意点
题目1function a(){ console.log(this);} a.call(null);//输出结果为?答案window解析call,apply用于改变this的指向,并且可以让任意函数成为某一对象的方法进行调用特别的是null或undefined时,将是JS执行环境的全局变量。浏览器中是window,其它环境(如node)则是global。ECMAScript5.1 15.3.4.4中有解释题目2有var d = new Date('2018原创 2022-04-24 18:02:25 · 1788 阅读 · 0 评论 -
今日刷题(2022-4-21) - try...catch...finally
题目1var i = 100;function foo() { bbb: try { console.log("position1"); return i++; } finally { break bbb; } console.log("position2"); return i;}foo();答案position1 position2解析,上面代码转换下,对齐下 va原创 2022-04-24 18:01:26 · 264 阅读 · 0 评论 -
今日刷题(2022-4-20) - 隐式转换和String和new String
题目1var p1 = { name:'小明', age:'12', action:function(where,doing){ console.log(this.age + '岁的'+this.name + '在' + where + doing); } }var p2 = { name:'小红', age:'15'}console.log(p1.action.call(p2,'操场上','运动'))输出结果15岁的小红在操场上运动分析call原创 2022-04-24 18:00:37 · 349 阅读 · 0 评论