ITPub博客

作者简介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

前言前几天面试baidu的时候，面试官问：你都知道什么meta标签？用处是什么？尽可能多的说出来。我：嗯……嗯……我一般都自动生成…面试官：……后来俺找资料好好学了下，再看了taobao和头条的网页才知道：m

前言没了解这两种路由前，不管是vue还是react在项目创建时难免会进行路由之间选择,在hash和history难免会纠结一番,或者是直接稀里糊涂用了默认带#的hash路由，看完这篇分享,保准让你之后不会在为选择哪中路由犯难,实现按需选择。有疑问欢迎在评论区指出，大家一起沟通。简单介绍VueRout

colorhttps://www.npmjs.com/package/color==功能==：JavaScript库，用于不可变的颜色转换和对CSS颜色字符串的支持。npminstallcolorvarcolor=Color('###7743CE').alpha(0.5).lighten(0.5);

什么是“沙箱”也称作：“沙箱/沙盒/沙盘”。沙箱是一种安全机制，为运行中的程序提供隔离环境。通常是作为一些来源不可信、具破坏力或无法判定程序意图的程序提供实验之用。沙箱能够安全的执行不受信任的代码，且不影响外部实际代码影响的独立环境。有哪些动态执行脚本的场景？在一些应用中，我们希望给用户提供插入自定

一、背景1.1.前端性能优化的业务意义前端的本质价值是什么?我认为是给用户创造良好的交互体验。前端性能对用户体验、对业务跳失率的影响，在业界已有共识，不言而喻。根据Google的数据，如果移动站点的加载时间超过3秒，53%的用户会放弃访问。加载时间从1s延长到3s时，跳失率增加32%加载时间从1s延

什么是跨域浏览器有一个重要的安全策略，称之为「同源策略」其中，源=协议+主机+端口源=协议+主机+端口源=协议+主机+端口，两个源相同，称之为同源，两个源不同，称之为跨源或跨域比如：源1源2是否同源www.baidu.com[1]www.bai

一、概述基本特征1.并发并发是指宏观上在一段时间内能同时运行多个程序，而并行则指同一时刻能运行多个指令。并行需要硬件支持，如多流水线、多核处理器或者分布式计算系统。操作系统通过引入进程和线程，使得程序能够并发运行。2.共享共享是指系统中的资源可以被多个并发进程共同使用。有两种共享方式：

前言深度克隆（深拷贝）一直都是初、中级前端面试中经常被问到的题目，网上介绍的实现方式也都各有千秋，大体可以概括为三种方式：JSON.stringify+JSON.parse,这个很好理解；全量判断类型，根据类

前言最近没有更新文章，因为去字节实习了一阵，实在是没有精力写东西，所以就咕咕咕了。现在回学校了，就可以继续更新啦，因为在字节做的业务和图可视化还有拖拽关系比较大，所以这次就写下拖拽相关的内容。HTML5D