原创 JS面向對象貪喫蛇案例

分析     蛇:每隔一段時間移動一點距離,就是每隔一會兒就重新加載顯示蛇的身體     蛇的組成:由多個小div組成每一節的身體     蛇的移動:從蛇頭開始,每隔一個小div的座標,給下一節身體的座標     方向控制:往右:蛇頭的

原创 axios的簡單介紹及封裝

axios功能的特點: 在瀏覽器中發送 XMLHttpRequests 請求 在 node.js 中發送 http請求 支持 Promise API 攔截請求和響應 轉換請求和響應數據 等等 axios請求方式: axios(config

原创 vue cli的vue-ruter簡單介紹

什麼是Vue CLI CLI是什麼意思? CLI是Command-Line Interface, 翻譯爲命令行界面, 但是俗稱腳手架. Vue CLI是一個官方發佈 vue.js 項目腳手架 使用 vue-cli 可以快速搭建Vue開發環

原创 vue的組件簡單介紹

 組件 組件是什麼:組件就是自定義標籤,他是vue中核心功能之一,是把頁面當中的可以重複使用的內容進行封裝,方便調用 全局組件     作用域:在所有實例中都可以使用     語法:Vue.component:{"組件名不能喝現有的htm

原创 前端開發常用的一些軟件

學習網站MDN  https://developer.mozilla.org/zh-CN/ HTML CSS和JS框架bootstrap  https://v3.bootcss.com/css/ 免費開源bootCDN(目前3.3.7版本

原创 vue的交互、過濾器和生命週期的簡單介紹

交互(vue中如何發送ajax) 前端和後端         任何一個程序都會有前端和後端         前端:客戶端-------》瀏覽器         後端:服務器端------》硬件服務器 性能比較穩定的電腦 前端和後端交互的流

原创 瞭解閉包

變量的作用域 變量作用域分爲兩種:全局變量和局部變量 函數內部可以使用全局變量 函數外部不可以使用局部變量 當函數執行完畢,本作用域的局部變量會銷燬 什麼是閉包 閉包就是指有權訪問另一個函數作用域中變量的函數。 簡單理解就是一個作

原创 JS面向對象貪吃蛇案例

分析     蛇:每隔一段時間移動一點距離,就是每隔一會兒就重新加載顯示蛇的身體     蛇的組成:由多個小div組成每一節的身體     蛇的移動:從蛇頭開始,每隔一個小div的座標,給下一節身體的座標     方向控制:往右:蛇頭的

原创 vue的指令、屬性和修飾符簡單介紹

什麼是vue.js Vue是目前前端開發中最流行的一個MVVM框架。 Vue是一套用於構建用戶界面的漸進式的自底層向上增量開發的MVVM框架。 MVVM框架:     漸進式:可以在原有項目上一兩個功能使用Vue,或者整個項目全部使用Vu

原创 數組和字符串的常用方法

數組的常用方法 push( ) 將一個或多個元素添加到數組末尾,返回該數組的新長度(該方法修改原有數組)。 語法:數組.push(添加的值) 返回值:當調用該方法時,新的length屬性值將被返回 var arr = [1, 11,

原创 原生js寫隨機點名案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w

原创 express簡單介紹

express是node.js的一個web應用框架  給我們提供了強大的特性和豐富的http工具。 功能  擴展了web所需要的基本功能 豐富的http工具 可以快速創建一個網站 如何使用 文件夾初始化 npm init -

原创 Node的基本瞭解(一)

什麼是node         單獨把瀏覽器裏面的**解析引擎**拆下來安裝在電腦裏,這樣就不需要瀏覽器也能運行js代碼       node就是把javascript這個語言擴展到後端範疇,又是前端又是後端。     前端 JavaSc

原创 簡單瞭解GET和POST的請求區別

常見的請求方式: 1.GET-向服務器獲取 2.POST-向服務器傳遞 3.PUT-向服務器傳遞,並讓服務器添加 4.DELETE-讓服務器刪除 5.HEAD-只用於獲取響應頭 6.PATCH-和PUT類似,只不過更傾向於更新局部數據 7

原创 統計字符個數、生成隨機驗證碼案例

統計字符個數案例  var testStr = 'aoifhoiwehfoiweiwadakl'; /* 需要先去重,然後在累計 我們可以利用對象類型來解決 我們可以將每個字符當做對象的鍵名,因爲對象的鍵名是不能重複的 */ //