오페라 웹 표준 커리큘럼 (중국어 버전)

오늘, 그 오페라 웹 표준 교과 과정은 이미 중국 번역이, 중국 오페라입니다 남겼던 오페라, 중국 팀의 구성원 의견을 보았다. 과거 오버 정말, 이것 좀 봐 수있는 웹 표준을 배우고 싶다 번역되어 많은 이들의 모습 :

http://team.operachina.com/wsc

BTW, 오페라 브라우저, 비록 상대적으로 소수 사용자, 그러나 그것은 참으로 아주 좋은가, 내가 가장 빠른 브라우저를 사용합니다. Opera는 최근 중국에서 발행하고 있으며, 매우 낙관적입니다 ^ _ ^, 난 희망이 오페라는 중국 팀의 노력을 계속!

JS 클릭수가 레이블 이벤트 트리거

질문 : 각 항목의 목록은이 같은 문서의 내용의 일부입니다 :

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
 10 
 11 
 12 
  를 <div Class="list"> 

  클래스를 <div ="item"> 
  첫 번째 기사 </ div> 

  클래스를 <div ="item"> 
  두 번째 문서 </ div> 
 ..... 
  </ div> 

the div의 오른쪽 상단 모서리에있는 각 항목은 그것을, 그리고 쇼 코멘트 상자에있는 모든 덧글의 시작됩니다에 "코멘트"링크를 클릭, 양식에 대한 링크는 다음과 같습니다 :

 1 
  의견은 <a href="#"> class="comment-mod" </> 

만약 개인의 역학이 로그를 직접 타겟으로의 홈과 같은 다른 페이지를 통해 사용자가 다음, 그들은 모두 발언을 보여줘야한다 모든 의견과 코멘트 상자에 사용자가 직접보기는 문서 목록에있다면,하지만 표시되지 않습니다.而列表页和查看单个条目的页面是同一个页面,这就要求我判断一下用户是否定位到该篇日志,如果是,就通过JS来触发A 标签的点击事件。

처음에는 그 버튼 라벨과 같은 여러 가지 방법을 시도 가정 onclick () 이벤트와가 없다는, 그리고 나중에 온라인 정보의 숫자가이 문제를 해결하는 데 성공했다 압수 발견 ^ _ ^. IE와 다른 로직 솔루션 빨리감기, 일부는 코드의위한 준비는 다음과 같습니다 :

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
 10 
 11 
 12 
 13 
   document. getElementsByTagName ( 'a' ) [ 0 ] ; var 코멘트 = 문서. getElementsByTagName ( '') [0]; 

  document. all ) { 만약 (document. 모두) ( 
   / / IE를 들어 

  ; 댓글. 클릭 (); 
  ( document. createEvent ) { ) 없다면 (document. createEvent) ( 
     / / DOM2에 대한 

   document. createEvent ( 'HTMLEvents' ) ; var의 EV = 문서. createEvent ( 'HTMLEvents'); 
   'click' , false , true ) ; 의 EV. initEvent ( '다음', 거짓,)는 true; 
   ev ) ; 코멘트. dispatchEvent 통신 (EV); 
  ) 

테스트를 통해 아래의 IE6, 7과 파이어 폭스 3에서 위의 코드.

배웠다는 기록이 여기에있다.

참고 : http://ued.koubei.com/?p=400

FireUnit 및 CSS Reviewr

그냥 두 개의 작은 도구, FireUnit과 CSS Reviewr를 볼 수있습니다.

FireUnit 존 Resig (JQuery의 아버지)이며 1월 Odvarko 자바 스크립트 단위 테스트를 확장, 파이어 폭스 3에 대한 필요성의 확대 +와 방화범 1월 2일 쓰기 +, 레이블보다 더에 방화범에 설치된 YSlow처럼 않았다.

CSS는 Reviewr a CSS 코드 검사 도구, 자바 스크립트 JSLint 확인과 비슷합니다. (이 가지 장애물을 극복하고 등반에 대한 필요성을 볼 것) 수

부시 대통령은 경기를 던진 신발

부시 대통령은 공적 학생! ! 경제가 불황에서, 부시 대통령은 세계의 사람들이 약간의 유머, 얼마나 대단한 헌신 증가 말문을 열었다.

몇 일전에 플래시 게임을 볼 수 있지만 자신의 경호원의 플레이는, 총기, 매우 정확한 부시의 신발을 내밀고, 부시 대통령은 마지막으로, 그리고 여기 주소보고 게임의 직접 충돌했다 :

http://play.sockandawe.com/

웹 사이트를 말한다 : 때려 부시 대통령은 얼굴에 구두로! 그것 마!

우리가 그것을 해 보자! 그것.

IE6의 모든 악의 근원

오늘 아침에 블로그는 메시지가 엉뚱한 질문을 받고 비행에 내 블로그, 내 블로그 페이지를 열어 IE6 조심스럽게 사용을보고, 알고 보니, 잘못된 페이지가 엉망 이었어! !

그렇다면이 오류를 해결하는 데, 분류 페이지의 번호를 열고, 시작 페이지의 기밀을 많이 발견하고 나타 잃어버렸던하지 않으면 처음 블로그로 식별 문제, 조사를 계속하고 발견 나타나는, 살인자를 잃어버렸던 것이다 로그의 외부 사진을 인용합니다 결국 표면 : 외부 사진 때문에 비교적 큰,하지만 내가 img 너비와 높이에있는 레이블을 추가할 필요가없습니다 인용, 결과는 잘못된 페이지 조금 넣어. 설정 사진을 클릭, 정상으로 돌아. 하지만 그것은 바로 - 익스플로러 5.5 또는 잘못에 손을 열의 여부는 인터넷 익스플로러 5.5 및 저희 QA 테스트 IE6 브라우저하지 아래 사람의 번호, 사용하지 않는 것으로 추정된다 보인다.

IE6의 모든 악의 근원, 당신이 가능한 빠른 시일 내에 사라질 것입니다! 이 프런트 - 엔드 개발자와 품질 보증 the MM은에 해방이있다! ! IE6의 몰락을 가속하기 위해서, 나는 오바 마에게 change.gov 메시지에,이 있고 희망은 미국 정부에서 당신을 돕기 위해, 감사합니다.

유이 연구 노트 : 유이 돔

오랜 시간 동안, 오늘 기사를 작성하는 시간을 내주셔서 연구 노트를 작성하지 않았다.

유이 구성 요소 중 가장 DOM을 구성 요소 (YAHOO.util.Dom)의 사용, 그리고 아마도이 있는지 이름이 구성 요소의 기능을 짐작 할 수있을 것이다. 예, 그것은 어떤 원시는 DOM 메소드와 일반적으로 사용되는 몇 가지의 작업을 단순화,하지만 더 중요한 유이 DOM을 사용하는 구성 요소는 브라우저의 차이점을 고려할 필요가 없어 -이 모든 것들을 유이 도움이되는 패키지입니다 잘.

돔 구성 요소의 사용에, 당신은 첫 번째는 DOM 요소를 도입해야 js 파일 :

 1 
 2 
 3 
 4 
 5 
  <! - 종속성 ->  
  "http://yui.yahooapis.com/2.6.0/build/yahoo/yahoo-min.js" ></ script > <Script src = "http://yui.yahooapis.com/2.6.0/build/yahoo/yahoo-min.js"> </ 스크립트>  

  <! - 소스 파일 ->  
  "http://yui.yahooapis.com/2.6.0/build/dom/dom-min.js" ></ script > <Script src = "http://yui.yahooapis.com/2.6.0/build/dom/dom-min.js"> </ 스크립트> 

또는 유이 로더 역동적인 도입을 사용합니다.

여기에 몇 가지는 DOM 요소입니다.

1.! (). 이 방법은 비슷합니다 document.getElementById (), 그러나 그것이 요소는 매개 변수로 ID를 수용하고, 그것도 아이디 배열을 받아들일 수있다, 예를 들면, 얻을 수있다 ([ "ID1" "ID2"])

2. GetAncestorByClassName (). 이 방법은 클래스의 요소와 속성에 따라 값이 부모 노드를 얻기 위해, 예를 들어, 다음의 코드가 : 사용됩니다

 1 
 2 
 3 
  "div1" > 를 <div = 아이디 "div1"> 
  = "text" > Some text. </ p > <P 클래스 = "text"> 일부 텍스트입니다. </ P를> 
  </ 사업부> 

로그보기 풀 텍스트>>

SUMO 그림판 : 강력한 온라인 사진 편집기

SUMO 그림판은 온라인 사진 편집기입니다, 인터페이스는 MAC 스타일, 레이아웃 및 기능을 포토샵과 비슷한, 아주 멋진, 그림입니다 :

sumopaint_ss2.jpg

기타
직접 재판

특히이 사이트는, 아주 멋진, 속도,하지만 브라우저 붕괴에 쉽게, 그리고 멋진 불행히도 가끔은 사람들이 더 편하게 해드리는 HTML 간단한입니다. 국내 대역폭이 응용 프로그램을 즐길 여유가 없다.

플렉스에서, 기술 게시됨. 1 개의 코멘트»

Rombla

Rombla a 플렉스는 강력한 웹 응용 프로그램을 기반으로, 온라인 사이트를 만들 수있다, 및 컨트롤의 부를 제공하고 쉽게 유튜브, 플리커, Google지도 및 기타 서비스를 통합할 수있는, 진정就是了,하지만 더 느리게, 관심 등록 경험에 갈 수있습니다.

Rombla

자세한 설명 :

http://www.insideria.com/2008/12/rombla-powerful-online-wysiwyg.html

Rombla 누구입니까?

플렉스에서, 기술 게시됨. 아니오 코멘트»

FireFox - - 사용 플러그 - 인 : 통합 Gmail로

lifehacker 통해

오늘날, 그것을 다른 수도 Google 애플 리케이션 Google 리더, 구글 맵스는 GMail 등 내부에 통합 ... ... 그래서 당신은 동일한 사용에서 볼 수있는 구글의 다양한 제품이 플러그인 -에서 발견했다. 그림 :

reader-in-gmail.png

통합 Gmail을 설치

Gmail은 이제 점점 더 유용하게, 그리고 더 많은 기능을 사용자 정의할 수있습니다 피부도 발견된다. 전, 언제 어떤 상황에서도 Gmail 매우 불안정하지만, 아래의 포기, 그리고 나중에 Gmail을 사용하는 방법을 배웠 HTTPS 프로토콜을 방문, 상황이 달라졌다. 도메인 이름은 후, 또한 Google을 호스팅하는 기회 등 라이브 메일, 또는 좀 더 그럼.

유이 닥 출시

유이 블로그를 통해

유이 박사 비단뱀은 JavaScript API 설명서를 생성 도구를 기반으로, 그리고 JsDoc Toolkit은 비슷합니다. 때로는 문서 생성 도구는 매우 유용한 것이 유일한 당신은 문서를 저장하면 도움이되지, 복잡했다 메모를 작성하는 당신을 촉구할 것이다. 이 일이 더 많은, 유이는 API 설명서를 유용해야한다 생성하기 위해 그것을 사용하는 것입니다.

유이 박사 사용자 가이드

유이 박사 다운로드

닫기
ShareThis로 전원 공급