【爆肝面试系列】CSS 垂直居中的正确打开方式 web-css-gaoji-jichu.jpeg前言之爆锤面试官神器 - CSS无论是实际开发中,亦或者是求职面试中,css 垂直居中往往都是一个绕不开的话题,其中不乏有许多面试者在多次双重尝受打击之后,而没有一个很好的反击点,刚好结合自己以前受的委屈和痛苦,来给大家一个锤爆面试官大佬们的机会。其实垂直居中主要分为了两种类型:居中元素宽高已知 和 居中元素宽高未知,那么我...
使用 Performance 看看浏览器在做什么 前言Chrome 浏览器的 Performance 面板为我们提供了检测页面性能的能力,但其提供的远不止一些性能数据。本文将从工作原理的视角,结合实际工程的录制结果,探一探性能面板向我们透露的其他信息。性能面板关于面板的功能与使用方法,可以参考这篇文章[1]。本节主要介绍浏览器架构与性能面板的关系。因为尚未决出最终的标准架构,各大浏览器的实现细节各有不同。这里我们以 Ch...
20个不容错过的ES6技巧 前言大家好,我是 xieyezi,好久不见,我又重新回归掘金啦, 这次为大家整理了20个使用频率很高的ES6代码块,希望大家喜欢????文中代码对应的详细注释和具体使用方法都放在我的 github 上,源代码在底部连接1. 打乱数组顺序code1.png2. 去除数字之外的所有字符code20.png3. 反转字符串或者单词code2.png4. 将十进制转换为二进制或十六进制...
技术创造价值,手把手教你薅羊毛篇 距离上一篇年终总结的文章已经过了3个多月了,在年终总结中写到了利用脚本自动薅羊毛的话题,评论里有不少小伙伴比较感兴趣。so,今天就来给大家详细介绍一下如何让技术创造价值(得给薅羊毛上升一个层次)。本文没有什么技术难点,即使技术小白也能轻松上手。手机里的各种APP为了留住用户,增加日活月活量,基本上都会推出签到换礼品之类的活动。接下来我就拿我之前经常用的叮咚买菜APP来举例...
性能优化——图片压缩、加载和格式选择 本文首发于政采云前端团队博客:性能优化——图片压缩、加载和格式选择https://www.zoo.team/article/images-compress前言相信大家都听说过 "258 原则(https://blog.csdn.net/weixin_42139375/article/details/83001248)" ,一个网站的性能好坏很大程度上会影响到用户的体验。在...
大家知道的 Vuex 的小技巧,超好用 当访问某个数据项嵌套太深了,优化一下访问的方式我相信每一个程序员都会使用vuex吧,首先我承认vuex真的超好用,尤其是在项目特别大的时候,代码会看起来非常的简洁,也方便维护,但是项目大了,vuex的公共数据的嵌套也会越来越深,在组件中使用的时候就会像下面这张图一样,我要一直点啊点,才能拿到最里面的数据,项目大了点都要点老半天......image.png在我的不断尝试中...
关于前端主题切换的思考和现代前端样式的解决方案落地 demo在线体验地址:https://hongqingcao.github.io/v-theme-colors/ 源码地址:https://github.com/HongqingCao/v-theme-colors(ps 大部分功能暂未同步发布)一、换肤网站或者应用一键切换主题(简称:换肤)功能,对每个前端开发者来说已经非常常见了,通常是一深一浅,或自由组合衍生出众多主题...
如何降低前端业务复杂度? 来源:lecepinhttps://juejin.cn/post/7045090471852376101无论做业务需求还是做平台需求的同学,随着需求的不断迭代,通常都会出现逻辑复杂、状态混乱的现象,维护和新增功能的成本也变的十分巨大,苦不堪言。下图用需求、业务代码、测试代码做对比:图中分了 3 个阶段:阶段 1:正常,都是线性增长。阶段 2:需求数正常增长,业务代码行数开...
如何把前端项目写成一座屎山? 作者:阿佛加德奔原文:https://juejin.cn/post/7086735198942920712前言最近几年前端发展的非常快,SPA的繁荣让前端的工程化也越来越重。在很多场景下,前端的复杂度和难度也早已经超过了后端。但快速的发展下,前端也逐渐暴露出了许多问题。众所周知,前端从业人员很少谈程序的设计原则或设计思想。设计模式也顶多是在八股面试时千篇一律的问答“观察者...
前端工程化:保姆级教学 Jenkins 部署前端项目 DevOps提到 Jenkins,想到的第一个概念就是 CI/CD 在这之前应该再了解一个概念。DevOpsDevelopment和Operations的组合,是一种方法论,并不特指某种技术或者工具。DevOps 是一种重视Dev开发人员和Ops运维人员之间沟通、协作的流程。通过自动化的软件交付,使软件的构建,测试,发布更加的快捷、稳定、可靠。CICI 的...
几十场面试拿下字节前端offer,揭露实战真相! 看最近找工作的朋友较多,这里给所有粉丝提个醒~大环境不好不代表没有好机会!就像前端粉丝大洲,双非硕士学历,不到2年的工作经验,在疫情被裁后以总包50W+的待遇跳进字节。以下是他的面经全过程,希望对大家有帮助(文末附大洲上岸刷的面经真题,需要自取)面试背景:个人情况大洲(化名),前端方向,2020年毕业入职中厂,21年10月离职,3月陆续拿下阿里、字节、拼多多等offer...
GitHub标星163K,大厂高级研发必备的系统设计指南 系统设计入门说到系统设计,在我们日常工作往往接触的不多,因为很多时候项目组的项目架构都是成熟的,我们只需要负责增删改查就行,本文主要介绍在系统设计中我们应该注意哪些问题,以及提供一些解决思路及利弊分析。学习本文可以有以下收获1、了解如何设计大型系统2、拿捏面试面试中我们常常被问到系统设计这一块的问题,那么作为系统设计的新手,我们首先需要对通用原则具有基本的了解,知道它们是...
还在直接用 localStorage 么?该提升下逼格了 很多人在用localStorage或sessionStorage的时候喜欢直接用,明文存储,直接将信息暴露在;浏览器中,虽然一般场景下都能应付得了且简单粗暴,但特殊需求情况下,比如设置定时功能,就不能实现。就需要对其进行二次封装,为了在使用上增加些安全感,那加密也必然是少不了的了。为方便项目使用,特对常规操作进行封装。不完善之处会进一步更新...(更新于:2022...
比你想象中更强大的 reduce 以及对敲码的思考 前言前面的这篇文章JS 基础\! | 扁平数组和JSON树的转换[2]利用到了reduce来实现数组转为map,以及结合concat实现数组递归拼接。今天我们来看看还能搞些什么名堂~简单复习一下 reduce语法letvalue=arr.reduce(function(previousValue,item,index,array){//......
进阶TypeScript!一文带你理解TS中各种高级语法 TypeScript 的重要性我不在强调了,我相信仍然会有大多数前端开发者碰到复杂类型一概使用 any 处理。我写这篇文章的目的就是为了让你告别 AnyScript ,文章告别晦涩的概念结合实例来为你讲述一系列 TS 高级用法:分发、循环、协变、逆变、unknown ... 等等之类。让我们告别枯燥的概念,结合真实用例来掌握 TypeScript 从此彻底告别 AnySc...
某一线前端小组长的 Code Review 分享 原文地址: https://juejin.cn/post/7052570403029385253作者L:悄悄哥☀️ 前言大家平时网上搜索能搜出一堆Code Review 实践、Code Review 流程、如何如何 Code Review 等等。好像实际的 review 记录并不多,恰好本人有幸担任前端小组长一职,平时摸鱼就去偷偷看看大家又写了什么优秀代码。所以今天就由小...
儿童节快乐! 奉上挑战 26 道烧脑的 JS 面试题 本文精选了20多道具有一定迷惑性的js题,主要考察的是类型判断、作用域、this指向、原型、事件循环等知识点,每道题都配有笔者详细傻瓜式的解析,偏向于初学者,大佬请随意。第1题leta=1functionb(a){a=2console.log(a)}b(a)console.log(a)复制代码答案2、1解析首先基本类型数据是按值传递的,...
leetcode 最常见的150道前端面试题(简单题下) 本文题目选自 LeetCode 精选 TOP 面试题[1],这些题在自己和同事亲身经历中,确实遇到的几率在百分之80%以上(成都和北京的前端岗位)。本篇是简单题(下)20题左右,上半部分详见leetcode 最常见的 150 道前端面试题(简单题上)二叉树(DFS)二叉树前中后遍历套路详解前序遍历题目如下:root节点是A节点(下图的A节点),然后让你按照下图数字的顺序依...
不错的 SCSS 使用技巧总结(1w字) 前言今时不同往日,能叫我们切图仔的只能是我们自己!在JavasScrip框架满天飞的年代,前端三板斧之一的CSS也前前后后涌出Sass、Less 、Stylus等多款CSS预处理框架。今天我们要讲的就是其中的的老大哥Sass的升级版Scss,Scss给我们提供了变量 、循环 、继承 、混入、函数等一系列强大的功能以方便我们开发。以前觉得Scss简单,后来发现,简单是真的简...
前端配置化真香~上班又多了60%的摸鱼时间 这篇文章是笔者曾经全盘负责了接近一年的广告投放系统沉淀下来的开发经验,大家各取所需,不喜勿喷~当然啦,有自己的见解、更好的建议的大牛朋友们,我们评论区见~hhh,大????多提点高见,让笔者继续学习继续进步!本文从场景介绍、设计&实现、性能优化三个部分进行讲解。笔者当时的技术栈是vue2+element-ui,文章案例也是(其实大家不必纠结于技术栈,掌...