作者林育新，腾讯云容器产品工程师。目前主要负责腾讯云TKE的控制台的相关研发工作。 在开源社区当中，Kubernetes 的 Ingress Controller 的实现有多种方式，Nginx Ingress 只是其中的一种实现方式，当然也是目前社区中使用量最大的一种 Ingr…

在组件有了之后，我们需要对组件进行整合，在packages文件夹下创建index.js入口文件对组件进行整合。 我们需要测试ui渲染后的结果。需要在浏览器中测试,所有需要使用Karma 请教了大佬，回复是：因为用到window变量了，最好引入时单独逐一引入，就是当是开发的时候可…

作为前端开发人员，大家众所周知的是一个页面打开的速度对于用户体验和用户流失率来说至关重要，甚至可以说秒开是一个web项目的基本要求。接下来，我将分享一下如何用webpack神器进行web项目的性能优化。性能优化分为两部分，第一个部分是web打开时性能优化，另一个则是webpac…

在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI, Vuetify 等. 本文笔者将介绍如何一步步, 创建并发布自己的 Vue UI 组件库. 接下来让我们写一个简单的 Vue component. 这里我写了一个简单的顶栏控件…

🎨文章超过1w字，通读大约需要30min。在前端工程化日趋复杂的今天，模块化打包工具在我们的日常开发中起着越来越重要的作用，而其中， webpack 已然是前端打包构建的不二选择。 说到 w

编程风格这个东西，说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同，完全是各有千秋的既视感啊 放眼望去，在前端，但凡有个项目，无论大小，都会看到它的身影。并非为了提高比格，让别人暗赞专业，而是它确确实实帮我们检测出不易察觉的错误，避免N多个线上…

近几年，前端发展速度很快，这也意味着对前端工程化的要求会越来越高，而前端自动化测试作为代码质量保证的一环，也是前端工程化的范畴，目前很多开源框架或库都使用了前端自动化测试，例如Ant Design、Element UI等，所以我们有必要学习一下前端自动化测试。 Jest是fac…

npx是一个工具，它是npm v5.2.0引入的一条命令（npx），是npm的一个包执行器，只要为了提高从npm注册表使用软件包的体验 。 npx使得使用CLI工具和其他托管在注册表。 就像npm极大地提升了我们安装和管理包依赖的体验，在npm的基础之上，npx让npm包中的命…

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…