有赞美业前端团队

9

大拇指创新实验室月刊（第一期）

• 大宝剑   6月3日发布
• 2 收藏

新闻速报Babel发布7.14.0Node.js发布16.0.0Bootstrap 5发布ES2021/ES12新特性Chrome 89 devtools增加新特性前端生态微信新能力1. 小程序直播新增【智能助理】功能智能助理是由小程序直播与微信对话开放平台联合推...

15

美业微前端的落地

• 边城到此莫若   6月2日发布
• 4 收藏

2020年4月，有赞美业的前端团队历经7个月时间，完成了美业PC架构从单体SPA到微前端架构的设计、迁移工作。PPT在去年6月份就有了，现在再整理一下形成文章分享给大家。

5

react hooks源码深入浅出（二）

• 了不起的小六先生   2月4日发布
• 2 收藏

react hooks源码深入浅出（一）react hooks源码深入浅出（二）在第一篇文章里我们了解了初次渲染过程react内部的处理流程和执行机制，接下里继续看看在状态更新阶段react是怎么处理的现在触发demo中onclick事件，...

15

Vue 3 Virtual Dom Diff源码阅读

• _Vin   2020-12-25 发布
• 5 收藏

Vue3出来一段时间了，对diff算法进行了一波优化。在阅读之前，最好需要了解一些diff算法的基础：1、vNode是什么？ 2、为什么需要使用diff算法？传送门：VNode - 源码版

4

深入理解 JS 中的类型转化

• jarbinup   2020-12-10 发布
• 2 收藏

哪些操作能导致类型转换呢if 条件判断为 false 的值 -> false undefined null 0 '' NaN运算符操作常见的运算符 + - * /+ 比较特殊除了相加之外 还有字符串拼接的含义1）数字和非字符串相加 {代码...} 2）非数...

22

从零实现一个 promise

• jarbinup   2020-12-10 发布
• 15 收藏

构造函数入参 executor 自执行函数。会在在 new 的时候同步执行，传入 resolve 和 reject 状态扭转函数。自执行函数内部根据异步任务执行结果（成功或失败）调用状态扭转函数，把状态传递给后续的 then。

15

react hooks源码深入浅出（一）

• 了不起的小六先生   2020-12-09 发布
• 7 收藏

react hooks在react 16.8版本推出后就广受好评，因为它很好的解决了旧版本react无法优雅的复用状态逻辑的问题，同时官方说明hooks会向后兼容不存在breaking changes，在项目中更好的无缝接入。

1

一道打印顺序引发的血案

• jarbinup   2020-12-09 发布
• 收藏

对 promise1 来说：Promise.resolve() 会立即执行then(res => console.log(1)).then... 会放入本轮的微任务

48

有赞美业前端： 持续标准化 Code Review

• 边城到此莫若   2020-09-27 发布
• 20 收藏

关键字：代码质量 团队建设 流程优化一、背景1. 技术栈美业技术团队前端对外的业务项目的主要编程技术栈是：2. 团队架构在构建项目的前期，前端对业务项目按端来划分人员，各端各司其职，各自沉淀。中期随着产品...

13

走进AST

• csywweb   2020-07-25 发布
• 3 收藏

在讲之前先简单介绍一下什么AST,抽象语法树（Abstract Syntax Tree）简称 AST，是源代码的抽象语法结构的树状表现形式。平时很多库都有他的影子:例如 babel, es-lint, node-sass, webpack 等等。

8

关于DNS解析

• _Vin   2020-06-26 发布
• 1 收藏

域名解析系统，听着还挺费解的，我们知道当我们浏览器输入网址的时候，输入的是一串域名，例如:www.google.com，但是我们在委托我们的操作系统发送消息时，却不是靠域名来找到对应的服务器，靠的的IP地址（这是TC...

4

IP地址的构成、相同网段、网络掩码

• _Vin   2020-06-07 发布
• 2 收藏

员工A和B就属于相同网段，A与C、B与C就是不同网段。在图中我们可以看到有IP地址和网关两个玩意儿，他们究竟是什么呢？为什么又能来区分相同网段和不同网段？

10

export default 为何突然没用了？

• csywweb   2020-04-16 发布
• 3 收藏

export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export default命令只能使用一次。本质上，export default就是输出一个叫做default的变量或方法，然后系统允许你为它取任意名...

0

redux之redux-thunk和redux-saga

• 了不起的小六先生   2020-02-22 发布
• 收藏

redux作为状态管理仓库，在我们前端应用中发挥着非常重要的作用，先放一张官方redux flow图片使用middleWare背景：我们知道redux中数据流是同步的，不支持异步action更新或获取数据，但是在实际项目中异步请求数...

14

happy pack 原理解析

• csywweb   2019-11-18 发布
• 6 收藏

本质上， happypack 是用通过 js 的多进程来实现打包加速，需要注意的是，创建子进程和子进程和主进程之间通信也是有开销的，当你的 loader 很慢的时候，可以加上 happypack，否则，可能会编译的更慢！

3

typescript 改造二三事

• csywweb   2019-10-07 发布
• 收藏

最近项目中遇到了这样的问题，接手了一段代码，代码中定义了一个对象 item ，接下来的方法根据 item 内部的某些字段进行一顿 format 操作，问题的关键在于，我接手的时候没有人给我讲这个 item 对象内部都有什么...

6

nest.js、egg.js、midway，express、koa的区别

• dahaowenxxx   2019-09-27 发布
• 3 收藏

        随着nest.js框架逐渐火起来，对于没有接触过nest的小伙伴可能会疑惑nest是什么？在你了解了nest.js是什么的前提下，你可能会疑惑nest.js与传统的koa、express有什么区别？针对这两个问题，结合了网上的一...

12

关于 OKR 的一些方法论

• JerryC   2019-07-08 发布
• 5 收藏

它是一套管理目标，让目标能落地的工具。 它在硅谷科技公司中广为人知，并被世界各地的许多组织采用。 它可以应用在组织中，也可以应用在个人的生活中，就像一种思考的模式。

16

BeautyWe.js 一套专注于微信小程序的开发范式

• JerryC   2019-06-10 发布
• 10 收藏

欢迎来我的博客阅读：BeautyWe.js 一套专注于微信小程序的开发范式 官网：beautywejs.com Repo: beautywe 一个简单的介绍 BeautyWe.js 是什么？ 它是一套专注于微信小程序的企业级开发范式，它的愿景是： 让企业...

3

CSS Injection

• felix   2019-06-09 发布
• 1 收藏

什么是CSS注入 大家对XSS攻击都非常熟悉了，可能很少关注到CSS注入攻击，以下行为有可能受到CSS注入攻击： 从用户提供的URL中引入CSS文件 CSS代码中采用了用户的输入数据 可以看下以下两个例子[链接][链接] 原理 ...