2014年9月23日 星期二

2014/9/23 今日學習

看了幾篇文章

  • The escape character (\) can be used to insert apostrophes, new lines, quotes, and other special characters into a string.
  • Strings Can be Objects. Don't create String objects. They slow down execution speed, and produce nasty side effects
  • Primitive values, like "John Doe", cannot have properties or methods (because they are not objects).But with JavaScript, methods and properties are also available to primitive values, because JavaScript treats primitive values as objects when executing methods and properties.
Arrays
  • var cars = ["Saab", "Volvo", "BMW"];

  • if you want to use image from your computer in your design, upload it to a site like imgur.com and use the public URL the public URL, not a webpage with the image on it.
  • <link>可以讓你從外部連結.css檔，這樣就不用全部樣板都寫在同一個HTML裡
  • <link href="normalize.css" rel="stylesheet"> normalize.css可以讓你的畫面在不同的browser看起來都較一致， rel always set stylesheet

今晚準備明天要報告的資料，想起自己需要Node.js
張貼者： 於 沒有留言:
標籤：

2014年9月22日 星期一

2014/9/22 今日學習

基本功：W3School.com

function


scope
  • With JavaScript, the global scope is the complete JavaScript environment.
  • In HTML, the global scope is the window object: All global variables belong to the window object.
Event

  • You will learn a lot more about events and event handlers in the HTML DOM chapters.

加入CSS用 <style> 

今天看了兩篇訓練文



張貼者： 於 沒有留言:
標籤：

2014年9月21日 星期日

2014/9/21 今日學習


javascript裡的# (shrap) 是什麼???

發現一個紀錄three.js學習心得的blogger
看這blogger時發現一個有趣的東西，在網頁上make 3D model
除了JavaScript之外，jQuery真的太常被提到了，真的該好好學一學才對

學習英文

2.4 對象(object)
  • 在JavaScript語言中，所有全局變量都是頂層對象（瀏覽器環境的頂層對象為window）的屬性，因此可以用in運算符判斷一個全局變量是否存在。
  • in運算符只能用來檢驗可枚舉（enumerable）的屬性。關於可枚舉性，參見下一章的《Object對象》一節。
  • 凡是定義在Object.prototype對像上面的屬性和方法，將被所有實例對象共享。
  • 如果你要在with語句內部，賦值對象某個屬性，這個屬性必須已經存在，否則你就是聲明了一個全局變量。with語句有很大的弊病，主要問題是綁定對像不明確。建議不要使用with語句，可以考慮用一個臨時變量代替with。

一點感想：我還是不太喜歡for-in的寫法，雖然他較簡潔，但個人還是較偏好傳統的for loop寫法

2.6 函數(function)
  • 函數表達式（Function Expression），採用函數表達式聲明函數時，function命令後面不帶有函數名。如果加上函數名，該函數名只在函數體內部有效，在函數體外部無效。
  • 需要注意的是，函數的表達式需要在語句的結尾加上分號，表示語句結束。而函數的聲明在結尾的大括號後面不用加分號。
一點感想：讀這份資料真的滿累的，中途跑去讀英文資料JavaScript Functions-w3schools.com，原本只是想換換口味，沒想到意外的容易上手，也沒有提出一些容易出錯的寫法，頓時決定跟換學習主力改為W3Schools Online Web Tutorials，學習主力從中文改成英文，另外我決定要增強JavaScript、CSS、HTML的基本功，所以我決定去使用英文的coding網站Dash


休息一下去又去查了一下SubLime的資料

看資料時看到一個東西foo???
  • 查到的資料都怪怪的 QQ
張貼者： 於 沒有留言:
標籤：

2014年9月20日 星期六

2014/9/20 今日學習

今天很晚才開始工作，現在要晚上了，依舊在搜尋如何上傳model在瀏覽器上coding，剛剛偶然看到這篇
  • Adding External Resources - CodePen Blog
    • CodePen allows you to link to CSS and JavaScript files anywhere on the web and run them in your Pen.You may also use other Pens as external resources.
    • 後來我嘗試把mrdoob那下載下來的knigjt.js複製到codepen上，但是無法儲存
    • 我放棄了，codepen與webstorm都放棄了，回去用webstorm

想到一個問題，看mrdoob的code時，光只是人物擺動，我就有不少code，如果code無法模組化，那我要如何處理? 找到下面這網站，有提供GitHub，可以參考其中有場景與人物model的code是怎寫的
另外找到一篇談如何用three.js寫game的
重要問題，如何在Firefox上預覽

遇到問題：sublime text2 output not utf-8
快崩潰了，一直無法在sublime text2裡開啟有外部資源的檔案，經測試可以直接在chrome裡開啟原生的檔案






張貼者： 於 沒有留言:
標籤：

2014年9月19日 星期五

2014/9/19 今日學習

local端的external model開不起來，後來改用FireFox開，mrdoob有提供教學
如何開啟 about:config

今日實作
  • mrdoob的knight在GitHub上的網址
  • 構想：codepen除非購買付費的pro feature，否則無法直接上傳js，所以我就想說改另一種方式，3D model轉成js檔後，從GitHub上去讀，這構想失敗了，CodePen的library必須要說明你要上傳lib，要說你就是library的作者或只是想上傳library
  • 放棄，改考慮JSBin
JS Bin


Code筆記
  • camera = new THREE.PerspectiveCamera(45, WIDTH/ HEIGHT, 0.1 , 20000);
  • #333f47
  • document
    • document對象-- JavaScript 標準參考教程（alpha）
    • DOM是文檔對像模型（Document Object Model）的簡稱，它的基本思想是把結構化文檔（比如HTML和XML）解析成一系列的節點，再由這些節點組成一個樹狀結構。
    • 簡易JavaScript語法結構
    • 「網頁瀏覽或執行，是開啟在瀏覽視窗（window）中，包含了一份或數份的HTML文件（document），文件中又包含了各種物件（object），每個物件都可以加以命名（name）或加上識別碼（id）。」
    • 常看到所謂DOM模式，就是指Document Object Model，或稱為「文件物件模式」，這是把HTML文件當作物件來操作
張貼者： 於 沒有留言:
標籤：

2014年9月18日 星期四

2014/9/18 今日學習

今日目標：

  • 設置Github帳號
  • 在CodePen上寫three.js
  • 嘗試讓mrdoob的model動起來

GitHub

由於用CodePen的緣故，知道有CSS這玩意，上網估狗一下發現，可以使用Html5+CSS+javascript，結合jquery+PhoneGap來寫手機程式，而且入門門檻比用安卓來得低

CSS
剛剛回去看了一下挫折我許久的教學，他所下載下來的程式碼，結果發現，這教學是要我們去修改他的程式碼，難怪先前直接RUN都RUN不起來

張貼者： 於 沒有留言:
標籤：

2014年9月17日 星期三

2014/9/17 今日進度

今日主力文章

CodePen!?!?!?!?
最近看了不少從網路上import js的做法，在此備份一下如何載入
學習英文，很常在文章中看到把leverage 當作動詞用

張貼者： 於 沒有留言:
標籤：
訂閱： 文章 (Atom)