在低代码解决方案中，表单是一大类低代码搭建解决的问题。表单作为用户信息采集的手段存在于各类应用中，无论是面向C端的手机页面，还是面向B端的运营平台，甚至低代码平台本身都会存在表单这种形式的交互。 表单本身并不复杂，各个组件库，如antd，element ui等都提供了表单组件，能够将一组输入控件组织成一个表单，并且都提供了简单的校验功能，能够检查单控件类似非空、输入长度、正则匹配之类的问题，也可以针对类似多字段情形自己定制复杂校验逻辑。然而，对于表单项之间存在联动的情形，比如一些字段的出现/消失依赖于其他字段的情形，或者一些字段填写以后其他字段的选项应当变更，这些情形通用的组件库就没有提供解决...

听说你们没抢到可达鸭？不要紧！通过这个网站你就可以生成自己的可达鸭表情包啦：demo（请用PC端访问，svg在移动端上的兼容性太渣渣了，踩坑QAQ） 整体的demo分为画鸭子、生成gif、发布静态站点这三大块，让我们来逐步看看是怎么实现生成定制鸭鸭表情包的网站的嘎！ 画鸭子 我们的可达鸭采用SVG进行绘制。采用SVG的原因是相比canvas，比较容易做手部的动画，喜欢3d的同学可以直接上three.js来做。 整个画面分为可达鸭、收音机、地面、贴纸4个部分。 可达鸭 可达鸭是整个画面中最复杂的部分，主要在于可达鸭的图形复杂，并且许多部分都是曲线的path围成的。 svg中画曲线主要有以下几种方...

引言 在一次公司的前端无法访问的事故复盘后，我们调查了关于应用稳定性前端可以做些什么。对于前端稳定性其实在整个用户访问到页面到请求都需要全链路的监控与追踪，每一个环节都值得我们深入探究一下。本文就从应用服务器、静态资源、页面渲染、接口请求4大方面来各个击破，看看前端稳定性到底需要如何建设。   应用服务器 应用服务器在整个链路的最上游，从用户在地址栏输入域名访问后，流量通过网关（由于网关层的稳定性在大多数公司都不是由业务团队负责，本文暂略去这一部分，具体要做的和应用服务器相对也比较类似）进入到我们的应用服务器，如果我们应用服务器挂了，那么没有任何后续的稳定性可言了。 应用稳定性 应用稳定性指的...

引入 本来是准备写设计低代码的，但在建设低代码组件库时，因为尝试了市面上主流的各种创建项目的方式来打包库，也就此碰到了一系列的问题，所以今天就让我们来尝试设计一个多元化的组件库吧✌️ 最后结论  使用的项目管理工具最后选择为rush+pnpm 主技术栈则是选择的React，相对于Vue，现在打React lib包已经相当成熟了 我们最后产出的组件库特征：  经过各种尝试后，选择了以React为主技术栈 在开发时使用源码引入、生产时使用产物引入的模式 css都打在组件库包中 在没有使用storybook的场景下，每一个组件都有一个自己的showcase页面，showcase和build设置不同的...

我们作为前端，平时遇到的一大类工作就是展现各种的数据，而列表就是其中一个基础而通用的形式，无论是像Google、百度这样的搜索引擎，到像Facebook、Twitter、掘金这样的用户社区，抑或是像美团、饿了么这样的本地服务，列表都是最为重要的展现形式之一。 触底加载 列表加载数据的交互形式主要有分页和触底加载两种形式。由于触底下载更适应于移动设备，同时对于类似推荐这种列表中的项目用个数不确定的情景更适应，因此触底加载成为了目前相对主流的选择。 触底加载的核心在于判断何时满足触底的条件。最直观的一种方法，就是在滚动的过程中，判断滚动元素的scrollTop+clientHeight是否已经接近...

去年在冬季面试的时候，被某厂面试官问了这个问题： 如果我们的数据是富文本，现在要加一个搜索功能，怎么样才能完美的实现高亮呢？ 当时回答的很粗糙，只答了提取出文字进行搜索，怎么回填原本的样式并没有说清楚。 今天坐在我旁边的小哥开始做MarkDown搜索匹配了，又唤起了我尘封已久的记忆，于是今天就让我们来一起震慑一下面试官吧！ 首先能想到的思路是和leetcode的上车问题相关。 有一群乘客，当中一个人在1号站台下车，两个人在2号上车上车，最后求N号站台有多少乘客。 这个问题也可以那么去考虑：在富文本串之中，在遇到开标签就理解为当前的文字“上车”，而遇到闭标签就理解为当前的文字”下车“。 （开标签...

随着前端项目越来越大，我们往往会将一些逻辑、组件或资源从项目中抽离出来，形成单独的npm包。这样，这些内容就可以非常容易地在其他项目中进行复用。然而，当我们需要联调的时候，问题就变得复杂起来，我们需要让依赖包能够响应被依赖的包的变更。这时候，基于文件链接的npm link就极大地方便了我们调试。 文件链接 文件链接是类Unix操作系统中的概念，又分为软链和硬链。软链又被称为符号链接，其是一个单独的特定类型的文件，存储的内容只是一个路径的字符串，如./tsconfig.json，/var/tmp这种，和Windows中的快捷方式非常类似。而硬链则是在文件目录中不同的索引节点指向相同的文件，也就是...

上篇地址是https://www.nowcoder.com/discuss/834183 笔者在2021年末到2022年初面了阿里、百度、字节跳动、微软、拼多多、B站等大厂。这个下篇主要再和大家总结一下性能、前端新趋势、项目方面的面试题～ 优化相关 优化相关主要分为两类：优化开发体验和项目性能优化 优化开发体验  加快打包速度 开发环境可以尝试esmodule的打包形式，可以使用vite或者esbuild-loader webpack的话可以使用cache-loader、happyPack、noParse等  完善devops流程 使用低代码平台构建管理平台页面 利用微前端的技术无关性，新项目...

笔者在2021年末到2022年初面了阿里、百度、字节跳动、微软、拼多多、B站等大厂，本身来说是3-5年经验这个范围。可以看到各大厂对前端的基础知识还是非常重视的，因此想对在这些面试中经常会被问到的题目进行总结，这一篇主要是基础题，希望能够帮助各位一起在前端道路上奋斗的小伙伴获得心仪的offer。 js相关(ts)  箭头函数  不可用于构造函数，无prototype 无法改变this指向  原型链  每个对象的__proto__指向创建它的构造函数的prototype，而构造函数的prototype也有__proto__指向他的父辈或者是Object，当查找一个对象中不存在的属性时，会去它的_...

1. 我们是谁？   字节跳动教育研发团队，跟行业资深精英一起，打造体验更好、学习效率更高、效果更好的教育类产品，追求尽可能覆盖更广泛人群的高品质教育需求。团队通过深入理解业务进行良好的抽象建模，并进行极致打磨；通过技术手段为业务赋能，为用户提供高品质服务。   在这里，有机会一起参与到打造高质量的在线教师，在复杂的业务模式下建设高效率的业务体系，完善学习环节以提升学习效果，通过大数据和人工智能深挖掘学习特征。欢迎来一起探索教育的世界，参与并见证教育产品的成长和成功，跟优秀的人一起完成有挑战的工作。      2.提前批的优势？   提前批，可以考虑直通面试，直接进入面试流程！可以说，提前批让...