일부 전단 주의사항 정리

8263 단어 웹 전단 개발
angular
angular 의 서비스 실현 방법:
1, value 변수 angular. module ('app', []). value ('realname', 'sqliang');
2, constant 상수 (변경 불가)
angular.module(‘app’,[]).value(‘http’,’www.baidu.com’);
3,factory angular.module(‘app’,[]).factory(‘Data’,function(){ return { msg: ‘Hello’, setMsg: function(){ this.msg = “no Hello”; } }; });
4, service angular. module ('app', []). service ("User", function () {this. firstname = "사마"; this. lastname = "장 풍"; this. getName = function () {return this. firstname + "+ this. lastname;});5,provider ng-show , ng-hide , ng-hide
파일 업로드 솔 루 션
일반적인 파일 업로드 구현 방안:
일반적인 비동기 업로드 방안:
1. 제3자 컨트롤 (Flash, ActiveX, 브 라 우 저 플러그 인 등) 을 사용 하여 전문 적 인 파일 업로드 응용 장점 을 적용 합 니 다. 상호작용 과 제어 성 이 좋 습 니 다 (다 중 파일, 진도 전시, 전송, 일시 정지) 성능 이 좋 습 니 다 (바 텀 프로 토 콜 사용 가능) 단점: 브 라 우 저 설치 플러그 인 이 필요 합 니 다.
2. 숨겨 진 iframe 을 사용 하여 비동기 업로드 (가짜 비동기 업로드) 의 장점 을 모 의 합 니 다. 브 라 우 저 원생 지원, 플러그 인 이 필요 하지 않 습 니 다. 광범 위 한 브 라 우 저 호환성 단점: 상호작용 이 떨 어 지고 체험 이 떨 어 지 며 업로드 과정 은 기본적으로 제어 할 수 없습니다.성능 이 떨어지다
3. xhr level 2 순수 ajax 비동기 업로드 장점 사용: (1) H5 를 지원 하 는 브 라 우 저 원본 지원, 플러그 인 필요 없 음 (2) 대화 형 좋 은 단점: 브 라 우 저 지원 으로 제한 되 는 관건 적 인 과정: 1. FormData 를 만 들 고 업로드 대기 파일 2 를 넣 고 xhr 작업 을 통 해 FormData 를 서버 에 전송 하여 파일 업로드, 3. progress, load 를 연결 합 니 다.error 등 이벤트 감청 전송 과정 및 페이지 에 동적 대화 정 보 를 표시 합 니 다.
var fd = new FormData();
fd.append('myFile',element.files[0]);
//   xhr  
var xhr = new XMLHttpRequest();

//     ,    。
// xhr   xhr.upload   progress  ,xhr.progress     ,xhr.upload.progress     
xhr.upload.onprogress = function(event){
    if(event.lengthComputable){
        var percent = Math.round(event.loaded * 100 / event.total);
        console.log("%d%",percent);
    }
};
//     
xhr.onloadstart = function (event) {
    console.log('load start');

}
// ajax        
xhr.onload = function(event){
    console.log("load success");
    console.log(xhr.responseText);
}
// ajax         
xhr.onerror = function(event){
    console.log("error");
}
// ajax   
xhr.onabort = function (event) {
    console.log("abort");
}
// loadend    ,           
xhr.onloadend = function (event) {
    console.log("load end");
}

xhr.open('POST','/upload3',true);
xhr.send(fd);

7 일 학회 nodejs
1. 고성능 웹 서버 를 구현 하기 위해 서 는 이벤트 메커니즘 과 비동기 IO 모델 의 우수 성 이 NodeJS 에서 실행 되 는 JS 의 용도 가 디스크 파일 을 조작 하거나 HTTP 서버 를 구축 하 는 것 을 우선 중시 합 니 다. NodeJS 는 fs, http 등 내장 대상 2 를 제공 합 니 다. 조금 큰 프로그램 코드 는 코드 를 모듈 화 합 니 다.nodejs 에 서 는 일반적으로 코드 를 서로 다른 js 파일 로 합 리 적 으로 나 누 는데 모든 파일 은 하나의 모듈 이 고 두 번 째 파일 경 로 는 모듈 이름 입 니 다.
모든 것 을 작성 할 때 require, exports, module 세 개의 예 약 된 변 수 는 var foo 1 = require ('/ foo') 를 사용 할 수 있 습 니 다. / /. js var foo 2 = require ('/ foo. js') 를 추가 하지 않 아 도 됩 니 다.
또한 JSON 파일 을 다음 과 같이 불 러 오고 사용 할 수 있 습 니 다.var data = require(‘./data.json’);
exports 대상 은 현재 모듈 의 내 보 내기 입 니 다. 모듈 공유 방법 과 속성 을 내 보 내 는 데 사 용 됩 니 다.다른 모듈 은 require 함 수 를 통 해 현재 모듈 을 사용 할 때 얻 은 것 은 현재 모듈 의 exports 대상 exports. hello = function () {console. log ("heelo") 입 니 다.} module 는 module 대상 을 통 해 현재 모듈 의 관련 정 보 를 방문 할 수 있 지만 가장 많은 용 도 는 현재 모듈 의 여기저기 대상 을 교체 하 는 것 입 니 다.
3. Nodejs 는 CMD 모듈 시스템 을 사용 하고 메 인 모듈 은 프로그램의 입구 점 으로 하 며 모든 모듈 은 실행 과정 에서 한 번 만 초기 화 합 니 다.또한, js 모듈 이 수 요 를 만족 시 키 지 못 하 는 한 바 이 너 리 모듈 을 쉽게 사용 하지 마 십시오. 그렇지 않 으 면 사용 자 는 계속 고통 을 호소 할 것 입 니 다.
4. 가방 (package), js 모듈 의 기본 단 위 는 하나의 js 파일 이지 만 복잡 한 모듈 은 여러 개의 키 모듈 로 구성 되 어 있 습 니 다. 관리 와 사용 에 편리 하도록 여러 개의 키 모듈 로 구 성 된 큰 모듈 을 가방 이 라 고 부 르 고 모든 하위 모듈 을 같은 디 렉 터 리 에 있 습 니 다.
하나의 가방 을 구성 하 는 모든 하위 모듈 에 입구 모듈 이 필요 합 니 다. 입구 모듈 의 여기저기 대상 은 가방 의 내 보 내기 대상 으로 되 어 있 습 니 다.
— /home/user/lib/ —— cat/ head.js body.js index.js
index.js:
var head = require(‘./head’); var body = require(‘./body’);
exports.create = function (name) { return { name: name, head: head.create(), body: body.create() }; }
모듈 의 파일 이름 이 index. js 일 때 모듈 이 디 렉 터 리 에 있 는 경 로 를 모듈 파일 경 로 를 대체 할 수 있 습 니 다: var cat = require ('/ home / user / lib / cat');var cat = require ('/ home / user / lib / cat / index') 와 같 음;
= = = = = 또한 입구 모듈 의 파일 이름과 저장 위 치 를 사용자 정의 하려 면 패키지 디 렉 터 리 에 package. json 파일 을 포함 하고 입구 모듈 의 경 로 를 지정 해 야 합 니 다. 상기 cat 모듈 은 다음 과 같이 재 구성 할 수 있 습 니 다. - 홈 / user / lib - cat / + doc / - lib / head. js body. js main. js + test / package. json
package.json:
{ ‘name’: ‘cat’, ‘main’: ‘./lib/mian.js’ }
이렇게 하면 require ('/ home / user / lib / cat') 방식 으로 모듈 을 불 러 올 수 있 습 니 다.NodeJS 는 패키지 디 렉 터 리 에 있 는 package. json 에 따라 입구 모듈 이 있 는 위 치 를 찾 습 니 다.
버 전 번호: npm 다운로드 와 발표 코드 를 사용 하면 버 전 번 호 를 접 할 수 있 습 니 다. npm 는 의미 버 전 번 호 를 사용 하여 코드 를 관리 합 니 다. 의미 버 전 번 호 는 X. Y. Z 세 자리 로 나 뉘 는데 각각 메 인 버 전 번호, 차 버 전 번호 와 패 치 버 전 번 호 를 대표 합 니 다. 코드 가 업 데 이 트 될 때 버 전 번 호 는 다음 과 같은 원칙 에 따라 더욱 새 로 워 집 니 다.
bug 만 수정 하려 면 Z 비트 를 업데이트 해 야 합 니 다.기능 이 추가 되 었 지만 아래로 호 환 되 려 면 Y 비트 를 업데이트 해 야 합 니 다.큰 변동 이 있 으 면 아래로 호 환 되 지 않 으 면 X 비트 를 업데이트 해 야 합 니 다.
= = = = = = 정리: 1. 코드 를 작성 하기 전에 디 렉 터 리 구 조 를 잘 계획 해 야 일사 불 란 하 게 할 수 있 습 니 다.2. 조금 큰 프로그램 은 코드 를 여러 모듈 로 나 누 어 관리 할 수 있 고 더 큰 프로그램 은 가방 으로 모듈 3 을 구성 하여 node 를 합 리 적 으로 사용 할 수 있 습 니 다.modules 와 NODEPATH 는 패키지 의 사용 방식 과 물리 적 경로 4 를 해제 하고 NPM 을 사용 하여 NodeJS 생태 권 을 서로 연결 합 니 다.
= = = = = = = = = = = = = = = = = = = =거의 데이터 처리 논리 만 있 고 파일 작업 을 더 하면 대부분의 전단 도 구 를 만 들 수 있 습 니 다.
NodeJS 는 fs 내장 모듈 을 통 해 파일 에 대한 조작 을 제공 하고 fs 모듈 이 제공 하 는 API 는 기본적으로 세 가지 로 나 뉜 다.
(1) 파일 속성 읽 기 쓰기, fs. stat, fs. chmod, fs. chown 등 (2) 파일 내용 읽 기 쓰기, fs. readFile, fs. readdir, fs. writeFile, fs. mkdir 등 (3) 바 텀 파일 작업, fs. open, fs. read, fs. write, fs. close 등
비동기 읽 기 파일 과 동기 읽 기 처리 차이 점: fs. readFile (pathname, function (err, data) {if (err) {/ deal with error} else {/ deal with data});
try { var data = fs.readFileSync(patheName); //deal with data. } catch (err) { // deal with erro. }
몇몇 배경 지식
1. redis 2, mongoDB 3, Paxos 일치 성 알고리즘 을 사 용 했 고 이론 이 복잡 하여 4. raft 알고리즘 을 실현 하기 어렵다.
전단 공정 이 정교 하 다.
전단 공정 정수 (1, 2, 3), fis 전단 자동화 도구 해결 개발 성능 최적화 등 방안 은 관계 표 에 의존 하 는 정적 자원 관리 시스템 과 템 플 릿 프레임 워 크 디자인 을 바탕 으로 한다.
일부 항목 사고
1. fis 를 사용 하면 로 컬 테스트 를 하거나 테스트 기 에 컴 파일 하여 배치 할 수 있어 편리 합 니 다.통합, 압축, js, css, 그림 을 만 들 수 있 습 니 다.되다
2, 어떻게 fis 를 기반 으로 commonJS 규범 프로 그래 밍 을 진행 합 니까???? = = = = = = = = =fis-pure
=====================
프로젝트 관련: 1. 배경 에 nginx 와 phop, 파일 배 치 를 기반 으로 하면 나중에 배경 에 데이터 인터페이스 (json 형식의 데이터 인터페이스) 를 추가 할 때 무엇 을 주의해 야 합 니까?
====
= = = = 2, 현재 프로젝트 는 전후 단 분 리 를 하고 싶 습 니 다. 전단 에서 경로, 템 플 릿, ajax 등 을 처리 합 니 다. (angular 와 같은 경 로 를 제공 하고 http 를 보 낼 수 있 는 MV * 프레임 워 크 를 추천 할 수 있 습 니까?)

좋은 웹페이지 즐겨찾기