前言 js中有很多API贼好用，省下了很多工夫，你知道它的原理吗？这篇文章对它们做一个总结。 正文 一、手撕instanceof instanceof的原理：通过判断对象的原型是否等于构造函数的原型来进行类型判断 代码实现： constmyInstanceOf=(Left,Right)=>{ if(!Left){ returnfalse } while(Left){ if(Left.__proto__=Right.prototype){ returntrue }else{ Left=Left.__proto__ } } returnfalse } //验证 console.l...

  世界上只有一种真正的英雄主义，那就是看清生活的真相之后，依然热爱生活。-罗曼罗兰 大家好，我是柒八九。 在如今的互联网大环境下，每天都充斥着各种负能量。有可能，你上午还在工位摸鱼，下午HR已经给你单独开小灶，很煞有介事的通知你，提前毕业了。在这个浮躁的互联网环境下，总有一种我们永远不知道明天和意外哪个先到的感觉。 《古兰经》中有一句很契合的话，山不过来，我就过去。 既然，外部环境我们无法去改变，那就从我们内部改变。所以，我又重新总结了一套，2023年最新的面试集锦，以便大家一起度过寒冬，拥抱更好的未来。 note: 其中有些知识点，在前面的文章中，有过涉猎，为了行文...

在我们日常开发中，flex布局可以说是家常便饭，对于很多的我们来说（你懂得^_^），可能我们用的比较多的应该就是垂直居中里，也就是下面这段代码： .flex-box{ display:flex; justify-content:center; align-items:center; } 写的非常好（^_^）！然后我们都知道这个是定义在父元素的，布局效果是在子元素生效的！对吧！但是我们有没有想过这样的问题？ 假如所有子元素宽度之和大于父元素的宽度时，这时候的子元素会如何变化？ 假如所有子元素宽度之和小于父元素的宽度时，这时候的子元素又会如何变化？ 我们先不管这两个问题是怎么样，又是怎么...

九月的好时光，正是远离烦闷的好机会。国庆长假将至，你是否已经计划好了一场说走就走的旅行呢？如果还在纠结出游去哪里，不妨听听小编给大家推荐的10个最佳旅行地，让你的假期更加充实和难忘！下面就让我们一起来探索这些目的地吧！ 喀纳斯——秋日的天堂 如果你想感受中国最壮丽的秋色，喀纳斯绝对是个不错的选择。这里被誉为秋日旅行的天花板，金黄色的山峦简直美到令人窒息！五彩斑斓的森林，高山湖泊被密林环抱，湖泊清澈，云杉环绕，勾勒出一个彩色斑斓、灿烂夺目的童话世界。在禾木村，被彩林环抱的村庄，袅袅炊烟升起，散发着岁月的宁静与温柔，如一幅幅淡墨写意的画作。喀纳斯是一个令人向往的地方，金色画卷温暖人心，总有让...

有位新同事刚刚加入公司，负责开发某个信息系统配套的后台管理系统。要求在后台管理系统中实现不同权限角色的功能。 本着快速交付实现价值，他创建了不同权限角色的对象，例如admin、editor和employee，然后手动复制了每个角色的代码，并对其中的功能进行了修改和扩展。 代码看起来好像没什么问题，虽然结构清晰，但是代码重复率极高，一个功能被连续copy了多次，但是对于业务来说，代码逻辑调整是经常的事情，这个代码如果上线，对于下一次调整来说简直就是灾难。 就像下面这样： //admin角色 constadmin={ name:'Admin', login:function(){ //登录逻辑...

关于领导让我面试别人，我准备了那些面试题 前端领导一天对我说你准备下面试题，然后我会筛选些简历给到你，你到时候负责一面。然后大致跟领导聊了下需要那样得，有没有什么具体要求。 大致就是要求能干活，不管是表格、echarts等能立刻上手，别是刚培训班出来得就行。  可能也是上个同事来了一个礼拜也没写出来什么太多东西。然后领导最后跟我们说他每天我看到再微信聊天,让写个表格都能墨迹半天写不出来。本来再一周得时候都能看出大致水平了，但是领导觉得都招进来了好好学，每天积极学习也是愿意培养得。最后领导跟我们说他既然不愿意学，每天就是按时下班等情况吧就让人走了总共算是待了两个礼拜，工资也正常...

 一、技术核心 通过切换 css 选择器的方式实现主题样式的切换. 在组件中保留不变的样式，将需要变化的样式进行抽离 提供多种样式，给不同的主题定义一个对应的CSS选择器 根据不同主题通过切换CSS选择器设置不同的样式 二、实现方法 提取公共CSS样式,通过变量的形式切换主题 1、建一个存放公共css变量的js文件，将需要定义的css变量存放到该js文件，通过css-vars-ponyfill插件换肤 //variable.js //字体变量 constbaseSize={ "--font-size-first-level-title":"18px", "...