이 IxEdit JavaScript 개발 도구를 보았을 때의 흥분은 정말 말로 표현할 수 없습니다. 예를 들면 다음과 같습니다. 당신은 물을 전혀 마시지 않고 2~3일 동안 사막에서 하이킹을 했습니다. 쓰러져 죽을 것 같다고 생각하는 순간, 갑자기 나무 아래에 녹색 정자가 있고 아름다운 벌거벗은 소녀가 카펫 위에 누워 있는 것을 봅니다. 그 벌거벗은 소녀는 물 한 병을 품에 안고 있습니다. . 그리고 그녀는 길가의 미용실에 있는 소녀처럼 유혹적으로 당신에게 손을 흔들고 싶어합니다.
이 멋진 느낌을 경험하시려면 제가 방금 녹화한 영상을 여기에서 시청해 보시기 바랍니다. 이 비디오에서는 IxEdit이 무엇인지, 무엇을 할 수 있는지, 그리고 간단한 튜토리얼을 간략하게 설명합니다.
예, 비디오에서 볼 수 있듯이 IxEdit은 완벽한 JavaScript 개발 도구입니다(실제로는 JavaScript 코드 라이브러리). JavaScript 기본 사항을 익힐 필요 없이 IxEdit을 사용하여 일반적으로 사용되는 멋진 페이지 역학 및 대화형 효과를 쉽게 만들 수 있습니다.
생각해 보십시오: 회사의 아티스트와 웹 디자이너에게 이 도구를 소개하는 데 2시간을 소비한다면(일반적으로 그들은 강력한 디자인 능력과 정적 페이지 작성 능력을 가지고 있지만 JavaScript 기술은 부족합니다) 사용 방법을 알려주십시오. 일단 익숙해지면 더 이상 간단한 JavaScript 코드로 여러분을 귀찮게 할 필요가 없습니다. 일반 회사의 아트 및 웹 디자이너가 아름다운 소녀라는 점을 고려하면 JavaScript 효과 생성을 마스터하면 매우 행복하고 흥분될 것입니다. 이때 다음과 같이 말할 수 있습니다. "이 도구는 실제로 고급 용도로 사용됩니다. 일할 때는 바빠서 가르쳐주지 못할 수도 있으니 해보자! 12시에 기숙사로 오세요." 저녁에 시계를 켜면 내가 가르쳐 줄 것이다." (참고: 이 말을 할 때는 당황하지 말고 매우 침착해야 하며 매우 공손하고 짐승처럼 행동해야 합니다. 그렇지 않으면 침대가 아무리 커도 소용이 없습니다. 이다!)
따라서 이러한 관점에서 IxEdit은 정말 신과 같은 도구입니다. 당신이 JavaScript 바보이든 JavaScript 마스터이든 관계없이 이 앱을 사용하여 일하거나 여자를 만날 수 있습니다! 인공물! 정말 유물이네요!
좋습니다. IxEdit을 실제로 사용해 보겠습니다. 그렇긴 하지만, IxEdit의 공식 웹사이트인 http://www.ixedit.com/ 이 그다지 완전하지 않은 것 같기 때문에 이 작업은 실제로 약간 성가신 일입니다. 지침과 예제가 있지만 첫째로 모두 영어로 되어 있고 둘째로 중국어 습관과 그다지 일치하지 않으며 상대적으로 완전한 예제 패키지가 없기 때문에 여기서는 중국어 습관을 단계별로 따르겠습니다. 마지막으로 완전한 예제 압축 패키지를 제공합니다. 가방 안에는 모든 것이 들어있습니다. 이렇게 하면 현지에서 조사하는 것이 더 쉬워집니다. 자, 시작해 봅시다!
JavaScript 개발 도구인 IxEdit을 사용하려면 먼저 몇 가지 사항을 준비해야 합니다. 어떤 용도로 사용되는지 잠시 설명하겠습니다.
자, 다양성을 복제하기 위한 전제조건에 대해 이야기해 봅시다! [컷 페이지]
IxEdit은 JavaScript 개발 도구라고 알려져 있지만 실제로는 jQuery 및 jQuery UI를 기반으로 한 JavaScript 스크립트 라이브러리일 뿐입니다. 따라서 jQuery와 jQuery UI가 필요합니다. 하지만 IxEdit은 로컬 데이터베이스를 사용해야 하는 매우 멋진 JavaScript 라이브러리이므로 이를 위해서는 매우 멋진 Google Gears가 필요합니다.
중국어로 번역할 때 제 자신이 웃었지만, 여러 단계에서 수없이 노력한 후에도 여전히 Google Gears 공식 설치 패키지를 Google에서 다운로드하여 성공적으로 설치할 수 없었습니다(다운로드는 온라인 설치 패키지이며, 인터넷 연결) 설치에 필요합니다) ). 나는 조국의 벽 안에서 자라는 것이 매우 안전하다는 것을 강하게 느꼈습니다.
따라서 Google Gears를 설치하는 길이 끊어졌습니다. 하지만 상관없습니다. 구글 기어스를 따라갈 수 있는 방법은 없지만, 곡선을 통해 나라를 구할 수는 있습니다. 구글 기어스는 구글이 제작하는 것 아닌가요? 그렇다면 Google의 브라우저인 Chome에는 반드시 이 기능이 함께 제공되어야 합니다. 운 좋게도 그것은 사실이므로 Chome 브라우저를 사용하면 자동으로 Google Gears가 생깁니다. 또한: Apple의 Safari 브라우저에도 이 기능이 함께 제공됩니다. 이로써 골치 아픈 Google Gears 문제가 해결되었습니다.
일부 친구들은 다음과 같이 질문할 수 있습니다. 작성된 웹 페이지에도 Google Gears가 필요합니까? 사실, 필요한 것은 개발 환경에만 필요한 Google Gears입니다. 개발된 웹 페이지에는 더 이상 Google Gears가 필요하지 않습니다 . 이는 VS2008을 사용하여 개발한 웹사이트와 같지만 사용자가 우리가 만든 웹사이트를 탐색할 때 VS2008을 설치할 필요가 없습니다.
IxEdit js 라이브러리 파일인데 이에 대해서는 할 말이 없는 것 같습니다. 만약 그런 것이 없다면 그냥 P를 만들어 보세요.
"개발 환경 배포"는 매우 전문적인 용어처럼 보이지만 실제로는 압축된 패키지를 다운로드한 다음 압축을 푸는 것을 의미합니다. 이렇게 쿨한 단어를 사용하는 이유는 회사의 미술소녀들에게 자신이 충분히 멋있고, 잘생기고, 멋지다는 것을 보여주고, 전문 분야에서 그들의 오만한 의식을 정복할 수 있기 때문입니다.
자, "개발 환경을 배포"할 수 있는 이 멋진 압축 패키지를 다운로드해 보겠습니다!
압축을 풀면 멋진 로컬 개발 환경이 배포됩니다! 물론, 단지 마우스 오른쪽 버튼을 클릭하고 꼬마 아티스트 앞에서 "추출..."을 선택하는 것만으로는 충분하지 않다고 생각한다면, 화려해 보이지만 쓸모없는 Dos 명령을 중간에 삽입할 수 있습니다. 정상적인 상황에서 어린 예술가들은 어두운 창을 보고 이해할 수 없는 명령을 입력해야 할 때 창이 극적으로 변할 때 항상 그것을 해커와 연관시켜 신비감과 감탄을 느끼게 됩니다. Dos에 익숙하지 않다면 여기에 친숙한 것이 있습니다. 효과는 매우 좋으며 어두운 창은 크게 바뀔 것입니다. 즉: dir /w囧rz~
압축된 패키지의 예제 파일을 열려면 EditPlus를 사용하십시오(저는 개인적으로 EditPlus의 열렬한 팬이므로 이를 사용하면 어떤 편집기를 사용하여든 이 파일을 열 수 있습니다). 그러면 몇 가지 예와 어두운 팝업 레이어가 표시됩니다. 이 팝업 레이어는 전체 IxEdit의 핵심입니다. 이를 통해 몇 번의 마우스 클릭만으로 작업을 완료할 수 있습니다. 예제 파일(저는 개인적으로 EditPlus의 열렬한 팬이므로 이 파일을 사용하면 어떤 편집기에서든 이 파일을 열 수 있습니다.) 그러면 몇 가지 예와 어두운 팝업 레이어가 표시됩니다. 이 팝업 레이어는 전체 IxEdit의 핵심입니다. 이를 통해 몇 번의 마우스 클릭만으로 작업을 완료할 수 있습니다.
IxEdit의 기본 인터페이스는 페이지 내부의 어두운 팝업 레이어입니다. 언어 버전에 관해서는 일반적으로 이야기해야 합니다. IxEdit은 브라우저의 언어 버전에 따라 사용할 언어를 결정합니다 . 공식 기본값은 영어와 일본어입니다. 그런데 일본어가 제공되는 것이 조금 아쉬웠습니다. , 그래서 시간이 좀 걸렸습니다. 그 동안 메인 인터페이스를 일부 현지화했습니다. 하지만 이 단계에서는 메인 인터페이스를 일부 간단하게 중국어화했을 뿐이고 일부 도움말 내용은 아직 중국어화되지 않았습니다. 게다가 제 영어 실력도 매우 낮고 번역도 매우 좋습니다. 이 멋진 소프트웨어를 현지화하는 데 도움을 주고 싶다면 Blog Park IxEdit 그룹을 방문하세요. 중국어 버전을 점차적으로 개선하고 열심히 노력합시다!
어떤 도구를 사용하는 방법은 긴 설명+스크린샷만큼 직접적이지 않아서 영상 형식으로 설명하기로 했습니다. 온라인 비디오를 볼 수 없는 경우 기사 하단에 있는 비디오 파일을 다운로드하고 로컬로 다운로드하여 볼 수 있습니다.
IxEdit을 사용하여 다음을 포함하여 DOM을 편리하게 운영할 수 있습니다.
이 비디오에서는 몇 가지 일반적인 DOM 조작 애플리케이션에 대해 설명합니다.
IxEdit을 사용하면 다음과 같은 매우 멋진 애니메이션 효과를 쉽게 얻을 수 있습니다.
영상에서는 일반적으로 사용되는 애니메이션 효과의 적용에 대해 설명합니다.
IxEdit을 사용하면 다음과 같은 특수 효과를 쉽게 얻을 수 있습니다.
영상에서는 일반적으로 사용되는 특수 효과의 적용에 대해 설명합니다.
다른 것들은 여전히 매우 간단한 효과이므로 설명하는 데 시간을 낭비하지 않겠습니다. 조금만 탐색해 보면 누구나 이해할 수 있을 것입니다.
실제로 IxEdit에는 고급 모드가 있습니다(ixedit.advancedMode=true; 사용). 고급 모드를 켜면 전문가가 일반적으로 사용하지 않는 일부 기능이 열립니다. 아래 비디오는 IxEdit의 고급 모드를 켜는 방법을 보여줍니다.
오랜 시간 작업한 후 최종 페이지에 결과를 적용하면 이 단계는 끝나게 됩니다. 배포 후에는 Google Gears, chome 브라우저, IxEdit js 라이브러리 파일 및 기타 지저분한 것들이 필요하지 않습니다. IxEdit으로 생성된 코드를 사용하는 방법은 아래 비디오 튜토리얼을 시청하세요!
IxEdit은 Google Gears를 사용하기 때문에 설정과 작업을 저장하고 다음에 열어 작업을 계속할 수 있습니다. "저장" 및 "열기" 기능과 비슷합니다. 기본적으로 자동으로 저장됩니다. "다른 이름으로 저장"해야 하는 경우 왼쪽 상단 모서리에 있는 IxEdit 메뉴를 클릭하고 "설정 내보내기/가져오기" 명령을 선택하면 됩니다.
IxEdit은 실제로 JavaScript를 모르는 사람들도 일반적인 JavaScript 효과를 쉽게 구현할 수 있다는 점에서 좋은 것입니다. jQuery 및 jQuery UI와 협력하면 멋진 효과를 쉽게 얻을 수 있습니다.
그러나 IxEdit은 아직 베타 버전이므로 아직 개선의 여지가 많습니다. 기대해보자!
IxEdit 중국어 버전에 참여하고 싶은 친구들은 블로그 파크의 IxEdit 그룹 으로 오세요. IxEdit에 공식 영어 및 일본어 버전뿐만 아니라 중국어 버전도 있습니다!
원래 주소: http://www.cnblogs.com/JustinYoung/archive/2009/11/18/ixedit.html