自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 文心一言发布会李彦宏:开发模式会巨变 MAAS - 模型即服务

本文仅代表作者观点今天在文心一言发布会现场,李提到了: MAAS,模型即服务可能大家有的人很难理解这里提到的MAAS即:模型即服务 那么肯定是跟商业化挂钩的,之前像有一些概念:SAAS,平台即服务这里可以预研到,接下来MAAS的概念会火起来,实际上现在已经火起来了,网上出现了很多靠chatgpt赚到一桶金的 抓住这个风口!上次的风口我认识是:CAAS (合约即服务,是web3 区块链的概念,我...

2023-03-16 15:05:00 946

原创 GPT-4 手画设计稿 直接生成前端页面

1.演讲者直接手画了一个设计稿2.输入指令:用html/js把这个原型稿变成彩色网站,填充 2 条真实的笑话3. 网站代码自动生成不少所谓的大V在朋友圈噱头喊着前端要失业XX,其实本质上对事物的理解认知不够AI本质上是帮助人提高生产力的工具,人才是世界上最宝贵的资源。GPT-4大幅帮助我们提高了生产力,在CHATGPT出现之前,程序员之间的差距大部分是归纳、总结、逻辑、搜索问题解决方案的能力差距(...

2023-03-15 11:38:36 3239

原创 事关所有前端 -NPM包投毒事件再现

故事的起因YIFENG WANG 在推上吐槽,有人想把恶意代码合并进去。包名是chalk-next,会收集项目信息并且删除本地文件而chalk-next作者,也是 vue-admin-beautiful 前端 Admin 项目的作者在网上也出现了有人吐槽实名抵制 vue-admin-beautiful截图可能不清晰,这里补充下:开一个新的项目,不想把前端的时间都浪费在写页面上,于是谷歌了一圈,发现...

2023-01-06 15:25:49 3223 1

原创 Why We're Breaking Up with CSS-in-JS?

故事的开头最近Ant-Design有升级到V5,还有MUI也是升级到了V5.两者都有一些重大更新,其实MUI最大的更新是将JSS升级到了emotion(optional)而Ant-Design为了更好的支持动态主题,是抛弃了LESS,全面转向了CSS IN JSemotion介绍:https://emotion.sh/docs/introductionemotion也是一种css in js 的库...

2023-01-04 20:00:32 315

原创 微前端qiankun事务引发的问题

背景近期客户发现一个问题,说我们系统打不开了。但是只有这个客户发现了这个问题,刚好今天周一于是决定处理这个问题,影响太大了,用户一个办公室都打不开我们系统刚好一线妹子特别着急,人好像漂亮声音又好听,电话叫我一直别挂。我就决定认真处理这个问题排查通过远程访问用户电脑,实际操作打开我们系统发现不可用。qiankun微前端子应用加载失败,但是在我们电脑上、网络环境均可访问发现问题发现控制台上出现报错,a...

2022-11-21 11:49:28 563

原创 前端的未来的方向?

最近在我们吃瓜群里看到一张图,大概是后端跟前端的一个交流段子。后端:我把数据库密码给你了,你自己取。于是我想到了谷歌目前的这个特性目前虽然没有给出明确的里程碑,但是已经在开发中,由于像我们做IM这类的产品一般会自己定义基于TCP之上的私有协议。所以https并不能满足我们那这个时候一般就需要去使用Electron开发,但是Electron本身虽然跨平台,可是要做不同平台适...

2022-08-06 11:08:00 706 1

原创 脉脉上的 "前端三大浪漫" 是个啥?

背景今天在陌陌脉脉看到一个帖子,讲到前端三大浪漫.一、富文本编辑器富文本编辑器市面上已经有很多优秀的开源版本了,但是问题在于每个产品的富文本编辑器需求不一样,所以可能导致有一些时候需要手撸编辑器例如:Draft.jsSlate.jswangEditor这些富文本编辑器还有衍生出他们的针对不同框架的版本,例如React,还有一些插件。感兴趣的可以去github搜索给个s...

2022-07-12 21:54:33 260

原创 Airbnb背后周下载量数百万的Eslint-Airbnb

背景:好久没有写文章,今天看到一个比较劲爆的消息。Airbnb退出中国市场,我第一时间想到,有时间写下就下了这篇文章Airbnb的发展介绍Airbnb是AirBed and Breakfast("Air-b-n-b")的缩写,中文名:爱彼迎 。爱彼迎是一家联系旅游人士和家有空房出租的房主的服务型网站,它可以为用户提供多样的住宿信息。2011年,Airbnb服务令人难以置...

2022-05-24 21:00:51 1912

原创 前端截图身份溯源

背景大家好,我是Peter今天在跟同事朋友聊这个脉脉上的一些事,我就突然想到之前很多人喜欢截图各种APP页面发一些比较敏感的内容出来,于是就写了这篇文章开头从今年看到这个新闻开始,我就开始警觉了。先回到技术前端有一种东西叫水印,特别当你浏览一些内部系统的时候,大部分都会有,例如现在的企业微信,担心你截图发出去内部的重要信息。小伙伴们会发现,水印大部分都是我们使用者可以看见...

2022-03-31 12:16:54 677

原创 让Vite跑在浏览器中,前端又更进了一波

背景stackblitz频繁出现在React和webpack官方文档推荐之前我写过两篇文章介绍什么是stackblitz,其实本质上是属于webContainer技术,如果你没有看过之前的...

2022-03-12 23:55:00 356

原创 Web3.0是什么,为什么MetaVerse这么火?

开头大家好,我是Peter,今天是新年第一个工作日,那么我们一起聊点干货,Web3和Metaverse元宇宙Web3之前是什么?web3之前是web1和web2,这当然不是废话。Web1....

2022-01-04 08:00:00 451

原创 如何解决React中的re-render问题

开头大家好,我是Peter,React中的一个re-render问题,相信很多人都遇到过。接下来给大家具体讲讲这个问题re-render?首先使用我的脚手架npmiykj-cli-g...

2021-12-24 00:00:00 989

原创 纯前端生成设置头像 - 基于Vue3、Ts、Vite

开头 最近要研究有什么新奇的产品和项目,发现一个网站很有意思,可以纯前端一键随机生成头像,刚好他们的代码是开源,并且基于vue3,我想开源拿出来给大家分享。效果:开始 项目本身基于vue3...

2021-12-02 11:53:00 1225 1

原创 关于Ant-Design的最新动态换肤踩坑记录

开头 最近有需求要换肤,于是研究了下这个方向,故事就这么开始了换肤的技术调研 1.Less在线编译 - 前端引入Less2.多套Css皮肤实现3.覆盖样式实现4.Css变量实现5....若...

2021-11-23 11:55:00 784

原创 如何评价抖音前端开源的 Semi Design ?

开头我是Peter抖音系企业应用设计系统 Semi Design 开源了,这是我今天听到最大的消息,于是晚上回家赶紧去看了看打开知乎,果然跟我想的一样,第一件事肯定有人否定这个开源的库,是...

2021-10-28 00:00:00 991

原创 记录:Webpack5把微前端qiankun的配置文件tree sharking了

故事的开头从一个快要下班的BUG开始,由于原部门同事想要基于一个项目再拆分出几个项目,我们本来用的是qiankun(基座模式)的微前端模式,再拆分其实是比较简单的只是这次顺便在拆分之前升级...

2021-10-21 00:00:00 1023

原创 前端的TDD - 测试驱动开发如何落地

开头在上篇文章中,我写了: 前端DDD的实践落地-配合React今天主要讲讲TDD - 测试开发驱动的落地给大家这些东西有点偏理论和架构的东西,要静下心来慢慢学习,文末配上了视频号讲解,大...

2021-10-16 11:24:16 559

原创 简单易懂的宏任务和微任务执行顺序

背景很多朋友在写面试题:宏任务与微任务的执行时机时,容易犯迷糊。之前我也写过两篇文章,这次加上详细的讲解,让大家更容易理解什么是宏任务、微任务?1.首先要称得上是宏任务、微任务的,必须是一...

2021-10-12 00:00:00 1423 2

原创 前端开发 - 假期养生保健不完全指南

开头马上国庆了,这个假期是程序员的难得回血的日子,现在又有疫情,建议在家回血比较好,今天写一篇回血的文章我一般推荐大家,平时人少的周末或者工作日调休(非节假日)出去玩,这样人少节假日很多人...

2021-09-30 11:58:47 158

原创 写给前端小姐姐的DDD - 领域驱动设计

背景DDD领域驱动设计,在后端领域,现在应用非常广泛,在我看来,前端(特别是React)也是非常适合DDD(小哥哥也可以看这篇文章)什么是DDD?Domain Driven Design ...

2021-09-27 00:00:00 662

原创 React官方也在推荐WebContainer技术

背景很多粉丝上次看完文章,没有在公众号里面找到之前的文章 《面向未来的前端开发模式 - 写于2021年》今天特意在周末给大家再推送一次,现在beta版本也在不断增多,大家可以体验尝鲜啦we...

2021-09-25 15:29:26 1705

原创 跟同事弃用webpack一次 体积减少了10倍

写在开头何谓难题?将两个水火不相容的东西强行融合在一起,将两个原理完全冲突的东西强行混合在一起的时候,需求不合理的时候例如:通过用户的手机壳更换主题颜色又例如:让马儿跑但是不让马儿吃草故事...

2021-09-24 00:00:00 228

原创 小哥哥,你代码写得真好。

开头JS是一门弱类型、很灵活的语言,当然现在有了TS,但是在一些项目里面不可避免的还是要使用JS来开发这次小编Peter老师就总结了日常的几个让小姐姐们看了直呼“好厉害”的JS写法(优秀的...

2021-09-16 00:00:00 496

原创 跟同事在BOSS直聘发现了一个前端小秘密

故事的由来开头:小姐姐HR小姐姐看简历比较累,需要一直手动点击下一个按钮,才能前往下一个简历一位同事 - 后端架构师小哥哥想给HR做一个自动查看下一个简历的工具,又不想做得复杂,不想做成浏...

2021-09-11 00:00:00 3740 2

原创 前端黑科技:让Webpack项目一键支持Vite

Webpack -> ViteVite 2.0发布一段时间了很多朋友由于种种原因无法尝试在项目中使用最近我在思否看有人发的文章,一键让你的webpack支持vite安装wp2vite...

2021-08-20 00:00:00 508

原创 七夕女友们写个低配的告白墙吧

开头下午群里小伙伴发了个链接,我好奇点进去看了下,结果出现了下面这个动画效果,觉得超好玩,刚好七夕了,我们可以模仿下给女朋友/老婆/女神做一个表白用链接地址:https://buhuiba...

2021-08-11 00:00:00 113

原创 Flutter正在悄悄击败React-Native

React-Native与Flutter事情是这样的,由于最近想做个APP,于是我考虑下技术选型,便在gitHub看了看,于是发现了一个让我惊讶的点:React-native仓库Flutter仓库可以看到,FLutter的Star数量默默的大幅超越了React-Native感觉近期社区对于React-native和Flutter慢慢降低了关注度,很少有人写相关性质的文章了对比招聘热度React-Native:通过Boss直聘的url传参测试,深圳地区的React-Native招聘

2021-08-09 08:27:00 218

原创 Flutter正在悄悄击败React-Native

React-Native与Flutter事情是这样的,由于最近想做个APP,于是我考虑下技术选型,便在gitHub看了看,于是发现了一个让我惊讶的点:React-native仓库Flutt...

2021-08-09 00:00:00 152

原创 手撕源码系列:80行代码实现express框架

constexpress=require("express");constapp=express();app.get("/test",(...

2021-08-07 09:00:00 239

原创 面向未来的前端开发模式 - 写于2021年

面向未来的前端开发模式在之前,给大家介绍过webcontainer这个技术,就是可以让Node.js运行在浏览器中的技术什么是webcontainer技术:Web 已经发展到可以提供本地安...

2021-08-04 08:30:00 225 1

原创 线上页面无限重载,手把手教你Debug一次

故事的开始 在一个阳光明媚的早晨,我吃完早餐准时来上班,听着吴亦凡的freestyle,觉得今天应该是一个无风无浪的日子可是,事情的发展总是会出乎我们的意料出现线上问题 出现问题的视频大概...

2021-08-03 08:30:00 124

原创 从零搭建Webpack5-react脚手架(附源码)

webpack5 近期终于有时间和精力专注于公司技术基础建设了,于是一开始,将公司的Saas系统改造成了微前端模式,解决了历史遗留的一部分问题接着,想着webpack5已经发布这么久了,该...

2021-07-30 08:20:00 585 1

原创 从零搭建一个Vite-react脚手架(附源码)

写在开头(边听歌边看效果更佳)在之前,已经很多朋友已经升级到了vite,但是大部分都是vue的项目,那么今天我们把之前webpack的react项目升级到vite!为此,为了让大家少踩坑,...

2021-07-30 08:20:00 831

原创 看前端发展历程,又会回去操作真实dom年代?

写在开头 近期我有写两篇文章,一篇是:petite-vue源码解析和掘金编辑器的源码解析,发现里面用到了Svelte这个框架加上最近React17,vite大家也在逐步的用在生产环境中,我...

2021-07-20 08:25:00 149

原创 读者投稿:一名老前端浅谈前端性能优化

写在开头本文来自前端巅峰读者投稿,作者shadow,一位老前端,在这里也欢迎各位读者朋友们积极投稿说起前端性能,好像从萌新到大佬都能说出一些,但是如果让你系统的整理一套方案,你该怎么做? ...

2021-07-18 10:00:00 223

原创 我在公司项目上用了微前端,差点被开除

故事的开头从微前端的qiankun去年开始火的时候,我就注意到了,我们公司的Saas系统是可以用这个去解决UI、体验上的一些问题,以及让技术栈平滑过渡迁移,但是奈何时机不够成熟今年抓住了时...

2021-07-17 08:45:00 375

原创 尤雨溪的5KB petite-vue源码解析

写在开头近期尤雨溪发布了5kb的petite-vue,好奇的我,clone了他的源码,给大家解析一波。最近由于工作事情多,所以放缓了原创的脚步!大家谅解想看我往期手写源码+各种源码解析的可...

2021-07-14 08:25:00 1102

原创 23个Javascript最佳实践

1. 使用 === 代替 ==JavaScript 使用两种不同的相等运算符:=== 和 !==是严格相等运算符,而 == 和 != 是非严格运算符。当二者相比较时始终使用严格相等被...

2021-07-03 06:26:11 289 1

原创 写给 React 开发者看的 Svelte入门

这篇文章是从具有丰富React经验的人的角度对Svelte的简洁介绍。我提供一个快速介绍,然后将重点转移到状态管理和DOM互操作性等方面。归根结底,主要希望激发大家对Svel...

2021-07-02 08:25:00 340

原创 更舒适的摸鱼:收藏这十个React相关的库

Part1用于 React 的 UI 路由器React的UI-Router为应用程序提供基于状态的路由。例如,与创建传统网站不同,该组件可以轻松浏览React应用程序的各种状态,...

2021-07-01 08:25:00 178

空空如也

空空如也

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

TA关注的人

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