原创 Flex佈局
Flex 佈局，可以實現各種頁面佈局。目前，它已經得到了所有瀏覽器的支持。Webkit 內核的瀏覽器，必須加上-webkit前綴。Flex 是 Flexible Box 的縮寫，意爲"彈性佈局"。 一、Flex的基本概念 採用 Flex 佈
2018-09-18 18:29:45
原创 Flex佈局
Flex 佈局，可以實現各種頁面佈局。目前，它已經得到了所有瀏覽器的支持。Webkit 內核的瀏覽器，必須加上-webkit前綴。 Flex 是 Flexible Box 的縮寫，意爲"彈性佈局"。 一、Flex的基本概念 採用 Flex
2018-09-11 22:33:44
原创 JavaScript學習筆記之數組（一）
數組基礎篇 一、數組概述 1. 數組的語法 數組（array）是按次序排列的一組值。每個值的位置都有編號（從0開始)。 var arr=[1,2,3] //arr[0]=1 任何類型的數據，都可以放入數組。 var arr=[
2018-09-06 05:40:08
原创 Ajax入門
處理跨域的主要方法 1. JSONP 2. CORS 本文主要討論CORS解決AJAX因爲瀏覽器同源策略不能跨域請求數據的問題。 1. JSONP JSONP跨域可以參考下面這篇博客 JSONP跨域 2. CORS
2018-09-06 05:40:08
原创 JavaScript學習筆記之數組（二）
JavaScript學習筆記之數組（二） 1.['1','2','3'].map(parseInt) 輸出什麼,爲什麼? ['1','2','3'].map(parseInt)//[1,NaN,NaN] // map有三個參數:數組元素
2018-09-06 05:40:08
原创 CSS佈局套路
這篇筆記的目的是記錄分別應用float和flex佈局的方法。主要是對遇到的問題進行總結。 1.float佈局 總結： 1.1 使用float佈局要清除浮動，清除的方法是，在父元素添加如下樣式 .clearfix::after {
2018-09-06 05:40:08
1
原创 hexo+github搭建個人博客
windows環境下 準備工作 1. 下載安裝node.js並安裝，默認安裝npm 2. 下載安裝git和Git Bash 本地搭建hexo靜態博客 1. 新建一個文件夾，如myBlog 2. 進入該文件夾，右鍵點擊Git B
2018-09-06 05:40:08
原创 JavaScript原型與原型鏈
一、數據類型 JavaScript的數據類型可以分爲基本數據類型和引用數據類型。 1. 基本數據類型(6種) - String - Number - Boolean - null - undef
2018-09-06 05:40:08
原创 JSONP跨域
1.瀏覽器的同源策略 - 同源策略限制了從同一個源加載的文檔或腳本如何與來自另一個源的資源進行交互。這是一個用於隔離潛在惡意文件的重要安全機制。 2.一個源的定義 如果兩個頁面的協議，端口和域名都相同，則兩個頁面具有相同的源，這就
2018-09-06 05:40:08
原创 JavaScript繼承總結
1.創建對象 1.字面量對象 2.構造函數 3.Object.create //1.字面量 var obj={ name: '字面量', show: function(){ console.log(this.
2018-09-04 16:16:05
原创 Ajax入門
Ajax簡介 Ajax即“Asynchronous JavaScript and XML”（異步的JavaScript與XML技術） Ajax 是一種用於創建快速動態網頁的技術。通過在後臺與服務器進行少量數據交換，Ajax 可以使網頁實現異
2018-08-30 13:42:08
2
原创 Vue學習筆記4
條件渲染 v-if <div id="app"> <template v-if="ok"> <h1>Title</h1> <p>Paragraph 1</p>
2018-08-30 13:42:08
原创 Vue學習筆記2
組件化應用構建 <div id="app"> <ol> <todo-item v-for="item in groceryList" v-bind:todo="item"
2018-08-30 13:42:04
原创 Vue學習筆記1
聲明式渲染 vue的引入 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 初步使用vue <div id="app"> {{message}
2018-08-30 13:42:04
原创 Promise學習筆記
Promise對象 Promise 表示一個異步操作的最終結果，與之進行交互的方式主要是 then 方法，該方法註冊了兩個回調函數，用於接收 promise 的終值或本 promise 不能執行的原因。 Promise 的狀態 一個 Pro
2018-08-30 13:42:04
2