搭建 JS SDK 环境结构入门举例

有时候公司需要大家开发某个js sdk对外提供服务,比如最简单的例子就是谷歌的统计代码,放在网站底部引入script就可以了,虽然这个不是sdk,但是和sdk类似。如果网站引入第三方sdk代码的话,就可以直接用第三方提供的API服务了。比如七牛云提供的sdk: https://developer.qiniu.com/sdk#official-sdk


当我们需要开发一个类似的sdk,建立目录非常重要。

需要注意的是:

1.需要小心的是应该注意尽量用原生js代码去写,引入第三方框架或者开源的东西,势必容易影响第三方网站。

2.需要注意样式的写法,最容易出现受第三方网站的样式影响,或者影响到第三方。

3.ajax请求应该是支持跨域的,http和https都应该支持的。

4.应该有个boot判断是否拉取后面加载的js文件服务,而不是一开始就全部加载进来,有时候用户设置没有开启功能,加载很多图片js,css进来就浪费了。

5....还有很多,自己脑补。


我们环境需要有本地开发目录,测试目录,预发目录,线上目录,所以打包的时候需要给几个打包命令。

模板引擎也必不可少,需要选择一个模板引擎。

来点动态的css预编译语言会有助于你的css整理和复用开发。

可复用组件可以抽取一个目录出来。


综上所述就大致形成了一个目录。



具体结构代码参见github: JSSDKDemo

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值