배열을 통해 스트링 스 플라이 싱 확장은 성능 문제로 쉽게 이어질 수 있습니다.
코드 사본은 다음과 같습니다.
함수 stringBuffer () {
this .__ strings__ = new Array ();
}
StringBuffer.prototype.append = function (str) {
이 .__ 문자열 __. 푸시 (str);
이것을 반환하십시오;
}
StringBuffer.prototype.toString = function () {
이 .__ 문자열 __. join ( "");
}
var buffer = new StringBuffer ();
buffer.append ( "Hello"). Append ( "JavaScript");
var result = buffer.toString ();
경고 (결과); // 안녕하세요 JavaScript
코드 출처 : https://gist.github.com/hehongwei44/fe71f10e4d2d9295aeb
페이지 뷰포트 스크롤 막대의 위치의 도우미 기능
코드 사본은 다음과 같습니다.
/*현재 페이지 높이와 너비를 결정하는 두 가지 기능*/
함수 pageheight () {
refloy.body.scrollheight;
}
함수 pagewidth () {
return document.body.scrollwidth;
}
/*스크롤 막대의 수평 및 수직 위치 결정*/
함수 scrollx () {
var de = document.documentElement;
self.pagexoffset ||를 반환합니다 (de && de.scrollleft) || document.body.scrollleft;
}
기능 Scrolly () {
var de = document.documentElement;
self.pageyoffset ||를 반환합니다 (de && de.scrolltop) || document.body.scrolltop;
}
/*브라우저 뷰포트의 높이와 너비를 결정하는 두 가지 기능*/
함수 Window Height () {
var de = document.documentElement;
Self.innerHeight ||를 반환합니다 (de && de.clientHeight) || document.body.clientHeight;
}
함수 winderwidth () {
var de = document.documentElement;
self.innerwidth ||를 반환합니다 (de && de.clientwidth) || document.body.clientWidth;
}
코드 출처 : https://gist.github.com/hehongwei44/62907b9b7061d4dfadb
요소 투명성을 조정하는 기능
코드 사본은 다음과 같습니다.
/* 요소 투명성 조정 기능*/
함수 setOpacity (Elem, Level) {
// 즉, 투명성 처리
if (elem.filters) {
elem.style.filters = 'alpha (불투명도 =' + level + ');
} 또 다른 {
elem.style.opacity = level / 100;
}
}
코드 출처 : https://gist.github.com/hehongwei44/87839cd3b8439aff6a3c
마우스 위치에 대한 몇 가지 일반적인 기능을 얻으십시오
코드 사본은 다음과 같습니다.
/*전체 페이지에 비해 마우스의 현재 위치를 얻는 데 두 가지 공통 기능이 사용됩니다*/
함수 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;
}
/*현재 요소와 관련하여 마우스 위치를 얻는 두 가지 기능*/
함수 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 속성을 사용하여 요소 가시성을 전환하는 함수 세트
코드 사본은 다음과 같습니다.
/**
* 디스플레이를 사용하여 요소를 숨기는 기능
* */
기능 숨기기 (elem) {
var curdisplay = getstyle (elem, 'display');
if (curdisplay! = 'none') {
elem. $ OldDisplay = 커지스플레이;
}
elem.style.display = 'none';
}
/**
* 디스플레이를 사용하여 요소의 기능을 표시합니다.
* */
기능 쇼 (elem) {
elem.style.display = elem. $ OldDisplay || '';;
}
코드 출처 : https://gist.github.com/hehongwei44/B4192AF8227D756BFDA6
스타일 관련 일반 기능
코드 사본은 다음과 같습니다.
/**
* 지정된 요소 (elem)의 스타일 속성 (이름)을 가져옵니다.
* */
함수 getstyle (elem, name) {
// 스타일 []에 존재하면 설정되었고 현재입니다.
if (elem.style [name]) {
Elem.Style [이름]을 반환합니다.
}
// 그렇지 않으면 IE 메소드를 테스트합니다
else if (elem.currentStyle) {
Elem.currentStyle [이름]을 반환합니다.
}
// 또는 W3C 메소드
else if (document.defaultView && document.defaultView.getComputedStyle) {
name = name.replace (/(az)/g, "-$ 1");
이름 = name.tolowercase ();
var s = document.defaultView.getComputedStyle (elem, "");
return s && s.getPropertyValue (이름);
}
// 그렇지 않으면 사용자가 다른 브라우저를 사용하고 있습니다
또 다른 {
널 리턴;
}
}
코드 출처 : 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 스크립트입니다. 나는 당신이 그들을 좋아하기를 바랍니다.