[개인 필기] 2014년, jsbin.알겠습니다. 컴이라는 편의 서비스...

3827 단어 JavaScriptdocument

JavaScript의 학습


나는 환경을 실행하는 것이 간단하게 맞출 수 없다고 생각한다
인터넷을 배회하다 알게 된 서비스jsbin.com.
JavaScript, HTML의 템플릿을 작성하여 재현 결과를 Output 창에 표시합니다.

CDN을 제공하는 제품은 일반적으로 "Add Library"를 통해 선택할 수 있습니다.
이 서비스는 이미 3년 전부터 운행되기 시작했다
아직까지 파악이 안 돼서...

데면데면한 사용법


  • 액세스jsbin.com
  • Add Library를 클릭하고 원하는 라이브러리
  • 를 선택합니다.
  • JavaScript 창을 쓰면 자동으로 로드
  • 렌더링 결과가 Output 창에 표시됨
  • Add Library에 원하는 라이브러리가 없는 경우


    CDN이 사용되지 않은 라이브러리를 사용하려는 경우
    github.최고 com 제품이라면.
    rawgithub.com를 사용하여 JavaScript 파일 리소스를 가져오면 됩니다.
    Vue.하면, 만약, 만약...
    URL
    개작https://github.com/yyx990803/vue/blob/v0.10.1/dist/vue.min.js하면 OK.
    <script src="https://rawgithub.com/yyx990803/vue/v0.10.1/dist/vue.min.js"></script>
    
    .

    다음은 제가 마음대로 쓴 샘플입니다.


    https://rawgithub.com/yyx990803/vue/v0.10.1/dist/vue.min.js
    Vue.js
    http://jsbin.com/pucacamo/1/edit?html,js,output
    pixi.js
    pixi.js의 경우 외부 자원에서 그림을 읽으려는 경우
    WebGL의 사양에는 Cross Origin의 제한이 있습니다.
    설정된 서버 리소스http://jsbin.com/xisam/2/edit?html,js,output를 미리 준비해야 합니다.
    CORS
    CoffeeScript
    http://jsbin.com/hajad/2/edit?html,console
    Fontawesome
    http://jsbin.com/finir/2/edit?html,js,output(멘붕이야... 테스트 힘들지)
    Reveal.js
    http://jsbin.com/yawup/2/edit?html,js,output(데이터 시각화 실천 입문 p.123의)
    D3.js

    그리고 나서


    http://jsbin.com/rutih/1/edit?html,js,output와 같은 JavaScript 라이브러리 정보
    라이브러리 선택을 위해 실제로 사용하고 평가하려면 API 인터페이스를 사용하십시오.
    나는 문서를 보면서 공부를 하면 준비 비용을 줄이는 것이 좋다고 생각한다.
    결국 준비 환경이 너무 번거로워서 손을 대기가 귀찮아졌다
    안 좋으니까.나는 com으로 각양각색의 일을 하고 싶다.
    세상에는 늘 새로운 것이 생겨요. 재미있어 보여요. 저도 구하고 싶어요.

    좋은 웹페이지 즐겨찾기