如何创建一个开源Javascript库 | Lynda教程 中文字幕

如何创建一个开源Javascript库 | Lynda教程 中文字幕

Creating an Open Source JavaScript Library

课程ID: 604269

时长: 5.5小时

所属类别:Javascript

管理用于Web开发的开源项目可能是一个有益且复杂的努力

在本课程中,您将学习如何从头构建一个小型JavaScript库,从而开始开源

加入Kent Dodds,他涉及创建一个微库,编写和运行测试,转运和持续集成

此外,他还展示了如何发布一个真正的项目 - 一个已注册的npm模块

为了结束课程,Kent讨论了如何管理一个开源项目

注意:本课程由Frontend Masters创建

它最初于08/09/2016发布

我们很高兴在我们的图书馆举办这一培训

主题包括:

创建一个开源库

Linting和测试

ESLint

代码覆盖率

安装和配置Babel

Transpiling

对等依赖关系

分叉和重命名

持续集成和自动发布

(戏剧性电子音乐) - 我们将从零开始构建一个图书馆。

这将是一个非常小的图书馆。

我们将编写并运行测试。

我们会把它甩掉

我们将添加持续集成。

我们将添加一个浏览器构建。

然后我们将发布一个真正的项目。

所以每个人都希望在npm注册表上注册一个npm模块。

如果这一切都出来了。

它将是独一无二的, 它不仅仅是像克隆, 像我们将有一百个克隆的同样的事情。

它将是独一无二的, 有用的。

然后我实际上就谈论管理一个开源项目, 这就是我们如何把事情包起来的。

这不仅仅是一个车间的事情, 更像是你想像的东西和东西。

所以我最后会说这个话。

我们不会做的一件事是我不会专注于建立图书馆。

我们正在建立的不同图书馆有很多不同的目的, 所以很难以通用的方式教授。

关于管理开放源代码库, 我会谈谈一下, 我将会谈一下如何使它可扩展和类似的东西, 但是在大多数情况下, 图书馆的规模会很小, 我们将根据需要跳过这些东西。

大多数情况下, 我们将在图书馆周围建立工具, 使您的生活作为一个开源作者更容易。

所以要求车间。

希望你们都已经设置好了。

但是你需要git, node, npm。

然后还有一个travis-ci.org帐户, 所以如果你没有设置, 请继续设置。

这很快

只需将其连接到GitHub。

和一个codecov.io帐户。

与GitHub连接。

这些是我们将要用来自动化我们部分项目的东西。

所以我会离开一会儿。

所以这是travis-ci.org, 而codecov.io其实你知道什么, 我应该把它复制到聊天中。

那就是我会做的

哎呀。

开始了。

好吧, 让我们继续前进吧。

所以这些是你应该预先运行的命令。

我也会把它们粘贴到聊天室中。

发出的指示中有一个错误。

这是我的坏复制/粘贴错误。

但是你不应该运行任何到localhost的服务器:8080。

这个研讨会没有必要。

当你们都说完了, 你应该有一个这样的项目。

你将有一个.git目录, 一个node_modules目录和一个.gitattributes文件。

就这样, 这完全是空的。

我有一个node_modules目录的原因, 我会很快解释一下, 这个npm运行安装程序:对于前端主人, 它正在做的是检查我们车间的最后一个分支。

在每一步都是一个分支, 它运行npm安装来安装我们最终将在项目中的所有依赖项, 然后它检出第一个分支, 所以没有什么。

但也删除了几个目录, 这些目录是运行一些验证和内容的工件。

所以我们这样做的原因是, 在整个研讨会上, 你不必一直在运行npm安装, 特别是如果你在一个坏的互联网连接, 这可能是一个问题。

所以通过安装所有的东西, 你可以跳过那一点。

所以这就是为什么你有这个node_modules目录。

这不是gitignored。

我们现在在这里没有gitignore。

稍后我们会补充一点。

那么是的, 不要承诺。

是啊。

不要提交你的node_modules目录。

几乎从不。


本课程视频字幕免费下载地址: 如何创建一个开源Javascript库

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自己写的一个网页开发常用效果与框架,可以自定义导出自己想要的部分。 1.通过帮助文档help.html查看所有效果与使用方法。 2.通过config.html配置符合你需要并导出js; 内容包含如下: A:效果类; 1.事件-同时兼容手机与pc的3种事件(start、move、end); 2.tab选项卡-各种切换6种; 3.电商产品主图-横向与纵向2种; 4.放大镜-电商主图放大镜、图鼠标悬停旁边出现放大版图效果各一个; 5.跑马灯-文字或图片不断档可支持鼠标悬停时停止; 6.仿alert弹窗-可以自定义样式,手机版pc版个一种; 7.列表下拉加载更多-伪数据加载与ajax异步加载个一种; 8.折叠菜单一个; 9.banner图效果-7种包含手机上支持手指滑动的; 10.时间轴-控制1种; 11.自定义滚动条-横向、纵向各一种; 12.临时禁用滚动条-禁用与启用方法各一个,也能禁用手机滚动条,同时解决px滚动条占用宽度问题。 13.图表等比例-使图片始终保持设定比例缩放等供3种不同形式; 14.回到顶部-点击回到浏览器顶部; 15.漂浮窗-小漂浮窗广告; 16.图集展示-偶尔能用到; 17.滚屏效果-手指上下滑动或鼠标滚轮滚动切换页面,可自己配一些动效!!!!!!; 18.常用表单验证; 19.左滑删除; 20.复选框全选与取消选中; 21.内容拖动!!!!!!; 22.dom输入; 23.单例定时器; 24.ios软键盘弹出fixed定位问题处理!!!!!!; B:架构类; 1.流程控制-主要解决多个ajax调用依赖问题; 2.面向对象的class方法-方便定义类与集成类; 3.require-实现模块化开发,简单实用; 提示:用!!!!!!标注结尾的在某些场景下可能出现bug;

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值