이 사양은 JavaScript 함수형 프로그래밍 스타일과 기업이 코딩을 위해 jQuery에 크게 의존하는 현실에 대응하여 작성되었습니다.
eval, with 및 caller를 사용하는 것은 금지되어 있습니다(ecma262 v5의 엄격한 요구 사항 사용). eval은 암호화할 때만 컴퓨터에서 생성되도록 허용됩니다.
변수를 선언하려면 var 키워드를 추가해야 합니다. for(;;) 루프와 같은 문을 제외하고는 원칙적으로 연속 선언이 허용되지 않습니다. 연속 선언은 개별 선언에 비해 효율이 높지 않고, 실수로 전역 범위에 노출되기 쉽기 때문입니다.
일정하며 모두 대문자입니다.
변수 이름은 병음을 사용할 수 없으며, 영어 단어는 카멜케이스 스타일로 정리됩니다.
이 문제로 인한 압축 실패를 방지하려면 가능하면 세미콜론을 추가해야 합니다(기본적으로 function, if, switch, try, while 제외).
사용자 정의 클래스는 UI 라이브러리 구축에만 사용할 수 있습니다. 비즈니스 코드에서는 개인 사용자 정의 클래스가 허용되지 않습니다.
원칙적으로 의사 객체(String, Number, Boolean) 사용을 허용하지 않으며 해당 리터럴을 직접 사용합니다.
Array, Object의 사용은 원칙적으로 허용되지 않으며, 리터럴 [], {}를 직접 사용합니다.
바인딩 실패를 방지하기 위해 주의해서 다루시고, 창을 가리켜 참고하시는 것이 좋습니다.
함수 자체를 호출하려면 명명된 함수 표현식을 사용하는 것이 금지됩니다. 자세한 내용은 Google에서 "Named Function Expressions Revealed"를 참조하세요. 🎜>
var self = arguments.callee;
<a href="http://www.php1.cn/">简明现代魔法</a>
var f = function () { /*@cc_on if (@_jscript) { return 2* @*/ 3; /*@ } @*/ };
if (x) { //ng function foo() {} } if (x) { var foo = function() {} }
var myString = 'A rather long string of English text, an error message \ actually that just keeps going and going -- an error \ message to make the Energizer bunny blush (right through \ those Schwarzenegger shades)! Where was I? Oh yes, \ you\'ve got an error and all the extraneous whitespace is \ just gravy. Have a nice day.';
JavaScript. 프로그램은 압축 및 캐싱을 용이하게 하기 위해 가능한 한 외부 JS 파일에 배치되어야 합니다.
표준 기능이 비표준 기능보다 선호됩니다(클래스 라이브러리에서 제공하는 경우). 먼저 클래스 라이브러리의 함수를 사용하세요.) >
요소에 이벤트를 추가할 때 고려해야 할 순서는 위임 > 라이브 > 바인딩입니다. jQuery에는 다음 이벤트에 문제가 있습니다. . 일반적으로 마우스휠과 같은 이벤트 프록시는 사용할 수 없습니다.$("XXXX").find("YYYY").find("ZZZZ"); //ng $("XXXX").next() //或者nextUntil, nextAll, prev, prevAll, prevUntl, children, closest, .siblings
더 이상 사용되지 않는 JS 파일에 코드 조각을 남겨두지 마세요.
jQuery에서 참조하는 클래스 이름은 스타일을 조정할 때 실수로 삭제했음을 다른 사람에게 경고하기 위해 js_. 🎜>백그라운드에서 JSON 데이터를 얻는 형식은
으로 통일되어 요청 콜백과 실행 콜백을 분리하기 위해 dependencyBy 함수를 사용합니다.당분간은 생각이 나지만 좋은 제안이 있으면 언제든지 조언해 주세요.
;;;$(function(){ //...其他用到的变量 var $$ = window.$$ = { //本页面私有的辅助函数1 _assist1:function(){ }, //本页面私有的辅助函数2 _assist2:function(){ }, //本页面私有的辅助函数3 _assist3:function(){ }, //本页面私有的辅助函数4 _assist4:function(){ }, //本页面私有的辅助函数5 _assist5:function(){ }, //....更多的私有函数 //功能1 feature1:function(){ }, //功能2 feature2:function(){ }, //功能3 feature3:function(){ }, //功能4 feature4:function(){ }, //功能5 feature5:function(){ }, //从后台获取的JSON数据统一放到这个对象中,以便其他函数调用 jsons:{}, //....更多需求,一个需求对应一个函数 main:function(){ $$.feature1(); $$.feature2(); $$.feature3(); $$.feature4(); //....在main主函数中调用它们。 } } $$.main(); });