javascript模版封装
最近在做个附件上传控件的封装,里面有个javascript的template,想封装后在其它模块也能引用,想请问下这类文件应该怎么封装,封装成什么类型文件呢?然后如何引用?
<script type="text/template" id="qq-template">
<div class="qq-uploader-selector qq-uploader" qq-drop-area-text="Drop files here">
<div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
<span class="qq-upload-drop-area-text-selector"></span>
</div>
<div class="qq-upload-button-selector qq-upload-button">
<div>上传文件</div>
</div>
<span class="qq-drop-processing-selector qq-drop-processing">
<span>Processing dropped files...</span>
<span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
</span>
<ul class="qq-upload-list-selector qq-upload-list" aria-live="polite" aria-relevant="additions removals">
<li>
<div class="qq-progress-bar-container-selector">
<div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
</div>
<span class="qq-upload-spinner-selector qq-upload-spinner"></span>
<span class="qq-upload-file-selector qq-upload-file"></span>
<span class="qq-edit-filename-icon-selector qq-edit-filename-icon" aria-label="Edit filename"></span>
<input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
<span class="qq-upload-size-selector qq-upload-size"></span>
<button type="button" class="qq-btn qq-upload-cancel-selector qq-upload-cancel">取消</button>
<button type="button" class="qq-btn qq-upload-retry-selector qq-upload-retry">重试</button>
<button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete">删除</button>
<span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
</li>
</ul>
</script>
...全文
相关推荐
Layi后台模版
Layui,作为这个模版的核心技术,是基于JavaScript和CSS构建的轻量级、模块化的前端开发框架,以其易用性和灵活性,为网页设计和开发带来了极大的便利。
悬赏猫前端模版,可直接使用
【描述】"悬赏猫h5app封装,前端html+js模版,界面精美可直接使用"进一步阐述了模板的特点。
微信小程序启动页完整模版,微信小程序开发必备
在启动页模版中,这两者将共同构建出视觉效果。4. **JavaScript交互**:启动页可能包含一些动态效果,如渐显渐隐、动画过渡等,这些都需要通过JavaScript来实现。
APP常见的电商项目页面模版
**Vue.js框架**:Vue.js是一个流行的前端JavaScript框架,它以其轻量级、易学习和高性能的特点受到开发者喜爱。
产品展示模版html 好用
**JavaScript和jQuery**:为了实现动态交互功能,模版可能使用JavaScript库,如jQuery。jQuery简化了DOM操作、事件处理和动画效果,使得创建交互式产品展示更加容易。


