ITPub博客

前言不知各位朋友现在在web端进行登录的时候有没有注意一个变化，以前登录的时候是直接账号密码通过就可以直接登录，再后来图形验证码，数字结果运算验证，到现在的拼图验证。这一系列的转变都是为了防止机器操作，但对于我们来说，有亿点麻烦，但也没办法呀。今天我们也一起来做一个制造亿点麻烦的人，实现一个拼图验证

前言微前端系列分为上/下两篇，本文为上篇主要还是了解微前端的由来、概念、作用等，以及基于已有的微前端框架进行实践，并了解微前端的核心功能所在，而在下篇**2022你还不会微前端吗\(下\)—揭秘微前端核心原理**[1]中主要就是通过自定义实现一个微前端框架来加深理解。2AA922E9.gif微前端是

最近简单的「羊了个羊」小游戏火到出圈，据说狂赚几百几千万。这么弱智的玩意，即便是前端，我上我也行！最终成果游戏本体如果一直白屏可以换这个地址https://1enozc.csb.app/地图模拟游戏本体长这样可以很明显的观察到，卡片是以1/4为单位排列的1.单层假设有这种布局，模拟成二维数组应该如下

开工大吉，来篇打鸡血的吧！祝大家在新的一年里身体健健康康，工作顺顺利利中部不知名二本毕业，半路转前端，2018年9月入坑，如今整四年，目前就职于一家中型公司为什么走编程这条路？其实是没有选择，有时没有选择，就是最好的选择这一路走来，笑过痛过，开心过也失望过，拥有过，也失去过壮志未酬很早就给自己定下了

近在网上冲浪时看到了这样一段代码：functiongetUserDescribe(name){if(name==="小刘"){console.log("刘哥哥");}elseif(name==="小红"){console.log("小红妹妹");}elseif(name==="陈龙

大家好，这次要聊的主题是「图片压缩」。在一般页面里面，使用多的「静态素材」非图片莫属了，这次轮到对它动手👊！背景🎨(美术):这是这次需求的切图📁，你看看有没问题？🧑‍💻(前端):好的。页

前言现在成熟的前端团队里面都有自己的内部构建平台，我司云长便是我们CI/CD的提效利器。我先来简单介绍下我司的云长，此云长非彼云长，云长主要做的是：获取部署的项目，分支，环境基本信息后开始拉取代码，安装依赖，打包，并且将项目的一些资源静态文件上传CDN，再将生成的代码再打包成镜像文件，然后将这份镜像

1.目标场景有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。2.思考解决方案如何去解决这个问题思考中...如果后端可以配合我们的话我们可以使用webSocket跟后端进行实时通讯，前端部

前言还记得之前在面试的时候，有一位面试官就问了，关于前端鉴权这块，Token、Cookie、Session、JWT、单点登录是什么？有什么作用？你一般是怎么做的？以及你是怎么存储的呢？那你又是怎么保证它的安全的呢？一顿连问下来，我是焦头又烂额，欲言而又止.......其实鉴权的方法有很多，下面我总结

作者简介shuanfeng，携程前端开发工程师，关注性能优化、低代码、svelte等领域。一、技术调研近几年，前端框架层出不穷。近两年，前端圈又出了一个新宠：Svelte。作者是RichHarris，也就是Ractive,Rollup和Buble的作者，前端界的“轮子哥”。通过静态编译减少框架

作者简介JasonWang，携程研发经理，目前主要负责低代码类产品的设计和研发，关注低代码行业的发展及相关解决方案在企业内部的落地。一、背景随着低代码开发方式被越来越多的人接受和认可，低代码得到了蓬勃发展，更被寄希望成为IT行业革命性的“新生产力”。据报道，全球低代码类产品市场规模在2021年超百亿

前言最近有幸在前端团队里面做了一次关于webpack的技术分享。在分享的准备过程中，为了能让大家更好的理解webpack，特意对市面上以前和现在流行的构建工具做了一个梳理总结。在整理和分享的过程中，获益匪浅，对前端构建工具有了新的认识。在这里，将自己的一些思考总结写出来，希望也能给到对构建工具同样感

前端缓存前端缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。今天我们再来总结一下。分类前端缓存分为强缓存和协商缓存两种。强缓存强缓存主要使用Expires、Cache-Control两个头字段，两者同时存在Cache-Contro

一词翻译自英语"raceconditions"。当我们在开发前端web时，最常见的逻辑就是从后台服务器获取并处理数据然后渲染到浏览器页面上，过程中有不少的细节需要注意，其中一个就是数据竞态条件问题，本文会基于React并结合一个小demo来解释何为竞态条件，以及

前言最近有幸在前端团队里面做了一次关于webpack的技术分享。在分享的准备过程中，为了能让大家更好的理解webpack，特意对市面上以前和现

前言事情是这样的，上周，我的一位两年前端经验的发小，在腾讯三轮面试的时候被问了一个问题：说说你们公司前端监控项目的架构设计和亮点设计；而说回我这位发小，因为做过他们公司监控项目的可视化报表界面，所以简历上有写着前端监控项目的项目经验；但是不幸的

K8S是什么在回答这个问题之前，让我们一起先了解下web应用部署方式的演化过程。宿主机模式在我刚接触软件开发的时候，人们部署应用的方式通常是这样的：首先需要一台服务器，然后在服务器上安装WebServer

英文|https://medium.com/frontend-canteen/algorithms-for-front-end-interviews-4aa329bb2ce4翻译|杨小爱前端是一个不断变化的领

最近，我的一位朋友在面试时被问到这个问题。这个问题其实是考察面试者对性能优化的理解，涉及的话题很多。下面我就和大家一起来分析一下这个问题。创建服务器为了方便后续测试，我们可以使用node创建一个简单的服务器。服务器端代码：consthttp=require('http')

概览本文以“前端监控上报数据”的业务场景，重点解析在页面实例关闭时，如何将监控数据上传到服务端的解决方案。其中，涉及到4种方案，分别为：同步XMLHttpRequestimg.srcnavigator.sendBeaconfetchkeepalive同步XMLHttpRequestconstdata