一个针对996公司的NPM库

2022-08-18
阅读 3 分钟
2.5k
背景今天在我们前端巅峰的吃瓜群里面看到一个图大致是说这个Evil.js是为了毁灭你的996公司而诞生的他会让你的项目在周日的时候出现以下神奇的效果:当数组长度可以被7整除时,Array.includes 永远返回false。Array.map 有5%概率会丢失最后一个元素。Array.filter 的结果有5%的概率丢失最后一个元素。Array.forEach 会卡...

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

2021-10-27
阅读 2 分钟
8.9k
开头我是Peter抖音系企业应用设计系统 Semi Design 开源了,这是我今天听到最大的消息,于是晚上回家赶紧去看了看打开知乎,果然跟我想的一样,第一件事肯定有人否定这个开源的库,是基于别人的开源库改造而来甚至有人会觉得,Ant-Design跟semi-design基本可以说完全一致,是不是完全的KPI项目?不得不说的,什么是”核心...

Flutter正在悄悄击败React-Native

2021-08-09
阅读 4 分钟
4.5k
React-Native与Flutter事情是这样的,由于最近想做个APP,于是我考虑下技术选型,便在gitHub看了看,于是发现了一个让我惊讶的点:React-native仓库Flutter仓库可以看到,FLutter的Star数量默默的大幅超越了React-Native感觉近期社区对于React-native和Flutter慢慢降低了关注度,很少有人写相关性质的文章了对比招聘热度...
封面图

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

2021-08-03
阅读 4 分钟
3.9k
什么是webcontainer技术:Web 已经发展到可以提供本地安装的应用程序的大部分功能的地步。借助WebAssembly的强大功能、现代浏览器 API(如 Web/ServiceWorker 和 SharedArrayBuffer)以及对硬件的访问增加,释放 Web 全部潜力的要素已经创建,原生应用程序和基于 Web 的应用程序之间的界限从未如此狭窄。过去,像Electro...
封面图

线上页面无限重载,手把手教你Debug

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

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

2021-07-30
阅读 10 分钟
5.5k
接着,想着webpack5已经发布这么久了,该在生产环境用起来了,也顺势想推动微前端、webpack5、vite在业内的普及率,没看过我之前文章的朋友可以在文末找找,干货真的很多
封面图

前端是不是又要回去操作真实dom年代?

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

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

2021-07-17
阅读 3 分钟
8.4k
从微前端的qiankun去年开始火的时候,我就注意到了,我们公司的Saas系统是可以用这个去解决UI、体验上的一些问题,以及让技术栈平滑过渡迁移,但是奈何时机不够成熟
封面图

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

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

从币圈顶级交易所来看前端的性能优化

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

Web Developers : 真的再见了 , IE !

2021-05-24
阅读 5 分钟
3.5k
Internet Explorer(简称:IE)是微软公司推出的一款网页浏览器。原称Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7、8、9、10、11版本)。在IE7以前,中文直译为“网络探路者”,但在IE7以后官方便直接俗称"IE浏览器"。
封面图

常见的8个前端防御性编程方案

2021-03-30
阅读 3 分钟
7.7k
关于前端防御性编程我们大多数情况可能遇到过,后端的由于同时请求人数过多,或者数据量过大,又或者是因为异常导致服务异常,接口请求失败,然后前端出现白屏或者报错还有一种情况,是前端自身写的代码存在一些缺陷,整个系统不够健壮,从而会出现白屏,或者业务系统异常,用户误操作等那么,就出现了前端防御性编程常...

这次,十分钟把宏任务和微任务讲清楚

2021-01-22
阅读 2 分钟
16.7k
为什么写这个文章这是一道大厂、小厂面试官都喜欢问的题目很多面试官和面试者也不知道什么是标准答案网上各种文章层次不齐..误导过不少人,包括我觉得还是今天花十分钟讲清楚他吧正式开始先上代码 {代码...} 输出结果: {代码...} 开始分析面试官特别喜欢问:你讲讲什么是微任务和宏任务大部分面试官其实自己也不懂什么是...

从一个优秀开源项目来谈前端架构

2021-01-07
阅读 10 分钟
10.3k
系统架构师是一个最终确认和评估系统需求,给出开发规范,搭建系统实现的核心构架,并澄清技术细节、扫清主要难点的技术人员。主要着眼于系统的“技术实现”。因此他/她应该是特定的开发平台、语言、工具的大师,对常见应用场景能给出最恰当的解决方案,同时要对所属的开发团队有足够的了解,能够评估自己的团队实现特定的...

大前端备战2021年,使用vite构建React !

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

前端上手M1芯片Mac测评(基础篇)

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

2020全球互联网通信云大会纪实

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

前端:5G时代,Mac玩LOL都不用下载了

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

5G前端时代会迎来什么改变?

2020-10-19
阅读 2 分钟
3.9k
这里科普下,什么是serverless: 现在如果是普通的发布构建流程,那么你先要去买个服务器,然后配置nginx,然后启动你的后端服务器,如果是前后端分离项目,还要把前端构建后的静态资源产物同步到对应文件夹提供给用户访问(也有容器化的,这里不做过多阐述),这一系列的操作,很难让一个人完全实现,或者即使能实现那么对这个...

一行代码实现display"过渡动画"原理

2020-09-07
阅读 4 分钟
5.1k
写本文的起因上篇文章,提到如何让display出现过渡动画,却没有仔细介绍原理。为了更好的让想学习的人深入理解于是加班加点写下了这篇“短文”,我想以后还是以短文为主,不然大家看起来太累正式开始初始化界面 {代码...} 此时我将app的display初始化为none,并且写入脚本文件 {代码...} 初始化界面变成了这样:此时,我点击...

如何使用华为云服务一键构建部署发布前端和Node.js服务

2020-08-18
阅读 4 分钟
15.3k
例如你有10个项目,前后端都要同时发布,那么就需要多次合并代码、构建,重复很多动作..而且还要去关心构建机器环境是不是变了?配置是否能扛住同时构建多个应用,人为的操作次数多了,就很难保证万无一失

金九银十冲刺大厂,你需要知道的性能优化和手写源码

2020-08-17
阅读 17 分钟
2.9k
今天这些只是基础知识,面试时候如果面试很高级的岗位,只靠背面试题是很容易被识破,建议大家只是作为一个学习的点,不断去深入、实践在项目中。有一些同学说前端很难,很多东西,学不完,我想你可能是走错了方向,毕竟人不是万能,不要太深入那些对你目前来说没有意义的东西,如果你有对现状不是很满意,可以在下面评论留...

使用Node.js实现一个express框架

2020-08-05
阅读 5 分钟
6.8k
手写一个express系列express的基本用法 {代码...} 当我访问localhost:8888/test时候,返回了:2,服务端打印了 {代码...} 从上面可以看到什么?express默认引入调用后返回一个app对象app.listen 会启动进程监听端口每次收到请求,对应的url和method会触发相应挂载在app上对应的回调函数调用 next 方法,会触发下一个一起来实现...

特皮技术团队:一年经验菜鸟前端眼中的异步编程

2020-08-03
阅读 6 分钟
2.3k
由于javascript语言是一门“单线程”的语言,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程。

在React中实现和Vue一样舒适的keep-alive

2020-07-16
阅读 5 分钟
15.9k
在vue中有天然的keep-alive这个功能实现,react也有一个库,react-keep-alive,但是这个库是直接进行dom操作,会导致数据驱动失效,断层

精读:10个案例让你彻底理解React hooks的渲染逻辑

2020-04-24
阅读 12 分钟
6.3k
写在开头: 由于项目全面技术转型,项目里会大量启用到hooks,于是有了这次写作 作为一个class组件的重度爱好者,被迫走向了hooks,阅读hook的源码(惨) 原创:从零实现一个简单版React (附源码) 如何优化你的超大型React应用 【原创精读】 这些都是我之前的文章 正式开始,今天要写什么呢,原本我对react原理非常清...

原创精读:带你从零看清Node源码createServer和负载均衡整个过程

2020-02-17
阅读 15 分钟
3.7k
作为一名曾经重度使用Node.js作为即时通讯客户端接入层的开发人员,无法避免调试V8,配合开发addon。于是对Node.js源码产生了很大的兴趣~ 

Taro 2.x的到来,会真正统一国内的跨平台开发吗?

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

程序员/猿过年过年相亲指南不完全手册

2020-01-23
阅读 1 分钟
5k
一、地点选择 尽量不要选择 kfc之类快餐店,也不要选择火锅店、那种需要拿手套啃东西的就餐类型场所。 例如 当你在这样啃骨头的时候,相亲对象是如何看待你? 二、男方应该大胆买单 只要不是非常离谱的价格,不是被套路了,都应该大胆买单,这也是为自己在当地树立一定的口碑,起码这场失败了,还有下一场。毕竟程序员也...

如何全方位优化你的超大型React应用 【原创精读】

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