Javascript代码实现仿实例化类【javascript】

web前端|js教程

Javascript,实例化类

web前端-js教程

Javascript能做的事情越发的多了起来，随之而来的问题即是Js代码量的增加，面对代码的加多，我选择了仿面向对像类实例化里的构造函数自动启动的方式，把所有的js代码，以注册的形式，类化了起来。

本地生活程序源码,vscode插件在哪个目录,ubuntu的ifup,tomcat 不能开启,爬虫种子批发,php 跟踪调试,许昌seo建设工作室,个人博客网站模板word,模板源码lzw

代码

米搜源码,vscode怎么打开代码包,ubuntu访问etc,tomcat无法开启apr,快手爬虫搞笑,php根据地址获取经纬度,网络seo推广机构外推,动态网站管理系统,文化 公司 网站模板免费下载lzw

/** * @version $Id$ * @author xjiujiu * @description HHJsLib Framework Apps * @copyright Copyright (c) - .All right reserved */ HHJsLib.register({ init: function() { this.bindPreviewBtn(); this.bindUploadEleImageBtn(); this.bindUploadEleAudioBtn(a.audio-upload-btn); this.bindUploadEleVideoBtn(a.video-upload-btn); this.bindDownloadEleAudioBtn(); this.bindNewConBtn(); this.bindDelConBtn(a.btn-del-con); this.bindDelItemBtn(a.btn-del-item); this.bindNewItemBoxClose(div.item-box); this.bindPlusBtn(a.btn-plus); this.bindAppendNewElement(div.new-item-box ul li a); this.bindSetPreviewVideo(); this.bindAddAnswerBtn(a.btn-add-answer); this.bindDelAnswerBtn(a.btn-del-answer); this.bindDelImageBtn(a.btn-del-image); this.bindDelAudioBtn(a.btn-del-audio); this.initPlusBtn(); }, bindUploadEleVideoBtn: function(dom) { var self = this; $(dom).click(function() {var $this = $(this);var t = HHJsLib.modal.confirm( 上传本地视频,

+

浏览您电脑里，从中选择一个视频文件。

微信刷票程序源码,vscode+前端开发环境,ubuntu目录回复,咋样做tomcat镜像,scrapy 爬虫 暂停,linux php f,湖北本地seo推广开户,网站列项导航栏,微赞无法安装淘宝客模板lzw

+

+

从电脑上传

+

+

);var uploader = HJZUploader.createVideo( #upload-btn, { formData: {model: imeline}, }, function(response) {if(false == response.rs) { self.setDemoBoxInit($this); return HHJsLib.warn(response.message);}self.setDemoAudioInfo($this, response.data);$(#dialog-box- + t).modal(hide); });uploader.on(uploadProgress, function(file) { self.setDemoBoxLoading($this);}); return uploader; }); }, bindDelAudioBtn: function(dom) { this.bindDelFileBtn(dom, 真的要删除这个音频吗？); }, bindDelImageBtn: function(dom) { this.bindDelFileBtn(dom, 真的要删除这个图片吗？); }, bindDelFileBtn: function(dom, msg) { var self = this; $(dom).click(function() {var $target = $(this);var t= HHJsLib.initPopover($(this), msg);$(#btn-sure- + t).click(function() { if(1 != $target.attr(data-new)) {$.get( queryUrl + imelineele/adel, {id: $target.attr(data-id)}, function(response) { if(false === response.rs) {return HHJsLib.warn(response.message); } self.delDemoFieldInfo($target); $target.popover(destroy); });return; } self.delDemoFieldInfo($target); $target.popover(destroy);}); }); }, delDemoFieldInfo: function($target) { $($target.attr(data-demo-box)).html(\); $($target.attr(data-box)).removeClass(uploaded).addClass( o-file); $($target.attr(data-field)).attr(data-id, \).attr(data-src, \); }, bindAddAnswerBtn: function(dom) { var self = this; $(dom).click(function() {var id= $(this).attr(data-id);var answerHtml = eleTplMap.answerTpl.replace(/{id}/g, id);$(#answer-box- + id).append(answerHtml);self.bindDelAnswerBtn(#answer-box- + id + a.btn-del-answer); }); }, bindDelAnswerBtn: function(dom) { var self = this; $(dom).click(function() {var $target = $(this);if(2 > $target.parent().parent().find( extarea.answer-editor).length) { return HHJsLib.warn(至少需要有一个答案！);}var t = HHJsLib.initPopover($target, 您确定要删除这个答案吗？);$(#btn-sure- + t).click(function() { $target.parent().remove();}); }); }, bindAppendNewElement: function(dom) { var self = this; $(dom).unbind(click).click(function() {var type = $(this).attr(data-type);var heading = $(this).parent().parent().attr(data-heading-id);if(heading == type) { self.addNewElePartBox(); $("#new-item-box-" + heading).hide(); return;}self.addNewEleToPartBox(heading, type); }); }, addNewElePartBox: function() { var t= this.getTimestamp(); var partBoxHtml = eleTplMap.partBox.replace(/{t}/g, t); var headingHtml = this.initItemTplByType(heading, t, t); var itemHtml = this.initItemTplByType( ext, t, t); var itemBoxHtml = this.initItemBoxTpl(itemHtml, t, t, left, ext); partBoxHtml = partBoxHtml.replace(/{heading}/g, headingHtml); partBoxHtml = partBoxHtml.replace(/{item}/g, itemBoxHtml); $("#main-box").append(partBoxHtml); this.bindDelItemBtn(#item- + t + a.btn-del-item); this.movePlusBtnBox(t); }, addNewEleToPartBox: function(heading, type) { var total = $(#ele-part-box- + heading + div.item-ele-box).length; var side = total % 2 === 0 ? left : ight; var t= this.getTimestamp(); var itemHtml = this.initItemTplByType(type, t, heading); var itemBoxHtml = this.initItemBoxTpl(itemHtml, heading, t, side, type); //清掉原有高度DIV $(#clearfix- + heading).remove(); $(#ele-part-box- + heading).find(div.eles-box).append(itemBoxHtml); //绑定Dom事件 this.bindDelItemBtn(#item- + t + a.btn-del-item); this.movePlusBtnBox(heading); this.bindNewEleUpload(type); }, bindNewEleUpload: function(type) { var self = this; switch(type) {case image:case question:case know:self.bindUploadModal(a.btn-upload);break;case audio:self.bindUploadEleAudioBtn(a.audio-upload-btn);self.bindDelAudioBtn(a.btn-del-audio);break; } }, initItemTplByType: function(type, t, heading) { var itemHtml = eleTplMap[type].replace(/{t}/g, t); itemHtml = itemHtml.replace(/{sort_num}/g, this.getNewEleSortNum(heading));return itemHtml.replace(/{headingId}/g, heading); }, initItemBoxTpl: function(content, heading, t, side, type) { var itemBoxHtml = eleTplMap.itemBox.replace(/{t}/g, t); itemBoxHtml = itemBoxHtml.replace(/{headingId}/g, heading); itemBoxHtml = itemBoxHtml.replace(/{side}/g, side); itemBoxHtml = itemBoxHtml.replace(/{content}/g, content); itemBoxHtml = itemBoxHtml.replace(/{hash}/g, hex_md5(t)); itemBoxHtml +=

; return itemBoxHtml.replace(/{type}/g, type); }, movePlusBtnBox: function(heading) { //删除原有 $(#new-item-box- + heading).remove(); //加入新 var plusBtnHtml = eleTplMap.plusBtn.replace(/{headingId}/g, heading); $(plusBtnHtml).insertBefore(#clearfix- + heading); var $items= $(#ele-part-box- + heading).find(div.item-ele-box); if($items.length b ? -1 : 1;}return typeof a > typeof b ? -1 : 1; });return sortNums[0] == null ? 0 : sortNums[0]; }, bindUploadEleImageBtn: function() { this.bindUploadModal(a.btn-upload); }, bindUploadEleAudioBtn: function(dom) { var self = this; $(dom).click(function() {var $this = $(this);var t = HHJsLib.modal.confirm( 上传音频,

+

浏览您电脑里，从中选择一个音频文件。

+

+

从电脑上传

+

+

);var uploader = HJZUploader.createAudio( #upload-btn, { formData: {model: imeline}, }, function(response) {if(false == response.rs) { self.setDemoBoxInit($this); return HHJsLib.warn(response.message);}self.setDemoAudioInfo($this, response.data);$(#dialog-box- + t).modal(hide); });uploader.on(uploadProgress, function(file) { self.setDemoBoxLoading($this);}); return uploader; }); }, setDemoAudioInfo: function($target, data) { var audioHtml = \; $($target.attr(data-demo-box)).html(audioHtml).show(); $($target.attr(data-field)).attr(data-id, data.id).attr(data-src, data.src); }, bindUploadModal: function(dom) { var self = this; $(dom).unbind(click).click(function() {var $this = $(this);var t = HHJsLib.modal.confirm( 上传图片,

+

浏览您电脑里的图片，从中选择一张。

+

+

从电脑上传

+

+

);var uploader = HJZUploader.createImage( #upload-btn, { formData: {model: imeline} }, function(response) {if(false == response.rs) { self.setDemoBoxInit($this); return HHJsLib.warn(response.message);}var imgHtml = \;$($this.attr(data-demo-box)).html(imgHtml).show();$($this.attr(data-field)).val(response.data.id).attr(data-src, response.data.src);$(#dialog-box- + t).modal(hide); });uploader.on(uploadProgress, function(file) { self.setDemoBoxLoading($this);});self.bindDelImageBtn(a.btn-del-image); return uploader; }); }, bindPreviewBtn: function() { var self = this; $(#edit-btn, #preview-btn).click(function() {try{ self.verifyBaseInfo(); self.verifyEleInfo(); self.verifyConclusionInfo(); $(#timeline-form).submit();}catch(e) { return HHJsLib.warn(e);} }); }, verifyBaseInfo: function() { HHJsLib.isEmptyByDom(#image-path, 时间轴大图); HHJsLib.isEmptyByDom(#cover, 时间轴封面); HHJsLib.isEmptyByDom(#name, 标题); HHJsLib.isEmptyByDom(#description, 描述); }, verifyEleInfo: function() { this.verifyHeaderEleInfo(); this.verifyTextEleInfo(); this.verifyImageEleInfo(); this.verifyVideoEleInfo(); this.verifyAudioEleInfo(); this.verifyQuestionEleInfo(); this.verifyKnowEleInfo(); }, verifyHeaderEleInfo: function() { $(div.item-heading-box).each(function() {HHJsLib.isEmpty($(this).find( extarea).val(), 头条内容);}); }, verifyTextEleInfo: function() { $(div.item-text-box).each(function() {HHJsLib.isEmptyByDom(#ele-text- + $(this).attr(data-id), 文本内容元素); }); }, verifyImageEleInfo: function() { $(div.item-image-box).each(function() {HHJsLib.isEmptyByDom(#ele-image-hash- + $(this).attr(data-id), 图片地址);HHJsLib.isEmptyByDom(#ele-image-content- + $(this).attr(data-id), 图片介绍); }); }, verifyVideoEleInfo: function() { $(div.item-video-box).each(function() {HHJsLib.isEmptyByDom(#ele-video-hash- + $(this).attr(data-id), 视频地址);HHJsLib.isEmptyByDom(#ele-video-content- + $(this).attr(data-id), 视频介绍); }); }, verifyAudioEleInfo: function() { $(div.item-audio-box).each(function() {HHJsLib.isEmptyByDom(#ele-audio-hash- + $(this).attr(data-id), 音频地址);HHJsLib.isEmptyByDom(#ele-audio-content- + $(this).attr(data-id), 音频介绍); }); }, verifyQuestionEleInfo: function() { $(div.item-question-box).each(function() {HHJsLib.isEmptyByDom(#ele-question-content- + $(this).attr(data-id), 问题内容);HHJsLib.isEmptyByDom(#ele-question-extend- + $(this).attr(data-id), 问题答案解释);HHJsLib.isEmpty(answerLen, 问题答案);$(#answer-box- + $(this).attr(data-id)).find( extarea).each(function() { HHJsLib.isEmpty($(this).val(), 问题答案);}); }); }, verifyKnowEleInfo: function() { $(div.item-know-box).each(function() { HHJsLib.isEmptyByDom(#ele-know-hash- + $(this).attr(data-id), 知道图片地址);HHJsLib.isEmptyByDom(#ele-know-content- + $(this).attr(data-id), 知道介绍); }); }, verifyConclusionInfo: function() { var length= $(#conclusion-box div.item-con).length; HHJsLib.isEmpty(length, 总结); $(#conclusion-box div.item-con).each(function() {var dataId = $(this).attr(data-id);HHJsLib.isEmptyByDom(#ele-con-hash- + dataId, 总结图片);HHJsLib.isEmptyByDom(#ele-con-content- + dataId, 总结详情); }); }, bindDownloadEleAudioBtn: function() { var self = this; $(a.download-audio-btn).click(function() {var $this = $(this);try{ HHJsLib.isEmptyByDom("#item-audio-upload-hash-" + $this.attr(data-id), 下载地址); var url = $("#item-audio-upload-hash-" + $this.attr(data-id)).val(); if(mp3 != url.substring(url.lastIndexOf(.) + 1).toLowerCase()) {return HHJsLib.warn(格式不支持，必须是Mp3格式！); } var t = HHJsLib.modal.info(下载音频,

正在下载音频文件中，请稍等...

); self.setDemoBoxLoading($this); $.getJSON(siteUrl + index.php/public/resource/adownload, {url: encodeURIComponent(url)}, function(response) { if(false == response.rs) { self.setDemoBoxInit($this); return HHJsLib.warn(response.message); } $(#dialog-box- + t).modal(hide); self.setDemoAudioInfo($this, response.data);} );} catch(e) { return HHJsLib.warn(e);} }); }, setDemoBoxLoading: function($target) { $($target.attr(data-box)).removeClass( o-file).addClass(uploaded); $($target.attr(data-file-box)).html(\); }, setDemoBoxInit: function($target) { $($target.attr(data-box)).removeClass(uploaded).addClass( o-file); $($target.attr(data-file-box)).html(\); }, bindSetPreviewVideo: function() { $(input.ele-video).change(function() {var url = $(this).val();if(url != \) { if(swf != url.substring(url.lastIndexOf(.) +1 ).toLowerCase()) {return HHJsLib.warn(视频地址不合法，请输入有效的在线观看Flash地址！); } var previewHtml = \; $($(this).attr(data-demo-box)).html(previewHtml);} }); }, bindDelEleBtnFormEdit: function() {this.bindDelUploadImgBtn(); }, getTimestamp: function() {return (new Date()).getTime(); }});

以上所述就是本文给大家分享的全部内容了，希望能够对大家学习javascript有所帮助。