首页
学习
活动
专区
工具
TVP
发布

前端架构与工程

专栏成员
71
文章
90296
阅读量
41
订阅数
Redux/Mobx/Akita/Vuex对比 - 选择更适合低代码场景的状态管理方案
近期准备开发一个数据分析 SDK,定位是作为数据中台向外输出数据分析能力的载体,前端的功能表现类似低代码平台的各种拖拉拽。作为中台能力的载体,SDK 未来很大概率会需要支持多种视图层框架,比如Vue2/Vue3/React等。所以在技术架构上对视图层框架的依赖性越轻,迭代的成本越低。基于这样的目标,本文对前端状态管理工具进行调研,在技术选型上应当尽量减轻与视图框架的绑定程度,理想的目标是构建与视图框架无关的数据/状态管理层。
寒月十八
2021-06-11
1.9K0
Typescript+WebGL+Webpack开发环境搭建
目前Web实现矢量渲染的主流技术包括SVG、VML和WebGL。相对而言,VML是一种较古老的技术,虽然未成为W3C标准,但被早期的IE浏览器(IE9以下)和微软Office广泛使用,目前已经远离了浏览器战场。所以可供选择的仅剩SVG和WebGL。SVG是XML的一个子集,秉承了一个标签对应一条数据的原则,目前经常被使用于数据量较小的web项目,比如图表和地铁图。Web矢量地图的数据量非常庞大,举个例子,如下图所示的一个512px*512px的瓦片,其数据量是一个接近5位数的二维数组。而这个瓦片仅仅是最简单的大陆和海洋轮廓,同尺寸街道图的数据量更加庞大。
寒月十八
2018-10-09
2K0
前后端分离和模块化-58到家微信首页重构之路
微信钱包内的58到家全新首页已经上线,感兴趣的同学们可以在微信中打开“我的->钱包->58到家”查看。 58到家全新首页提出重构主要是为了解决以下问题: 每个城市开通的服务项目不同,有些内容是写死在tpl中,维护非常头疼; 开通新服务或者某些UI调整(比如更换服务项的图片造成更改雪碧图)时必须走代码上线流程; 原有的前端切图、后端写逻辑的开发模式造成开发周期拉长和上线流程繁琐; 原有配置后台操作复杂,且可配置细节不完善; 首页加载速度太慢,用户体验欠佳。 58到家目前两年左右的发展期,整个技术生态还不完善。
寒月十八
2018-01-30
1.3K0
【译】《Understanding ECMAScript6》- 简介
原书线上阅读地址:https://leanpub.com/understandinges6/read/ JavaScript又称为ECMAScript,其核心功能遵循ECMA-262规范,浏览器环境JavaScript与Node.js的JavaScript是ECMAScript的两个超集。即使浏览器和Node.js通过扩展对象和函数来增加新功能,但语言仍然保留ECMAScript的核心功能,所以ECMA-262的发展对JavaScript语言是至关重要的。 2007年是JavaScript发展的分水岭。Aj
寒月十八
2018-01-30
8670
【译】《Understanding ECMAScript6》- 第一章-基础知识(一)
目录: 更好的Unicode编码支持 codePointAt()函数 String.fromCodePoint() 用转义序列对Non-BMP字符编码 normalize()函数 正则表达式的u标志 Unicode标识符 更多字符串相关改动 includes(),startsWith(),endsWith() repeat() 更多的正则表达式改动 正则表达式的y标志 克隆正则表达式 flags属性 Object.is() ES6在ES5的基础上做了大量的改动,有一些较大的改动涉及到新的数据类型和语法
寒月十八
2018-01-30
1.2K0
【译】《Understanding ECMAScript6》- 第三章-Object
目录 Object分类 Object字面量扩展 Object.assign() 重复属性 改变原型 super引用 方法 总结 ES6针对Object的改进,旨在使JavaScript语言更加接近“万物皆对象”的理念。随着越来越多地使用Object类型进行开发,开发者们越来越不满足于Object相对低下的开发效率。 ES6通过多种途径对Object进行了改进,包括语法的调整、以及新的操作和交互方式等。 Object分类 JavaScript中的Object有很多不同的类别,比如自定义的对象和语言内置的对象,
寒月十八
2018-01-30
1.1K0
【译】《Understanding ECMAScript6》- 第五章-Class
目录 ES5中的拟Class结构 Class声明 Class表达式 存储器属性 静态成员 派生类 new.target 总结 自JavaScript面世以来,许多开发者疑惑为何JavaScript没有Class。大多数面向对象语言都支持Class以及Class继承,尽管部分开发者认为JavaScript语言并不需要Class,但事实上很多第三方库通过工具方法来模拟Class。 ES6正式引入了Class规范。为了保证JavaScript语言的动态性,ES6的Class规范与其他面向对象语言的Class并不完
寒月十八
2018-01-30
1K0
【译】《Understanding ECMAScript6》- 第七章-Promise
目录 异步编程 Promise基础 链式Promise 多重Promise响应 Promise继承 总结 异步操作是JavaScript最强大的功能之一。JavaScript的设计初衷是作为一种面向web的语言,因此具备响应用户行为(比如鼠标和键盘事件)的功能。Node.js使用回调函数代替事件驱动,进一步强化了JavaScript语言的异步编程能力。但是,随着异步编程被广泛使用,开发者们发现这两种异步模式(事件驱动和回调函数)并不能满足所有的产品需求。在这样的背景下,Promise应运而生。 Promis
寒月十八
2018-01-30
2.1K0
【译】《Understanding ECMAScript6》- 第八章-Module
目录 模块是什么 使用基础 接口标识符重命名 缺省接口 Re-exporting 非绑定import 总结 JavaScript令人困惑并且易引发错误的特性之一是以“一切皆共享”的方式加载代码。所有文件内定义的一切代码都共享一个全局作用域,这一点是JavaScript落后于其他编程语言之处(比如Java中的package)。随着web应用变得越来越庞大复杂,“一切皆共享”的方式暴露出一系列弊端,比如命名冲突、安全性等等。ES6的目标之一便是解决这种问题,增强JavaScript代码组织的有序性。这就是Mod
寒月十八
2018-01-30
8630
没有更多了
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档