原创 Vue------shortid組件的安裝及使用

一、shortid組件安裝步驟 插件shortid是生成隨機ID的 cmd 進入到項目目錄中，輸入npm i shortid --save 或 在webstorm項目中右擊，Open in Terminal中輸入：npm i

2020-07-08 06:48:05 12

原创 JavaScript----構造函數、原型對象、this

一、構造函數 創建一個構造函數，專門用來創建Person對象的 構造函數就是一個普通的函數，創建方式和普通函數沒有區別，不同的是構造函數習慣上首字母大寫。 構造函數與普通函數的區別 構造函數和普通函數的區別就是調用的方式不同

2020-06-20 09:26:53 1

原创 JavaScript----函數的簡介、函數的參數

一、函數的簡介 函數的定義 函數function 函數也是一個對象 函數中可以封裝一些功能(代碼)，在需要時可以執行這些功能（代碼） 函數中可以保存一些代碼在需要的時候調用 使用typeof檢查一個函數對象時，會返回functi

2020-06-20 08:27:26 1

原创 jQuery樣式操作（Tab欄切換）

一、操作方法 主要有兩種方法：一種是操作css方法，另外一種是設置類樣式。 操作css方法 參數只寫屬性名，則返回屬性值 參數是屬性名，屬性值，逗號隔開，是設置一組樣式，屬性必須加引號，值如果是數字可以不用跟單位和引號 參數可以

2020-06-20 08:27:26 15

原创 原生JS寫輪播效果

一、設計概述 這次的輪播圖功能很全面，裏面有鼠標事件效果，比如鼠標移入，停止自動播放，鼠標離開圖片開始自動播放，當鼠標移入是會有箭頭出現，鼠標離開始時箭頭就會消失，圖片可以通過點擊左右箭頭來切換，也可以通過點擊li裏面的小圓點來

2020-06-20 08:27:26 1

原创 JavaScript---Node節點方法

Node節點方法 appendChild() 向節點的子節點列表的結尾追加一個新的子節點 例子 <style> #box{width: 1000px;height:200px;background: #2b6

2020-06-20 08:27:26

原创 JavaScript----DOM

一、DOM DOM定義 DOM全稱：Document Object Model 文檔對象模型。 JS中通過DOM來對HTML文檔進行操作。 文檔： 表示的就是整個HTML網頁文檔； 對象： 表示將網頁中的每一個部分都轉換爲了一

2020-06-20 08:27:26

原创 在開發中常遇見的問題（一）

焦點圖 實際開發中焦點圖是由ul li a img組成的 <div class="focus"> <a href="#" class="arrow-l"></a> <a href="#" class=

2020-06-20 08:27:26

原创 移動WEB開發-----flex子級常見屬性

一、flex屬性 flex屬性定義子項目分配剩餘空間，用flex來表示佔多少份數。 flex:<number>; //默認值爲0 flex:1; 二、align-self屬性 align-self控制子項自己在側軸上的排列

2020-06-20 08:27:26

原创 JavaScript------函數的返回值，函數的作用域及聲明提前

一、函數的返回值 可以使用return 來設置函數的返回值 返回值可以是任意的數據類型，也可以是一個對象，也可以是一個函數 函數返回值語法： return 值; 注意： return後的值將會作爲函數的執行結果返回 *

2020-06-20 08:27:26

原创 jQuery-----淘寶精品服飾案例

一、設計思路 主要的設計思路是把這個分爲幾部分了解好，每一部分又包括什麼都要弄明白。 咱們要做的效果圖如下圖所示： 設計思路： 這個效果分爲兩部分，左邊是9個小的li，裏面放物品名稱；右邊是盒子，盒子裏面放的圖片。當

2020-06-20 08:27:26

原创 JavaScript 節點（node）知識

一、節點概念 DOM : Document Object Model 文檔對象模型 定義了訪問和處理HTML文檔的標準方法 根據DOM，文檔中每一個成分都是一個節點 DOM節點 整個文檔是一個文檔節點 HTML標籤是元素節

2020-06-20 08:27:26

原创 jQuery-----概述及基本使用

一、jQuery概述 jQuery的概念 jQuery是一個快速、簡潔的JavaScript庫，其設計的宗旨是“ 寫更少的代碼，做更多的事情。” j就是JavaScript；Query查詢；意思就是查詢js,把js中的DO

2020-06-20 08:27:26

原创 Vue入門第一天-----Vue概述及基本使用

一、Vue概述 Vue是國產框架，尤雨溪是Vue.js的創建者。2014年2月，Vue.js正式發佈；2015年10月27日，正式發佈1.0.0版本；2016年4月27日，發佈2.0的預覽版本。 Vue:漸進式JavaScri

2020-06-20 08:27:26

原创 原生JS寫留言板

一、設計思路 這個留言板有兩個大的版塊，一個是留言板（主要是發佈留言的內容會在上面顯示），另一個是發佈留言（可以在這裏輸入你想要留言的內容等）。下圖是留言版做成的樣子： 主要用到input textarea button

2020-06-20 08:27:26