Thanks to visit codestin.com
Credit goes to github.com

Skip to content

wangpin34/myfekit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

myfekit

收集和整理了一些前端开发常用的工具和库。

常用下载

  • node 项目组使用的node版本一般都不是最新的。这个链接下是所有的node版本。

在线学习

  • es6 fiddle 在线es6。方便学习es6语法和特性) - 最近不能使用

工具

编辑器/IDE

  • jetbrains 这个网站做了很多不错的IDE
  • atom github 官方开发的IDE.
  • sublime 很不错的文本编辑器,插件丰富,功能强大.
  • visual studio code 微软出品的编辑器,和 atom 一样基于 electron 。集成了 git,单步调试,和命令行等实用工具。

diff 工具

前端工程

自动化任务

依赖/模块/编译

  • bower 前端js包管理工具,可以解决繁复的前端js依赖关系

    设置代理: 编辑.bowerrc文件

{
  ...
  "proxy": "http://proxy.com:8080",
  "https-proxy": "http://proxy.com:8080",
  ...
}
  • babel 是一个js编译器,通过es6插件的支持,babel将es6代码编译成主流浏览器兼容的js。
  • browserify 根据require关系将所有的依赖打包到一个文件中。

Browsers don't have the require method defined, but Node.js does. With Browserify you can write code that uses require in the same way that you would use it in Node.

css 预处理器

css 本身不支持导入,变量,嵌套等特性,而预处理器可以让我们像编程一样编写css。

单元测试

live reload

前端

webpack 支持基于模块的 hot reload, 不需要刷新页面,或者刷新页面但能保持状态。

后台

promise

promise是对于javascript callback的改进,是一种新的流程管理思想。基于promise标准,产生了很多promise库。es6增加了原生的promise。

  • q 最基础的promise实现
  • bluebird 功能更加丰富的promise库
  • axios 基于标准promise的http client,包括ajax client和node client
  • continuation-local-storage 用于在方法调用链(比如promise的then链)中设置和自动获取变量。 sequelize使用它在链中存储transaction对象。

http 相关

数据库

  • sequlize promise风格的orm框架。支持简单的事务处理。

模板引擎

  • jad
  • hbs
  • ejs

UI

  • app-UI
  • material-ui
  • element ui 饿了么前端 vuejs 2.0 ui 框架
  • iview 曾经和 element ui 闹过抄袭风波的 vuejs 2.0 ui 框架
  • ant-design 蚂蚁金服 UI 设计语言 旗下包含 antd pro/antd mobile 等多个设计和ui项目

web应用框架

前端框架/库

  • angularjs MVVM框架,支持模板,路由,promise。
  • react 前端组件
  • vuejs 简单灵活的模块框架,社区非常活跃,最新的 es6,模块化,css预处理都支持,flux

应用开发

用开发web应用的方式开发电脑,平板,手机上的应用

身份验证/安全

其他

  • rawgit 可以为github上的资源添加适合的 content-type,以便它们在浏览器中正常工作。 比如一个js文件,如果直接通过github访问,这个文件的mime-type是plain/text,它是不会在浏览器中自动运行的。

github.com/your-name/your-repo/your-branch/your-file

For development => rawgit.com/your-name/your-repo/your-branch/your-file

For production(cdn) => cdn.rawgit.com/your-name/your-repo/your-branch/your-file

  • unpkg  npm package 内容分发平台, npm 的 cdn

LICENSE

MIT

About

前端开发工具库。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published