配列を介して、弦のスプライシングを拡張すると、パフォーマンスの問題に簡単につながる可能性があります
コードコピーは次のとおりです。
関数stringbuffer(){
この.__文字列__ = new Array();
}
stringbuffer.prototype.append = function(str){
この.__文字列__。プッシュ(str);
これを返します。
}
stringbuffer.prototype.tostring = function(){
これを返します。__文字列__。結合( "");
}
var buffer = new StringBuffer();
buffer.append( "hello")。append( "javascript");
var result = buffer.toString();
アラート(結果); //こんにちはJavaScript
コードソース:https://gist.github.com/hehongwei44/fe71f10e4d2d9295aeab
ページビューポートスクロールバーの位置のヘルパー関数
コードコピーは次のとおりです。
/*現在のページの高さと幅を決定する2つの機能*/
関数pageheight(){
document.body.scrollheightを返します。
}
関数pageWidth(){
document.body.scrollwidthを返します。
}
/*スクロールバーの水平位置と垂直位置を決定する*/
function scrollx(){
var de = document.documentlement;
self.pagexoffsetを返します|| (de && de.scrollleft)|| document.body.scrollleft;
}
function scrolly(){
var de = document.documentlement;
self.pageyoffset ||を返します(de && de.scrolltop)|| document.body.scrolltop;
}
/*ブラウザビューポートの高さと幅を決定する2つの機能*/
function windowheight(){
var de = document.documentlement;
self.innerheight ||を返します(de && de.clientheight)|| document.body.clientheight;
}
functionWindowWidth(){
var de = document.documentlement;
self.innerwidth ||を返します(de && de.clientwidth)|| document.body.clientWidth;
}
コードソース:https://gist.github.com/hehongwei44/62907b9b7061d4dfadb
要素の透明度を調整する関数
コードコピーは次のとおりです。
/*要素の透明度を調整する機能*/
関数setopacity(elem、level){
//つまり、透明性を処理します
if(elem.filters){
elem.style.filters = 'alpha(opacity =' + level + ')';
} それ以外 {
Elem.style.opacity = level / 100;
}
}
コードソース:https://gist.github.com/hehongwei44/87839cd3b8439aff6a3c
マウスの位置のいくつかの一般的な関数を取得します
コードコピーは次のとおりです。
/*ページ全体に対してマウスの現在の位置を取得するために2つの一般的な関数を使用してください*/
関数getx(e){
e = e || window.event;
e.pagexを返します|| e.clientx + document.body.scrollleft;
}
関数gety(e){
e = e || window.event;
e.pageyを返します|| e.clienty + document.body.scrolltop;
}
/*現在の要素に対してマウスの位置を取得する2つの関数*/
関数getElementX(e){
return(e && e.layerx)|| window.event.offsetx;
}
関数getElementy(e){
return(e && e.layery)|| window.event.offsety;
}
コードソース:https://gist.github.com/hehongwei44/2732365bd42baa491ef8
CSSDisplay属性を使用して要素の可視性を切り替える関数のセット
コードコピーは次のとおりです。
/**
*ディスプレイを使用して要素を非表示にする関数
* */
function hide(elem){
var curdisplay = getStyle(elem、 'display');
if(curdisplay!= 'none'){
Elem。$ OldDisplay = curdisplay;
}
elem.style.display = 'none';
}
/**
*ディスプレイを使用して要素の機能を表示します
* */
function show(elem){
elem.style.display = elem。$ olddisplay || '';
}
コードソース:https://gist.github.com/hehongwei44/b4192af8227d756bfda6
スタイル関連の一般的な機能
コードコピーは次のとおりです。
/**
*指定された要素(ELEM)のスタイル属性(名前)を取得します
* */
関数getStyle(elem、name){
//スタイル[]に存在する場合、それは設定されています(そして現在です)
if(elem.style [name]){
returen elem.style [name];
}
//それ以外の場合、IEメソッドをテストします
else if(elem.currentstyle){
returnelem.currentstyle [name];
}
//またはW3Cメソッド
else if(document.defaultView && document.defaultView.getComputedStyle){
name = name.replace(/(az)/g、 " - $ 1");
name = name.tolowercase();
var s = document.defaultView.getComputedStyle(ELEM、 "");
return S && s.getPropertyValue(name);
}
//それ以外の場合、ユーザーは別のブラウザを使用しています
それ以外 {
nullを返します。
}
}
コードソース:https://gist.github.com/hehongwei44/9abf63536accd0f2eeb7
要素の現在の高さと幅を取得します
コードコピーは次のとおりです。
/**
*要素の真の高さを取得します
*依存関係GetStyleについては、上記の関数を参照してください。
* */
関数getheight(elem){
parseint(getStyle(elem、 'height'));
}
/**
*要素の真の幅を取得します
*依存関係GetStyleについては、上記の関数を参照してください
* */
関数getWidth(elem){
parseint(getStyle(elem、 'width'));
}
コードソース:https://gist.github.com/hehongwei44/b524ff25991d99625eb2
上記は、この記事で共有される一般的に使用されるJavaScriptスクリプトです。私はあなたがそれらを好きになることを願っています。