原创 Day4-數組練習(1)

創建 用var arr = new Array(2,3,5,0); 和var arr = [2,3,5,0]; 創建數組的效果是一樣的 var arr = new Array(1,2,2,2,); console.log(ar

原创 瀏覽器的工作流程(原理)

流程概要 看了《重學前端》總結了一下,從用戶輸入網址發起請求到頁面渲染顯示的過程: 通過url請求獲得字符流,把字符流變成詞(token)流,把詞(token)流構造成DOM樹,把不含樣式信息的DOM樹應用CSS規則,變成包含樣式

原创 瀏覽器輸入網址之後...

流程 在地址欄中輸入url 瀏覽器是用http還是https訪問服務器呢? 如果沒有明確告知瀏覽器是用哪個協議,針對此種情況,瀏覽器有自己的預案,那就是默認使用http協議,除非小明輸入的是 https://zhihu.com

原创 以前寫過的內容

http://www.cnblogs.com/sleeping-dog/ https://www.yuque.com/yuzhoubinghe/geercl

原创 ES6彙總(三)

Promise對象 Promise 出現的原因 jQuery 體現回掉地獄,axios 是用 Promise 實現的;一個常用的技巧,用 setTimeout() 函數來模擬異步的請求,用於測試。 一個對象,接受兩個參數(函數)

原创 Day2-鐘錶指針

CSS 文檔:http://www.ayqy.net/doc/css2-1/cover.html#minitoc min-height:100vh background-size:cover background-size

原创 ES6彙總(二)

模板字符串 字符串寫在反引號內,如有變量,用 ${ } 包裹即可;{ } 實際可以包含變量、表達式和函數等。 模板字符串可抽象爲一個渲染函數,在 ${ } 中加載該函數。 標籤模板字符串的使用,相當於一個函數。 可通過 str.

原创 Day3-CSS 變量

Input <input type="color" value="#ff0000" /> <input type="range" min="0" max="11" value="5" /> 用來創建一個允許用戶使用顏色選擇器的區

原创 VUE仿貓眼電影總結(二)

關鍵點 頁面的邏輯 組件的樣式 全局樣式寫在html中,APP.VUE並不是全局樣式 base_url在路由中修改 keep-alive可以包裹路由插座 i標籤做圖標 路由重定向,二級路由 rout

原创 VUE仿貓眼電影總結(一)

概述 vue進階練習 基於vue-cli 3.0腳手架構建的 仿貓眼webapp github地址:https://github.com/santana2000/hah-movie 界面展示 項目結構 頁面結構主要分爲頁

原创 CSS常見問題歸納與整理(收集了30多個)

盒模型 盒模型分爲標準盒模型和IE盒模型,前者的寬高是內容的寬高,後者則是border的寬高 相鄰盒子的margin會重疊,取二者的最大值 padding的寬高以百分比設置時,都是基於父元素的寬度 元素類型 塊級元素,寬度佔

原创 JS繼承方法總結,帶實例

三個概念 構造函數 / 原型對象 / 實例對象 以內置對象Array爲例,Array是用於構造數組的全局對象。Array構造函數創建的實例數組對象可以繼承使用所有Array.prototype的屬性和方法。 每個函數都有一個pr

原创 ES6彙總(一)

let & const var 是函數/全局作用域,可重複賦值(可能會覆蓋其他人聲明的變量);let 和 const 都是塊級作用域,且在同一作用域中不可重新聲明。 let 可重新賦值,const不可重新賦值(constant)

原创 HTML問題彙總

!DOCTYPE是html5標準⽹⻚聲明,且必須聲明在HTML⽂檔的第⼀⾏,來告知瀏覽器的解析器⽤什麼⽂檔標準解析這個⽂檔,不同的渲染模式會影響到瀏覽器對於 CSS 代碼甚⾄ JavaScript 腳本的解析。 新特新 http

原创 Cesium常用API

Camera heading:左右搖頭,pitch:上下襬頭 視野裏相機的位置是固定的?? //相機垂直向下俯視,Heading設置爲正北方向 '最常見的設置參數' camera.setView({ destinati