ES 拾遗之赋值操作与原型链查找

2021-04-28
阅读 4 分钟
1.9k
因为 boundFn 不具备自有属性 'prototype',所以在经过 boundFn.prototype = OfflineAudioContext.prototype 的赋值操作后,会为其创建一个新的自有属性 'prototype',其值为 OfflineAudioContext.prototype。一切都在情理之中。但你真的把这段代码粘到 chrome 控制台跑一下就会发现,报错了😑从报错信息很容易判断,我们...
封面图

探索微前端的场景极限

2021-03-08
阅读 7 分钟
6.2k
通常情况下,我们接触的最多的微前端的实践,是以 URL/路由 为维度来划分我们的微应用,以 OneX 平台(蚂蚁金融云基于微前端架构打造的统一接入平台)为例:
封面图

发布 @umijs/plugin-qiankun 2.3.0 - 全面拥抱 qiankun2

2020-06-29
阅读 5 分钟
5.2k
两个月前,我们正式发布了 qiankun2.0,在经历了 15+ beta 版本及大量的内部打磨之后,今天我们将正式发布基于 qiankun2.0 的全新的 @umijs/plugin-qiankun。

目标是最完善的微前端解决方案 - qiankun 2.0

2020-04-16
阅读 5 分钟
9.6k
2019 年 6 月,微前端框架 qiankun 正式发布了 1.0 版本,在这一年不到的时间内,我们收获了 4k+ star,收获了来自 single-spa 官方团队的问候,支撑了阿里 200+ 线上应用,也成为社区很多团队选用的微前端解决方案。

可能是你见过最完善的微前端解决方案

2019-08-19
阅读 8 分钟
17.1k
Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript frameworks. — Micro Frontends

Webpack 中的 sideEffects 到底该怎么用?

2018-07-19
阅读 4 分钟
21.6k
webpack v4 开始新增了一个 sideEffects 特性,通过给 package.json 加入 sideEffects: false 声明该包模块是否包含 sideEffects(副作用),从而可以为 tree-shaking 提供更大的优化空间。

为 MobX 开启 Time-Travelling 引擎

2018-07-09
阅读 6 分钟
5.6k
了解 mobx-state-tree 的同学应该知道,作为 MobX 官方提供的状态模型构建库,MST 提供了很多诸如 time travel、hot reload 及 redux-devtools支持 等很有用的特性。但 MST 的问题在于过于 opinioned,使用它们之前必须接受它们的一整套的价值观(就跟 redux 一样)。

基于 MobX 构建视图框架无关的数据层-与 Vue 的结合(1)

2018-06-06
阅读 5 分钟
6.8k
几周前我写了一篇文章描述了 mobx 与 angularjs 结合使用的方式及目的 (老树发新芽—使用 mobx 加速你的 AngularJS 应用),这次介绍一下如何将 MobX 跟 Vue 结合起来。

老树发新芽—使用 mobx 加速你的 AngularJS 应用

2018-05-08
阅读 11 分钟
2.3k
AngularJS is planning one more significant release, version 1.7, and on July 1, 2018 it will enter a 3 year Long Term Support period.

Apollo GraphQL 在 webapp 中应用的思考

2017-12-15
阅读 7 分钟
13k
GraphQL 作为 FaceBook 2015年推出的 API 定义/查询 语言,在历经了两年的发展之后,社区已相对发达和完善。对于 GraphQL 的一些基础概念,本文不再一一赘述,目前社区相关的文章已经很多,有兴趣的同学可以去 google,或者直接看GraphQL 官方教程 Apollo GraphQL Server 官方文档。

[译注] MVVM 模式

2016-09-29
阅读 5 分钟
5.5k
MVVM 模式跟 Silverlight 这类 XAML 应用平台是天生合拍的。这是因为 MVVM 模式利用了Silverlight 的一些特殊能力,比如说 数据绑定,命令,行为等。MVVM 跟其他一些将表现及UI布局 与展示层逻辑的职责进行分离的模式很相似;如果你对 MVC 模式熟悉的话,你会发现它与 MVVM 之间存在很多相似的概念。

Angular 1.x + ES6 开发风格指南

2016-05-26
阅读 11 分钟
9.2k
大概年初开始在我的忽悠下我厂启动了Angular1.x + ES6的切换准备工作,第一个试点项目是公司内部的组件库。目前已经实施了三个多月,期间也包括一些其它新开产品的试点。中间也经历的一些痛苦及反复(组件库代码经历过几次调整,现在还在重构ing),总结了一些经验分享给大家。(实际上民工叔的文章中提到了大部分实践指南...

Web语义化标准解读

2016-03-07
阅读 7 分钟
7.5k
The Semantic Web provides a common framework that allows data to be shared and reused across application, enterprise, and community boundaries. --Wikipedia

2015前端生态发展回顾

2015-12-23
阅读 10 分钟
22.7k
编程技术及生态发展的三个阶段 最初的时候人们忙着补全各种API,代表着他们拥有的东西还很匮乏,需要在语言跟基础设施上继续完善 然后就开始各种模式,标志他们做的东西逐渐变大变复杂,需要更好的组织了 然后就是各类分层MVC,MVP,MVVM之类,可视化开发,自动化测试,团队协同系统等等,说明重视生产效率了,也就是所...

基于ui-router的非侵入式angular按需加载方案

2015-12-19
阅读 4 分钟
8.6k
用过angular1.x(后面提到的angular均指代的angular1.x框架)的同学应该都知道,angular自身的模块系统是不具备按需加载的能力的,笔者也赞同angular的模块系统是真正称得上设计上的败笔的观点的。2015年被黑的最惨的前端主流框架莫过于angular了,但实际上angular真正设计上的硬伤只有两个:鸡肋的模块系统以及相比其他MV...

组件设计之BEM法则

2015-11-26
阅读 3 分钟
3.8k
Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end

前端工程化知识要点回顾&思考

2015-11-13
阅读 3 分钟
9.6k
原文:[链接] 编程技术及生态发展的三个阶段 最初的时候人们忙着补全各种API,代表着他们拥有的东西还很匮乏,需要在语言跟基础设施上继续完善 然后就开始各种模式,标志他们做的东西逐渐变大变复杂,需要更好的组织了 然后就是各类分层MVC,MVP,MVVM之类,可视化开发,自动化测试,团队协同系统等等,说明重视生产效率...

基于 git hooks 的前端代码质量控制解决方案

2015-10-28
阅读 3 分钟
12.1k
通常情况下,如果我们是一个对代码质量有要求或者存在code review这一流程的团队,我们必然会有一套团队内部达成共识的code style从而提高项目的可维护性及代码的可读性。而确保提交到代码仓库的代码是符合规范的手段通常是,代码提交前由工具帮忙指出,如早期的jslint、jshint以及现在的eslint。提交后code review阶段...

ReactJs入门教程

2015-09-29
阅读 6 分钟
4.3k
React最初来自Facebook内部的广告系统项目,项目实施过程中前端开发遇到了巨大挑战,代码变得越来越臃肿且混乱不堪,难以维护。于是痛定思痛,他们决定抛开很多所谓的“最佳实践”,重新思考前端界面的构建方式,于是就有了React。

我对 React Flux 架构的理解

2015-09-26
阅读 5 分钟
8.6k
Flux是Facebook用来构建客户端web应用的应用架构。它利用单向数据流的方式来组合react中的视图组件。它更像一个模式而不是一个正式的框架,开发者不需要太多的新代码就可以快速的上手Flux。

ES规范解读之自增操作符

2015-09-23
阅读 2 分钟
4.5k
没错,这也是我们初学自增操作符的经典例子,对这结果还有疑问请自觉面壁。。。 遥想当年学习自增操作符的口诀大致是,i++ 是先用后自增,++i 是先自增再用那么按照这个思路,上面的代码解析流程应该是这样的

ES规范解读之赋值操作符&属性访问器

2015-09-23
阅读 5 分钟
3.2k
当我们访问scopeInstance上的属性时,假如scopeInstance上不存在该属性,则js解释器会从原型链上一层层往上找,直到找到有该属性,否则返回undefined。

ES规范解读之作用域

2015-09-23
阅读 6 分钟
4.9k
首先A、B两段代码输出返回的都是 "local scope",如果对这一点还有疑问的同学请自觉回去温习一下js作用域的相关知识。。 那么既然输出一样那这两段代码具体的差异在哪呢?大部分人会说执行环境和作用域不一样,但根本上是哪里不一样就不是人人都能说清楚了。前阵子就这个问题重新翻了下js基础跟ecmascript标准,如果我们...