自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(54)
  • 收藏
  • 关注

原创 基于qiankun落地部署微前端爬”坑“记

❝前沿:前半年微前端火得一踏糊涂,刚好业务需求上有这样的应用场景,针对目前的微前端解决方案做了技术选型,qiankun作为蚂蚁金服内部孵化出来的微前端解决方案,经过线上应用充分检验及打磨...

2020-07-22 17:41:18 17961 10

原创 3分钟分析网站使用的技术栈

❝哈喽,我是树酱????。平时在了解和熟悉一些Web产品的技术栈的时候,你会怎么做?你是不是还在打开浏览器开发者工具,然后在网络标签查看加载的资源、亦或者直接查看网页源代码。有没有更高效快捷的方式?????有!目前有一些在线工具和服务可以帮助你分析网站的技术栈比如:WappalyzerWappalyzerWappalyzer是一款专门用于分析网站技术栈的浏览器扩展程序,它可以帮助用户识别网站使用了哪些技术它以...

2024-05-27 08:58:25 524

原创 开发者出海时都在用哪些组件库?

❝哈喽????,我是树酱。今天我要介绍的是在开发者出海时经常使用的组件库。这些组件库大多采用Tailwind CSS作为基础,它们不仅风格独树一帜,而且外观也非常吸引人!1.Shadcn-uishadcn的风格跟Notion风格很像,早在2023年。就以不到一年的时间,获得了39k的star的成绩。它是一个headless UI库(没有自定义样式,而是基于Tailwind CSS 和 Radix UI ...

2024-05-12 18:06:00 1191

原创 最强拖拽组件 Pragmatic-drag-and-drop

❝哈喽,我是树酱。我们知道目前的可视化低代码平台,大部分都具备可视化的编排场景,于是也有了拖拉拽的场景的需求。今天给大家分享一款最近刚开源的前端最强拖拽组件 Pragmatic-drag-and-drop 后文中称为Pragmatic近期也荣登热门榜开源项目 ????关于先简单介绍下:它是由Atlassian 公司出品。一个关注性能的拖放库,可用于增强前端用户体验。看Pragmatic这个名字的中文含...

2024-04-11 18:05:56 765

原创 五年前端的面试之旅

哈喽我是树酱,最近整理了下前端面试相关的知识题库,借此分享给各位小伙伴,帮助小伙伴早日拿到钟意的offer!前言最近就业市场不景气,跟大环境较差也有关,确实给我们也会带来一定的挑战。在招聘网站投简历的时候。经常遇到以下两种情况。已读不回。消息已送达无回复。主动沟通一般可以如何解决这种尴尬的场面呢?跟HR打招呼的时候,尽量不要用那种默认沟通模版如:“打扰了,希望和你聊聊这个职业,是否方便”,而是把你...

2024-03-29 18:05:09 790 1

原创 3分钟打造一个专属你的在线简历

哈喽,我是树酱,好久不见????最近在整理简历时。突发奇想,决定尝试制作一个在线版的简历????探索看到许多开发者都拥有个性化十足的在线简历。经过搜索,我发现了一个开源的简历仓库,它的设计风格简洁而现代。这个仓库基于Next.js开发,只需编辑一个配置文件,便能够自动生成简历网站。而且,它还支持部署到 Vercel。https://github.com/BartoszJarocki/cv于是经过几分钟的尝...

2024-02-24 17:05:42 311

原创 这些调试API技巧你熟悉吗?

通常,我们在调试第三方提供的API时,有时候并没那么顺畅,甚至可能本身就是API服务有问题,但是需要提供你结论的"依据"。下面整理了一些API调试技巧,也方便你甩锅简单来说分为以下两点接下来用接口管理工具Apifox来演示如何运用接口可视化工具来定位接口问题。

2022-11-23 15:07:52 1403 1

原创 5分钟打造好用好看API文档

5分钟打造好用好看API文档

2022-09-25 21:44:54 487

原创 5分钟快速上线Web应用和API(Vercel)

哈喽,我是树酱。上周有个童鞋问我如何快速搭建一个Web应用,想拿来练手,就不考虑购置服务器。我推荐了前段时间很火的Vercel,接下来我带你5分钟上手!❞VercelVercel 你可以理解为一个部署工具,支持部署静态网页和Node服务,部署后你还可以访问它自带生成的域名https。vercel官网不仅仅如此,除了他的亲儿子Nextjs之外,它还提供了很多模版支持,譬如:...

2022-06-22 18:05:48 779

原创 这几个好玩又有趣的API,你用过了吗?

哈喽,我是树酱,最近在逛ProductHurt时,发现一些好玩又有趣的API,你可能会觉得花里胡哨,but 作为开发者也需要乐趣的!当然调试API离不开API管理工具,随手也给大家安利一个最近很热门的接口管理工具:Apifox????️ ClearbitClearbit提供了网站Logo访问API,只要你输入你想要寻找网站图标的域名,就可以返回域名的相关logo图片~以前要去爬...

2022-04-26 18:05:00 604

原创 2022年这几个宝藏工具你使用了吗?

❝哈喽,我是树酱。本期分享一些私货~ 这些工具可以让你随时随地,效率拉满。再也不用担心使用场景的限制 ????❞⛷️ 工具集合篇DevToys - 开发人员的瑞士军刀❝DevToys 有助于处理...

2022-02-21 18:05:00 312

原创 重磅:Vue 3 将在年后成为新的默认版本

哈喽,我是树酱。深夜收到一个重磅消息。Vue 3 将在新年后成为新的默认版本!!换句话说,你以后用npm安装Vue的时候,都将直接指向Vue3版本。不仅如此,vue全家桶vue-route...

2022-01-21 08:28:00 678

原创 在微前端qiankun中使用Vite你踩坑了吗?

哈喽,我是树酱。之前搭建的微前端体系已经稳步运行将近两年了,最近遇到一些童鞋反馈。之前据说qiankun并不支持Vite打包的应用,那是不是我就无法使用了?是的,官方暂未有文档表明已经支持...

2022-01-17 18:05:00 12305 3

原创 这几个人脸识别解决方案你用过没?

❝哈喽,我是树酱。最近业务功能需求开发中Web端需要接入人脸识别,于是做了技术预演。可能你会问:不是蛮多云服务商开放这方面的接口支持,直接用不香吗?还要自己造轮子多费劲呀。是的,我也调研了...

2021-12-26 22:54:46 4943

原创 我和JSON Schema的那些事

❝哈喽,我是???? 树酱。今天聊一聊关于我跟Json schema的一些交集,顺便给大家重新梳理下今日这个主角的概念及当下主要的一些应用场景❞1.什么是JSON Schema相信前端童鞋,对J...

2021-12-07 18:05:00 556

原创 如何更好管理 Api 接口(续)

❝哈喽,我是树酱。去年中旬的时候写过一篇关于《前端那些事》如何更好管理 Api 接口。最近有朋友问我,我们都是根据Swagger文档,然后通过“阅读”swagger文档中每个微服务包含的C...

2021-11-23 08:45:00 276

原创 前后端,相煎何太急...

❝前沿:哈喽,我是树酱。今天分享的水文是关于前端与后端之间battle的那些事,自从前后端分离之后,这场分家带来了不少沟通问题,甚至产生battle。我们先回顾下前后端battle的前世今...

2021-11-08 18:05:00 414

原创 聊聊开发日常的效率提升工具(全)

❝前言:日常开发中,好的工具往往能让我们事半功倍,有句老话说得好:工欲善其事,必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具❞1 ...

2021-10-15 18:05:00 7263

原创 给“她”一个有爱的Github主页

❝前言:哈喽,我是树酱。先聊聊本文的起源,某天在水群的时候看到某大佬的Github账户主页,颜值简直爆棚。反观看树酱的Github主页,简直就是“陋室”,难以入眼!或者很多开发的小伙伴跟我...

2021-09-03 18:05:00 131

原创 前端运维部署那些事

❝聊到运维,很长一段时间我觉得跟前端就是毫无关联的玩意,应该说半毛钱关系都木。但随着前端工程化的发展,前端基本运维部署相关知识甚至也逐步被重视,如果你公司的运维部门很强大,那么你也可以完全...

2021-08-11 10:53:44 1596

原创 这种微前端设计思维听说过吗?

❝前言:最近有种感觉,好像微前端成为当下前端工程师的标配,从single-spa到qiankun,各种微前端架构解决方案层出不穷。那一夜,我在翻阅github时,留意到一个新的微前端框架,...

2021-08-04 18:15:00 212

原创 记录&规划,有她就够了!

❝前言:工作生活中,我们总会离不开的“动作” 就是:规划 + 记录, 规划可以帮助我们更好地将我们下一个周期想要完成的事情做一个时间维度的拆分,并提前计划好相关事项。而记录则是可以帮我们收...

2021-07-30 18:12:09 113

原创 前端缓存那些事

❝前端缓存指的是,浏览器对服务器最近请求过的资源进行存储,通过这种方式来达到减少与服务器的交互请求,以此减少对带宽流量的浪费,以及减少了服务器的负担,而浏览器缓存主要分为两种,强缓存和协商...

2021-07-19 18:15:00 131

原创 模块共享那些事

❝前言:我们运用微前端架构解决了应用体积庞大的问题,通过实践微前端的理念,将前端应用拆分为多个微应用(可独立部署、松散耦合的应用)。同时微应用的存在,使得我们无需在构建一个庞大的应用,而是...

2021-07-12 18:33:00 576

原创 这些node开源工具你值得拥有(下)

❝前言:前端时间分享了这些node开源工具你值得拥有(上) 主要围绕git、npm、命令行工具、加解密工具、数据校验、文档生成工具等方面。通过现成的轮子来提升我们的开发效率,来解决在不同场...

2021-07-05 09:39:32 313

原创 这个vue3的应用框架你学习了吗?

❝前言:前段时间开始落地基于vue3开发的应用,于是在社区留意vue3周边的一些开源项目。无意间看到微众银行WeBankFinTech团队开源的Fes.js解决方案。在这个方案的设计思路中...

2021-06-24 18:15:00 412

原创 这些node开源工具你值得拥有(上)

❝前言:文章的灵感来源于,社群中某大佬分享一个自己耗时数月维护的github项目 awesome-nodejs 。或许你跟我一样会有一个疑惑,github上其实已经有个同类型的awesom...

2021-06-10 19:49:48 478 3

原创 从0到1开发一个简单的 eslint 插件

❝前言:eslint 我们常应用在代码静态扫描中,通过设定的 eslint 的语法规则,来对代码进行检查,通过规则来约束代码的风格,以此来提高代码的健壮性,避免因为代码不规范导致应用出现 ...

2021-05-13 18:40:00 469 2

原创 从0到1开发可视化数据大屏(下)

❝前言:这是一篇迟到的下集,上次分享了如何从0到1搭建一个可视化数据大屏,介绍了数据搭配的前期调研、控件区域的开发、画布模块的开发等等。上篇的链接点我???? 从0到1开发可视化数据大屏(...

2021-05-08 18:00:00 220

原创 推荐这几个流程图设计器web开发方案

❝前沿:一个流程图设计器需要什么?一个是图的绘制能力、基于svg或者canvas来绘制各种形状的节点(矩形、圆形、多边形)以及线,一个是图与图之间的交互包括拖拽,节点之间的连线等,最后是画...

2021-03-14 18:06:41 1662 1

原创 这几个CSS概念你了解吗?

❝前沿: 聊起css,印象最深刻的就是刚毕业那会刚开始从事前端开发岗位工作的时候,身为一名 cut picture boy (切图仔),在页面布局及还原设计图中广泛使用css来开发页面,我...

2021-03-09 18:15:00 405

原创 从0到1开发可视化数据大屏(上)

❝前言:大数据时代,以大屏为载体的数据可视化需求日渐增多,数据大屏成为越来越多企业绩效展示,报表展示,业务监控等等的一种形式,大屏的上线带来的是便捷,无需编码,用户可以直接将所要呈现的组件...

2021-02-21 20:48:25 953

原创 2020 树酱的那点事

❝前沿:转眼间,2020年要say byebye了,还记得海底捞熟悉的生日歌中唱道“跟所有的烦恼说拜拜,跟所有的快乐say hi hi”,2020年疫情的到来,对于大多数人来说是个噩梦,...

2020-12-31 19:15:00 298

原创 这几个视角聊跨域那些事

❝前沿:跨域是一个老生常谈的话题,树酱在github上无意间看到cors-anywhere这个开源库,加上最近身边有一些实习童鞋在本地开发环境中提出疑惑????,本地开发是如何解决跨域问...

2020-12-15 09:28:31 135

原创 关于门户的前端权限管理

❝前沿:我所理解的门户Portal就是一个入口, 可快速整合应用入口,用来统一账号管理、统一认证登录,打破信息孤岛等,做统一的权限管理,也可以实现单点登录 SSO。早期的MVC时代,we...

2020-12-01 08:59:42 301

原创 谈谈前端模块化

❝前沿:聊模块化之前,先提一下qiankun,如果有玩过qiankun的童鞋应该知道,若想保证qiankun父应用能够成功正常加载子应用。我们需要“包装好”子应用,在官方文档中可以看到对...

2020-11-10 18:01:32 468

原创 Modern模式引发qiankun的一场“命案”

❝前沿:文章的起源在于开发环境中使用qiankun框架,父应用加载子应用遇到一则报错 Failed to load module script: The server responded...

2020-10-15 19:17:43 644 1

原创 推荐这几个数据大屏可视化开发工具

❝前沿:最近有需求开始接触数据可视化的开发,前期调研和体验了国内几家比较大的数据可视化解决方案提供商,并对开发中会涉及到一些工具做了筛选,经常在社区看到有小伙伴反馈相关方面的需求,于是借...

2020-09-23 09:26:33 5391

原创 前端工程化之CICD那点破事

❝前沿:朋友们,你还在手动“丢包”吗?机械化搬运工当得不是滋味吧?想不想学习自动化流水线构建~如果想,这篇适合你,结合CICD来自动化构建前端项目,本文树酱????主要介绍如何基于jen...

2020-09-09 12:32:54 1316

原创 Babel配置傻傻看不懂?

❝前沿:文章起源在于,朋友跟树酱说在解决项目兼容IE11浏览器过程中,遇到“眼花缭乱”的babel配置和插件等,傻傻分不清配置间的区别、以及不了解如何引用babel插件才能让性能更佳,如...

2020-08-23 17:40:19 450

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除