`
isy
  • 浏览: 102587 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

zepto.js打包构建工具

阅读更多

github下载的源码目录如下:

 默认只下载zeptojs,如需要ajax、处理表单、动画效果、移动端触摸事件等都需要自己添加模块构建版本,之前的做法是参考:

http://www.jackyrao.com/archives/469?ckattempt=1下载zepto包然后用node构建,也可以参考:

https://github.com/madrobby/zepto用npm构建,今天更新zepto时在github首页发现了个最便捷的工具

http://github.e-sites.nl/zeptobuilder/,如图:



 在需要的模块上打钩,选择是否压缩,然后生成即可!

  • 大小: 29.1 KB
  • 大小: 86.2 KB
0
1
分享到:
评论

相关推荐

    GMU-已经打包.rar

    GMU(Generic Mobile UI)是一个专为Webapp和Pad端设计的UI组件库,它基于Zepto.js,一个轻量级的JavaScript库,类似于jQuery,但专注于移动设备。GMU致力于提供一套简单易用、功能丰富的UI解决方案,帮助开发者快速...

    sea.js教程

    Sea.js 是一个用于浏览器端模块加载的工具,它遵循 CommonJS 规范,旨在简化 JavaScript 的模块化开发。本教程将深入探讨 Sea.js 的核心概念、使用方法以及如何在实际项目中进行应用。 ### 一、Sea.js 基础 1. **...

    JavaScript_Application_Architecture_with_Backbone.js

    ### JavaScript Application Architecture with Backbone.js #### 一、引言 在现代Web开发中,随着用户对交互性与体验要求的不断提高,单页面应用(Single Page Application, SPA)逐渐成为主流趋势之一。在这种...

    16款最流行的JavaScript框架-开源中国社区.docx

    7. **Zepto.js** - Zepto.js是一个轻量级的JavaScript库,设计用于移动浏览器,其语法与jQuery兼容,适用于资源有限的移动设备,如iPad、iPhone和Android设备。 8. **DHTMLX Touch** - DHTMLX Touch是专为移动和...

    工作临时

    文件“zepto合并所有代码.bat”和“zepto_JS.bat”可能包含了Zepto源码的合并和处理过程,可能用于构建或优化项目中使用的JavaScript资源。 2. **自动化脚本**: 文件名如"packZepto.js.bat"和"main.bat"等表明这些...

    h5全套培训视频

    - **Gulp**:基于Node.js平台的自动化构建工具,如何编写Gulp任务脚本。 - **Grunt**:一款基于Node.js的JavaScript任务运行器,适合简单的构建任务。 #### 十二、React教程 - **组件化开发**:React的核心理念,...

    前端架构体系技术.pdf

    前端架构体系技术涉及众多知识点,包括但不限于框架与组件设计、响应式布局、模块化、虚拟DOM、同构JavaScript以及构建工具。以下是对这些关键领域的详细解释: 1. **框架与组件**:Bootstrap等UI框架提供了预设的...

    Jingle怎么使用

    下载完成后,你可以直接使用预先打包好的版本,也可以根据需求自行修改源码并使用 Grunt 工具重新打包。 **基本文件结构如下:** 1. **Jingle CSS**: 提供了框架的基础样式。 2. **Jingle JS 组件**: 核心功能实现...

    基于gulp合并压缩Seajs模块的方式说明

    gulp是一个基于Node.js的构建工具,用于优化前端开发流程。本文介绍如何使用gulp来实现Sea.js模块的合并压缩,主要针对中小型前端项目进行讲解。 ### gulp与Sea.js模块合并压缩的必要性 在项目开发过程中,页面...

    详解如何用webpack打包一个网站应用项目

    Webpack 是一个流行的前端构建工具,可以将多个文件打包成一个文件,方便网站应用的开发和部署。 Webpack 的安装和配置 首先,需要安装 Node 环境和 Webpack。在项目目录下输入 `npm init` 初始化一个 Node 项目,...

    前端架构体系技术.docx

    Webpack和Browserify则用于模块打包,通过r.js、browserify、webpack等工具实现。 9. **性能优化**:Performance Timing API提供了页面加载性能的详细信息,有助于定位性能瓶颈。性能计算和库如performanceTrace...

    _ihtml5_frontEndBooks 移动开发.pdf

    - **Zepto.js**:一个轻量级的JavaScript库,功能与jQuery相似,但专为移动设备优化。 - **Local Storage**:一种Web存储技术,用于在客户端存储数据,减少了服务器请求,提升了速度。 ### 5. 项目管理与发布流程 ...

    20、前端开发工程师【3年】简历模版.docx

    8. **Webpack**:一个模块打包工具,可以将多种资源(如JavaScript、CSS、图片等)打包成优化过的静态文件。 9. **Git**:版本控制工具,用于协同开发和代码管理。 10. **Node.js**:JavaScript运行环境,用于...

    回答项目的技术技巧

    以下是一些关于项目的技术技巧,主要涉及Node.js、Express、MongoDB、前端框架以及自动化构建工具等方面的知识点。 首先,对于个人博客项目,它是基于PC端的,使用了Node.js的Express框架。Express是Node.js中广泛...

    ZhongTouHuDi:基于mui框架html5开发,打包ios

    1. 基于Zepto.js,轻量且高效。 2. 支持多种设备,包括iOS和Android。 3. 内置丰富的组件,如下拉刷新、上拉加载、侧滑菜单等。 4. 提供便捷的事件绑定和处理机制。 5. 兼容性好,支持大部分现代浏览器和移动端...

    轻量级react实现减少100kb体积react届的zepto

    2. **tree shaking**:借助现代JavaScript的静态类型检查(如TypeScript)和打包工具,可以移除未使用的代码,进一步减小体积。 3. **删除不必要的功能**:React有一些高级特性,如Context API、Hooks等,可能在...

    citylist:城市列表

    在开发过程中,"gulp" 是一个流行的自动化构建工具,用于简化构建过程,如编译CSS、压缩JavaScript、合并文件等。使用Gulp可以提高开发效率,通过编写简单的任务脚本来自动化重复的工作流程。 "node" 指的是Node.js...

Global site tag (gtag.js) - Google Analytics