从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的

故事的开始在一个阳光明媚的早晨，我吃完早餐准时来上班，听着吴亦凡的freestyle，觉得今天应该是一个无风无浪的日子可是，事情的发展总是会出乎我们的意料出现线上问题出现问题的视频大概是：用户通过第三方OA系统跳转到我们的Saas系统，结果出现一直页面重新加载情况.问题分析1.此登录为授权登录，非单点登录，通过url...

接着，想着webpack5已经发布这么久了，该在生产环境用起来了，也顺势想推动微前端、webpack5、vite在业内的普及率,没看过我之前文章的朋友可以在文末找找,干货真的很多

接着便又有了gulp webpack等构建工具出现，React和Vue也在这个时候开始火了起来，随即而来的是一大堆工程化的辅助工具，例如babel,还有提供整套服务的create-react-app等脚手架

写在开头近期尤雨溪发布了5kb的petite-vue,好奇的我,clone了他的源码，给大家解析一波。最近由于工作事情多，所以放缓了原创的脚步！大家谅解想看我往期手写源码+各种源码解析的可以关注我公众号看我的GitHub,基本上前端的框架源码都有解析过正式开始petite-vue是只有5kb的vue,我们先找到仓库，克隆下来 {代码...} 克隆...

心血来潮，写上一篇对于目前币圈顶级交易所的交易界面性能优化的分析(注意，如果没有开放白名单，请不要未经授权转载我的文章，特别是一些机构，否则我会举报斗争到底)

Internet Explorer（简称：IE）是微软公司推出的一款网页浏览器。原称Microsoft Internet Explorer（6版本以前）和Windows Internet Explorer（7、8、9、10、11版本）。在IE7以前，中文直译为“网络探路者”，但在IE7以后官方便直接俗称"IE浏览器"。

什么是react hooks ?Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性,例如:

Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用,支持热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打包

我使用的一些软件，竟然现在还不支持arm架构的Mac，更新速度太慢了，明明都是依赖Electron,其实大部分软件升级适配成本不高,桌面软件开发者们赶紧升级吧

前端上手M1芯片Mac开发测评我之前的电脑：15年Mac pro，15寸 16G 256G配置现在电脑 M1芯片 13.3寸 16G 256G配置先说上手后的体验体验相对于老款来说，整体科技感会更好，可能因为我这次买的是深灰色整体流畅度差不多，不过发热和续航能力强了很多，重度使用了8个小时，还有50%电量反应灵敏，键盘舒适。相对于老款的13寸...

2020全球互联网通信云大会纪实周末小编以一个屌丝身份（本色出演）出席了WICC参会证距离我住的地方，开车过去只要十分钟，停车费酒店由于是五星级，所以收费好像是35块一天。（深圳前海万豪JW酒店）绝大部分是技术背景的人，有一些老大爷、大妈，以及商务也混进去了（我个人认为）说正事这个大会是由于融云和极客邦联合...

游戏，大部分是需要下载安装包，跑在你自己的电脑上的，但是这样有个问题，不同的系统我要做两个不同的安装包，对于一个复杂度很高的游戏，这个成本是超级巨大的，而且这个游戏如果本身比较大，会对本身电脑配置要求很高

明天是1024,我会在公众号送出【100个现金红包】,不关注也可以参与抽奖，大家记得参与就好。（并非为了宣传公众号，就简单发个福利，让大家高兴热闹下,不少号主也经常抽到我的礼品）

由于javascript语言是一门“单线程”的语言，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。

什么是webpack的require.context？ 官网解释： 您可以使用require.context()函数创建自己的上下文。 它允许您传入一个目录进行搜索，一个标志表示是否也应该搜索子目录，以及一个正则表达式来匹配文件。 在构建时，webpack解析代码中的require.context()。 直接在项目中使用，我的webpack4+react的一个开源项目，很早之...

最近一直在研究微前端、devops,写这篇文章仅是一个玩笑+简单的源码探究，面试时候不要拿我的文章出来问面试者,不然我怕你会被人身攻击(这个月我会出一篇硬核到头皮发麻的文章)

坐标：深圳 目的：为了提高技术 题目可能偏向技术管理、架构师方向 手写源码（纸上写完,扫描生成代码直接运行） 这一关，我觉得是很有必要的，人眼可以判断出JS代码运行是否错误，这点判断排除BUG能力很关键。 手写lodash的merge、isEqual、cloneDeep函数源码 redux中间件redux-logger、redux-thunk和中间件实现 面试基...

今天在很多头条里出现了这张图，小编自己也是百分比必现，IOS版本，而且是现在还会百分百出现，目前3月25日7.52分已经修改了提示语（发现新版本xxxx）

起因： 混合TypeScript和javaScript开发，完美升级老项目，这个老项目是一个巨无霸项目，非常庞大，是集团公司的最核心项目 遇到问题： webpack打包时候遇到 对于曾经开发过C++,addon的我，熟悉的味道,下面有一些v8的字符出现，感觉应该是v8层面出现了问题 报错解决： 任何报错，先看第一个报错，解决顶部的报错。 问题...

写在开头： 单元测试对于很多人比较模式，它是一种推动开发，或者提高产品质量的手段， 我画一张图，大家就能理解 其实单元测试，就是先编写单元测试代码，然后使用单元测试框架，去模拟环境（例如浏览器），然后运行你的代码，看代码是否按预期运行 这里为了降低文章篇幅，对于初学者更友好，于是这里使用我开源的通用...

作为一名曾经重度使用Node.js作为即时通讯客户端接入层的开发人员，无法避免调试V8，配合开发addon。于是对Node.js源码产生了很大的兴趣～ 

如何实时监控fetch请求，因为他想写一个谷歌浏览器的插件，实时监控原生fetch请求，众所周知，fetch源码是将原生ajax封装在内的，网上有一种办法是重写fetch，然后达到效果

首先你需要知道的是： 什么是Taro? Taro的语法跟Reac很像，这里先不介绍，你只要知道它是干嘛的就可以了 它就是一个框架而已 但是可以做到代码一次编写，跨平台使用 目前来看，腾讯云、阿里云这样的核心业务都是采用React框架编写，滴滴的变色龙也是基于React的语法编写。 但是还有一个另类的跨平台开发技术-Flutter，目...

在这里，向SF社区的所有社区工作人员和读者、作者们，推送一个么么哒～ 这一年我在SF社区成长了很多，将近一年时间付出了大量时间，但是收获也是满满，衷心感谢SF社区的所有工作人员和小伙伴～ 临近放假，为了回馈SF社区的小伙伴们，我在公众号后台举办了抽奖，关注微信公众号：前端巅峰 回复抽奖 即可抽奖啦～ 只要您是...

React为了大型应用而生，Electron和React-native赋予了它构建移动端跨平台App和桌面应用的能力，Taro则赋予了它一次编写，生成多种平台小程序和React-native应用的能力，这里特意说下 Taro，它是国产，文档写得比较不错，而且它的升级速度比较快，有issue我看也会及时解决，他们的维护人员还是非常敬业的！

​写这篇文章的起因，在阅读Node.js源码的关键环节，看到了这行代码 意思就是调用listen函数监听端口的最终是调用了这个函数 借此我找到了CVTE技术经理，张师傅，张师傅给我的回复： 于是我点开了翻译，确定了一下大概意思： 意思是说,ipv4套接字无法接受ipv6包 让我们一起看看某度是怎么说ipv4和ipv6的区别的： 1.地址空...

由于作者本文是做IM出生，本身对即时通讯技术比较感兴趣，加上身边都是做即时通讯的朋友，于是那天一起吐槽了一下这个功能。对于已经稳定的微信架构，在前端加一些这些功能点，本身就so easy，只是张小龙愿不愿意做而已 

WebRTC，名称源自网页即时通信（英语：Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准。

启动一个Express负责回吐wasm格式文件的服务非常简单 Express的源码、以及目前现在主流库已经全部使用TypeScript编写，呼吁大家全面切换到TypeScript  由于本文是自己项目中的一段服务代码临时拼凑而成，所以这里没有使用TypeScript 注：无论是javaScript还是Node.js的框架源码其实都不难，稍微花点心思就可以看得很透彻...