用Algeb这个新轮子管理前端数据请求资源

2020-10-23
阅读 5 分钟
1.8k
一个前端项目需要管理一堆前端数据请求,现代前端应用,几乎没见过将数据请求直接写在业务代码中,大部分时候,我们都会将这些请求逻辑从业务代码中抽出来,集中管理。但随着业务开发的反复进行,我们会逐渐发现一些现象,我们对后端吐给我们的数据开始提出一些具体细节上的要求,就我个人而言,我总结出如下要求:

TypeScript 运行时类型检查补充工具

2020-09-27
阅读 2 分钟
4.2k
TypeScript是静态类型系统,在编译时做类型检查。一般而言,如果项目所用到的所有库、模块都是基于ts的,那么静态类型已经可以避免大部分编程层面的类型问题。不过,在一些场景下来,单纯静态类型是无法解决问题的,部分数据是动态传入到系统中的,主要包含场景如下:

2020年,你需要一个超简单私有服务网关

2020-02-25
阅读 1 分钟
2k
疫情期,你一定不要逞能啊,这时认怂不出门,下回爽翻十条街! 你是不是有的时候也需要将你服务器上的某些私有服务暴露给自己进行调试呢?今天给你介绍一款我写的工具,让你3分钟解决这个痛点。 环境要求: nodejs 10.x 以上 安装 {代码...} 现在,比如我们在服务器上有一个服务是 127.0.0.1:6000,现在,我们想给自己提...

TySheMo 前端数据管理模型

2019-06-23
阅读 2 分钟
3.7k
项目地址:[链接] 使用文档:[链接] 使用案例:[链接] TySheMo是一个前端数据(状态)管理工具。它面向复杂的前端数据管理,用于在前端结构化数据的不断变化中,清晰地控制数据变动,使数据变动不引起错误,并且方便表单数据的恢复、校验、格式化提交。 在需要对数据类型进行校验,数据变动引发界面变动,数据校验,格式...

HelloType:JS运行时数据类型检查工具

2018-08-26
阅读 3 分钟
2.4k
HelloType是一个api设计简单的js运行时的数据类型检查工具,它可以帮助你的js程序在使用某个(组)变量前,对变量的数据类型进行检查,防止在使用变量进行运算时由于数据类型不同导致报错。

datamanager.js 基于observer思想的数据管理器

2017-12-18
阅读 3 分钟
2.9k
传统的数据请求方式是我们在具体的业务代码,或某些特定的逻辑代码(例如redux的action)中手工写一个ajax,无论是使用最新的fetch api,还是使用axios,都是在直接构建一个请求发送器和控制请求过程。当然,这是比较容易理解的,任何人单独看这段代码都能读懂。

HHuploadify 变化多端的图片上传组件

2017-08-30
阅读 2 分钟
2.7k
你可以在这里读到我第一次发布HHuploadify的内容,那个时候HHuploadify只是作为一个jquery插件发布,但是现在不同了我希望把它独立出来,不依赖jquery,虽然在浏览器的兼容性上不再支持IE8及以下(之前应该也不支持,没测试过),但是因为不依赖jquery所以在可扩展性上就更进了一步。

用quicker-worker.js轻松跑一个大数据遍历

2017-07-26
阅读 2 分钟
3.9k
最近在给公司的grid组件进行性能测试和改善,其中非常重要的一个点就是grid加载100k级别的数据时,竟然出现的状况是,渲染不是问题,初始化的时候遍历数据才是问题。

用gulp-bufferify快速创建你的gulp插件

2017-04-12
阅读 2 分钟
2.8k
通过上面这段gulp代码,可以快速替换所有txt文档中的sam为tom。可以说,每一个gulp-bufferify就是一个插件,你可以利用它完成你想要的功能。

ES6的一个基础类,支持私有属性和方法,支持event和mix

2017-03-13
阅读 8 分钟
3.2k
ES6提供了完整的class语法,因此,可以非常方便的使用extends关键字对类进行扩展(继承)。为了实现类的一些基础功能,我撰写了下面这个类,用以被其他类继承,拥有这个基础类的基础功能。

ES6中class私有属性和私有方法

2017-03-07
阅读 3 分钟
21.4k
ES6新增的class语法非常帅,但是围绕这个新的语法糖,在class中如何实现静态属性、私有属性、私有方法的问题,成为了大家探讨的话题。本文打算绕过现有的weakmap、symbol的方案,从最简单的实践中抽取出满足要求的方案。

javascript的几种常见遍历数据结构的语法

2016-10-27
阅读 3 分钟
3.3k
接触JavaScript这么多年,第一次总结一下它的遍历语法。以前我大部分时间都在老版本的JavaScript下写代码,所以大部分时间都是用for...in,随着ES6的发布,有必要对各个遍历语法进行梳理,指出它的优缺点。

外企的产品开发是怎样的?

2016-09-06
阅读 4 分钟
4.7k
从大学开始接触Web开发,到现在已经是第9个年头了,但是感觉自己才刚刚开始入门。特别是开发模式(这个称法待议),不同的公司不一样,团队结构,团队合作方式都有很大的区别。我虽然经历的公司不多,但是接触了一些,自然有些比较。今天主要分享一下morningstar的产品开发模式。

请用一句优雅的话表达javascript闭包

2016-04-17
阅读 6 分钟
3.9k
如果你用jquery,这段代码应该经常使用吧。如果你仔细去观察,就会发现,第一个function被作为参数,传给了jQuery()这个函数,而在function内,又有一个message()函数。所有的jQuery代码被放在第一个function中去处理。第二个函数就是函数体内部的函数,这个函数在函数体内声明,一旦外层函数执行完毕,那么这个函数就失...

javascript中function(){}(),new function(),new Function(),Function

2016-03-19
阅读 5 分钟
6k
和java比起来,javascript真的是松散的无以复加,不过这也让我们在无聊之余,有精力去探讨一些复杂的应用,从而在开发之路上,获得一些新的想法。

OMD: javascript模块化开发兼容CommonJS, AMD, CMD 以及 原生 JS

2016-01-27
阅读 5 分钟
4.4k
在node.js流行起来之前,javascript的开发方式都是函数式的顺序依赖关系,直到node火起来。CommonJS其实首先提供了一个丰富的可扩展的库,在此基础上提供可应用的API,在这些API的基础上,逐渐形成一套规范,使得javascript的开发在这些规范的基础上进行。它的重要特征就是运行开发者模块化的开发javascript,提供一个模...