第一關： 一筆畫出折線，穿過圖中的9個點，折線個數盡量少。
答案：需要少於四線三折
window.location.host:獲取**
window.location.pathname:獲取路徑
第二關： 上帝為你關上一扇門，卻開啟了一扇窗，我們需要找到窗的高度，才能爬出窗外
一看便知，需要輸入正確密碼（window的高度），但整個頁面無法點選。
首先：老套路，f12，第一種方法：在控制台輸入window.innerheight,可以得到我們視窗的高度（不同的瀏覽器高度不一樣）,然後在dom裡面修改其顯示在桌面的數值，使得螢幕上面顯示視窗的高度值==window.innerheight。第二種方法：按f12,直接在dom裡面修改其顯示在桌面的數值，使得螢幕上面顯示視窗的高度值=521。
transform：scale（放大或者縮小的倍數） rotate（旋轉的角度） transform:scalex(-1):保持自身的大小，繞x軸旋轉
然後點選綠色的well done！進入下一關
第四關：在輸入框中填入**，控制小球穿過障礙物，至少吃到3個星星，吃的星星越多，得分越高。
輸入框裡面有提示api，要使用箭頭函式（=>），這是es6裡面的內容，直接呼叫api，傳入引數（小球的座標）就可以控制小球的滾動，前期試了一下，發現當小球滾動的時候，還會再出現兩顆星星，可以知道這兩顆星星是延遲出現的，故我們的小球先延遲一會在滾動。
首先自己得設計路線，不同的路線，**不相同：按下f12，開啟除錯工具，找到小球的位置（style=left：-10px；top：46px）；然後在style樣式的除錯工具裡面控制小球的left和top值，按照你先前想好的路線跑一下，記錄其轉折點的left和top值—–就是後面小球的座標值。
ball.at(0, 46, ball=>ball.wait(1700));
ball.at(82,46,ball=>ball.turnright());
ball.at(82,130,ball=>ball.turnleft());
ball.at(130,130,ball=>ball.turnright());
ball.at(130,240,ball=>ball.turnright());
ball.at(82,240,ball=>ball.turnleft());
ball.at(82,355,ball=>ball.turnright());
ball.at(30,355,ball=>ball.turnleft());
ball.at(30,362,ball=>ball.turnleft());
ball.at(170,362,ball=>ball.turnright());
ball.at(170,470,ball=>ball.turnright());
ball.at(30,470,ball=>ball.turnback());
ball.at(370,470,ball=>ball.turnleft());
ball.at(370,360,ball=>ball.turnleft());
ball.at(270,360,ball=>ball.turnright());
ball.at(270,241,ball=>ball.turnleft());
ball.at(180,241,ball=>ball.turnright());
ball.at(180,235,ball=>ball.turnright());
ball.at(220,234,ball=>ball.turnleft());
ball.at(220,130,ball=>ball.turnright());
ball.at(270,130,ball=>ball.turnleft());
ball.at(270,50,ball=>ball.turnright());
ball.at(365,50,ball=>ball.turnright());
ball.at(365,50,ball=>ball.turnright());
ball.at(365,105,ball=>ball.turnleft());
ball.at(465,105,ball=>ball.turnleft());
ball.at(465,15,ball=>ball.turnright());
ball.at(545,15,ball=>ball.turnright());
ball.at(545,100,ball=>ball.turnleft());
ball.at(620,100,ball=>ball.turnright());
ball.at(620,185,ball=>ball.turnright());
ball.at(575,185,ball=>ball.turnleft());
ball.at(575,475,ball=>ball.turnleft());
詳情參考：有道雲筆記
github位址
百度前端學院任務題 任務3
任務3 三欄式布局 就是這個樣子 總結 思路就是三個div，前兩個浮動，第三個設定margin left，margin right值這樣就可以實現這樣的效果，我在做的過程中遇到的問題 三個div比如 頭像部分class head,個人logo部分class person,內容部分class cont...
百度前端學院任務筆記（一）
1.心得 看完 head first html 與 css 就開始任務。結合任務二著手寫了個簡單的網頁簡歷。一開始認為應該會很easy，沒想到還真不怎麼順利。對元素的定位，字元間距，段落間距的掌握實在糟透了。2.知識點 1 垂直居中 給定元素寬度 可用 具體畫素大小 min width max wi...
百度前端學院實踐記錄
value innnerhtml value是input框的輸入值 innerhtml是dom元素裡面的所有dom結構 keyvalue 13 為回車按鍵 js getfullyear 從data資料中提取年份 ceil 最大整數 floor最小整數 floor 是向負無窮大捨入，floor 10....