Others_JavaScript スキルによって書かれた小さな JS フレームワークを共有する
Dom や String、Array、StringBuffer、NameSpace など、よく使われる拡張機能を主に統合しており、もちろん Ajax は不可欠です。音量は8kくらいです。音量が厳密に制御されているため、機能が制限されています。 Ajax 部分だけが必要な場合は、わずか 1k です。
この小さなフレームワークは会社のプロジェクトに適用され、フロントエンド表示ページのprototype.jsを徐々に置き換え始めています。将来的には、このフレームワークに基づいていくつかのアプリケーションが作成される予定です。
/*
* My JavaScript Framework
* バージョン : 1.0 beta
* 作成者 : misshjn
* メール : misshjn@163.com
* /
関数NameSpace(){};
function StringBuffer(){this.data = []};
var Method = {
バージョン : "1.0 beta",
要素 : function(){
this.version = Method.Version;
this.hide = function(){this.style.display="none"; これを返します};
this.show = function(){this.style.display=""; これを返します};
this.getStyle = function(s){
var value = this.style[s.camelize()];
if (!value){
if (this.currentStyle) {
value = this.currentStyle[s.camelize()];
else if (document.defaultView && document.defaultView.getComputedStyle) {
var css = document.defaultView.getComputedStyle(this, null);
値 = css ? css.getPropertyValue(s) : null;
}
戻り値;
};
this.setStyle = function(s){
var sList = s.split(";");
for (var i=0,j; j=sList[i]; i ){
var k = j.split(":");
this.style[k[0].trim().camelize()] = k[1].trim();
}
これを返します。
};
this.toggle = function(){this.getStyle("display")=="none"?this.setStyle("display:"):this.setStyle("display:none"); これを返します};
this.hasClassName = function(c){return this.className.hasSubString(c," ")?true:false;};
this.addClassName = function(c){if(!this.hasClassName(c)){this.className =" " c};return this};
this.removeClassName = function(c){if(this.hasClassName(c)){this.className = (" " this.className " ").replace(" " c " "," ").trim( ); これを返します}};
this.getElementsByClassName = function(c){return this.getElementsByAttribute("className",c)};
this.getElementsByAttribute = function(n,v){ //name,value;
var elems = this.getElementsByTagName("*");
var elemList = [];
for (var i=0,j; j=elems[i]; i ){
var att = j[n] || j.getAttribute(n);
if (att==v){
elemList.push(j);
}
return elemList;
};
this.parentIndex = function(p){
if (this==p){return 0}
for (var i=0,n=this; n=n.parentNode; i ){
if(n==p){return i;}
if(n==document.documentElement) return -1;
}
}
this.nextElement = function(){
var n = this;
for (var i=0,n; n = n.nextSibling; i ){
if(n.nodeType==1) return $(n);
}
null を返します。
};
this.previousElement = function(){
var n = this;
for (var i=0,n; n = n.previousSibling; i ){
if(n.nodeType==1) return $(n);
}
null を返します。
};
this.moveAhead = function(){
if (this.previousElement()){
this.parentNode.insertBefore(this,this.previousElement());
}
これを返します。
};
this.moveBack = function(){
var n = this.nextElement();
if (n){
this.parentNode.removeChild(n);
this.parentNode.insertBefore(n,this);
}
これを返します。
};
}、
配列: function(){
this.indexOf = function(){
for (i=0; i
return i;
}
return -1;
};
this.lastIndexOf = function(){
for (i=this.length-1; i>=0; i--){
if (this[i]==arguments[0])
i を返します。
}
return -1;
};
this.each = function(fn){
for (var i=0,len=this.length; i
}
これを返します。
};
},
String : function(){
this.trim = function(){
var _re,_argument = arguments[0] || 「 」;
typeof(_argument)=="string"?(_argument == " "?_re = /(^s*)|(s*$)/g : _re = new RegExp("(^" _argument "*) |(" _argument "*$)","g")) : _re = _argument;
return this.replace(_re,"");
};
this.ltrim = function(){
var _re, _argument = arguments[0] || 「 」;
typeof(_argument)=="string"?(_argument == " "?_re = /(^s*)/g : _re = new RegExp("(^" _argument "*)","g") ) : _re = _argument;
return this.replace(_re,"");
};
this.rtrim = function(){
var _re, _argument = arguments[0] || 「 」;
typeof(_argument)=="string"?(_argument == " "?_re = /(s*$)/g : _re = new RegExp("(" _argument "*$)","g") ) : _re = _argument;
return this.replace(_re,"");
};
this.concat = function(){
var s = new StringBuffer();
s.append(this);
for (var i=0,j; j=arguments[i]; i ){
s.append(typeof j=="object" ? j.join("") : j);
}
return s.toString();
};
this.stripTags = function(){
return this.replace(/?[^>] >/gi, '');
};
this.cint = function(){
return this.replace(/D/g,"")-0;
};
this.camelize = function(){
return this.replace(/(-S)/g,function($1){return $1.toUpperCase().substring(1,2)})
};
this.hasSubString = function(s,f){
if(!f) f="";
var v = (f this f).indexOf(f s f);
return v==-1?false:v;
};
this.toXMLString = function(){
var arr = arguments[0].split("&");
var str = new StringBuffer();
for (var i=0,len=arr.length; i
str.append("<" item[0] ">>" item[0] ">");
}
return str.toString();
};
this.URLEncode = function(){ return encodeURIComponent(this)};
this.URLDecode = function(){ return decodeURIComponent(this)};
},
StringBuffer : function(){
this.append = function(){this.data.push(arguments[0]);return this};
this.toString = function(){return this.data.join(arguments[0]||"")};
this.length = function(){return this.data.length};
},
NameSpace : function(){
this.copyChild = this.appendChild = function(ns){
for (var key in ns){
this[key] = ns [鍵];
}
これを返します。
};
}
};
Method.Array.apply(Array.prototype);
Method.String.apply(String.prototype);
Method.StringBuffer.apply(StringBuffer.prototype);
Method.NameSpace.apply(NameSpace.prototype);
function $(){
var elem = typeof(arguments[0])=="string"?document.getElementById(arguments[0]):arguments[0];
if (!elem){return null}
if (elem["version"]){return elem}
if ( 引数[1] == 未定義 || 引数[1]==true ) {Method.Element.apply(elem);}
return elem;
};
$(ドキュメント);
var Ajax={
xmlhttp:function (){
try{
return new ActiveXObject('Msxml2.XMLHTTP');
catch(e){
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
return new XMLHttpRequest();
}
}
}
};
Ajax.Request=function(){
if(arguments.length var para = {asynchronous:true,method:"GET",parameters:""};
for (var key in arguments[1]){
para[key] = arguments[1][key];
}
var _x=Ajax.xmlhttp();
var _url=引数[0];
if(para["parameters"].length>0) para["parameters"] ='&_=';
if(para["メソッド"].toUpperCase()=="GET") _url =(_url.match(/?/)?'&':'?') para["パラメータ"];
_x.open(para["method"].toUpperCase(),_url,para["asynchronous"]);
_x.onreadystatechange=function (){
if(_x.readyState==4){
if(_x.status==200)
para["onComplete"]?para["onComplete "](_x):"";
else{
para["onError"]?para["onError"](_x):"";
}
}
};
if(para["method"].toUpperCase()=="POST")_x.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
for (var ReqHeader in para["setRequestHeader"]){
_x.setRequestHeader(ReqHeader,para["setRequestHeader"][ReqHeader]);
}
_x.send(para["method"].toUpperCase()=="POST"?(para["postBody"]?para["postBody"]:para["parameters"]): null);
};
var Cookies = {
get : function(n){
var dc = "; " document.cookie "; ";
var coo = dc.indexOf("; " n "=");
if (coo!=-1){
var s = dc.substring(coo n.length 3,dc.length);
return unescape(s.substring(0, s.indexOf("; ")));
}else{
null を返す;
}
},
set : function(name,value,expires){
var expDays = expires*24*60*60*1000;
var expDate = 新しい Date();
expDate.setTime(expDate.getTime() expDays);
var expString = 期限切れ ? "; 期限切れ = expDate.toGMTString() : "";
var pathString = ";path=/";
document.cookie = name "=" escape(value) expString pathString;
},
del : function(n){
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=this.get(n);
if(cval!=null) document.cookie= n "=" cval ";expires=" exp.toGMTString();
}
}
function $A(list){
var arr = [];
for (var i=0,len=list.length; i
}
arr を返す;
}
関数 $D(str){return str.URLDecode();}
関数 $E(str){return str.URLEncode();}
関数 $V(id){ return $(id).value}
function request(paras){
var url = location.href;
var paraString = "&" url.substring(url.indexOf("?") 1,url.length) "&";
if (paraString.indexOf("&" paras "=")==-1){return""};
paraString = paraString.substring(paraString.indexOf("&" paras "=") paras.length 2,paraString.length);
return paraString.substring(0,paraString.indexOf("&"));
}

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト(https://www.shisido.co.co.jp/sb/wonderland/)と同様の達成方法について説明します。

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1)変数、データ型、関数などの基本概念を理解します。2)非同期プログラミングをマスターし、イベントループを通じて実装します。 3)DOM操作を使用し、非同期リクエストを処理することを約束します。 4)一般的な間違いを避け、デバッグテクニックを使用します。 5)パフォーマンスを最適化し、ベストプラクティスに従ってください。

フロントエンドのVSCodeと同様に、パネルドラッグアンドドロップ調整機能の実装を調べます。フロントエンド開発では、VSCODEと同様のVSCODEを実装する方法...
