原创 自學Vue必看的v-bind綁定
文章目錄v-bind綁定屬性基本語法語法糖寫法v-bind動態綁定class通用樣式常規語法和語法糖寫法對象語法動態綁定class數組語法綁定classv-bind動態綁定style對象語法動態綁定style數組語法綁定style
2020-06-18 06:46:50
原创 帶你實現輪播切換（超詳細）
文章目錄案例描述案例圖示HTMLCSSJS核心代碼 案例描述 在瀏覽器中每相隔一秒鐘切換一張圖片，圖片相對應的圖片解釋也跟着改變。 案例圖示 HTML 詳解請看註釋 <body> <div id="box">
2020-06-18 06:36:43
原创 自學Vue必看的slot知識總結
文章目錄什麼是slot插槽插槽的使用具名插槽作用域插槽什麼是編譯作用域作用域插槽使用方法插槽最新使用方法具名插槽v-slot寫法作用域插槽最新寫法v-slot總結和注意事項 什麼是slot插槽 （1）slot插槽的目的：讓我們原來
2020-06-18 06:36:31
原创 自學Vue必看的父子組件訪問方式
文章目錄父子組件訪問 父組件訪問子組件使用$children（不常使用）$children使用方法使用$refs（經常使用）$refs使用方法子組件訪問父組件和根組件（使用較少） 父子組件訪問 有時候我們需要父組件直接訪問子組件
2020-06-18 06:36:31
原创 自學jQuery必看的基礎知識總結
文章目錄入口函數的四種寫法解決jQuery衝突問題衝突問題描述解決衝突方法一-------釋放$的使用權解決衝突方法二------自定義一個訪問符號jQuery的核心函數jQuery接收的幾種參數 入口函數的四種寫法 推薦使用第三
2020-06-18 06:36:30
原创 ES6對象字面量增強寫法
文章目錄ES5寫法ES6增強寫法 ES5寫法 <script> const name = "張三"; const age = 25; //ES5寫法 const obj = { na
2020-06-17 20:38:45
原创 自學jQuery必看的常用靜態方法大全
文章目錄jQuery對象靜態方法和實例方法jQuery的each方法與原生JS的forEach()比對jQuery的map方法與原生JS的map方法比對jQuery的each方法與jQuery的map方法的不同之處區別一區別二jQ
2020-06-17 20:38:45
原创 var、let和const詳解
文章目錄var和let什麼是變量作用域var存在的問題用閉包解決var沒有塊級作用域的問題用let解決var沒有塊級作用域的問題var和let的區別總結const使用const建議和注意事項 var和let var和let都是用於
2020-06-17 20:38:45
原创 自學Vue必看的父子組件通信（一）
文章目錄父子組件通信父子組件通信---父傳子第一種方式------字符串數組第二種方式------對象類型限制提供默認值是否必傳 父子組件通信 有可能在一個頁面中，我們從服務器請求到了很多數據，其中一部分的數據並非是在我們的大組件
2020-06-17 20:38:44
原创 用案例說明v-if和v-show的區別
文章目錄v-if和v-show相同之處v-if和v-show不同之處總結 v-if和v-show相同之處 v-if 和 v-show 都具有條件判斷的功能，如下面案例所示，“hello word” 都會在瀏覽器上消失 <body
2020-06-17 16:18:55
原创 因爲疫情快五個月沒見女朋友了，寫個前端小遊戲讓她開心一下
目錄一、遊戲描述二、遊戲展示三、HTML頁面佈局四、CSS樣式五、JS核心代碼1、全部JS代碼展示2、JS核心代碼解析----監聽鼠標移入3、JS核心代碼解析----監聽遊戲開始按鈕點擊事件4、JS核心代碼解析----監聽球的碰撞
2020-06-17 16:18:54
原创 嚴格模式和怪異模式
文章目錄概念使用使用範圍兼容性問題示例CSS樣式JS代碼谷歌顯示IE瀏覽器顯示 概念 早期的瀏覽器並不遵守W3C標準，這時候的解析方式就稱之爲怪異模式(quirks mode)。但隨着W3C模式越來越重要，衆多的瀏覽器開始依照W3
2020-06-17 16:18:54
原创 自學Vue必看的計算屬性知識總結以及計算屬性與方法的區別
文章目錄爲什麼使用計算屬性如何使用計算屬性計算屬性的setter和gettermethods和computed區別小案例：用計算屬性算總價方法一方法二方法三 爲什麼使用計算屬性 我們知道，在模板中可以直接通過插值語法顯示一些dat
2020-06-17 16:18:54
原创 用JS逐步分解實現放大鏡（看完就有收穫）
文章目錄案例描述案例圖示HTMLCSS樣式JS代碼JS分解代碼----小圖點擊事件JS分解代碼----鼠標進入和移出JS分解代碼----鼠標的移動JS分解代碼----碰撞事件，放大鏡的移動JS分解代碼----超大圖的位置改變JS全
2020-06-17 16:18:54
原创 自學Vue必看的v-on知識總結
文章目錄v-on基礎用法基本用法示例v-on參數v-on參數示例v-on參數修飾符.stop修飾符的使用.prevent修飾符的使用[keyCode(編碼)|keyAlias（簡寫）] 的使用.once 的使用 v-on基礎用法
2020-06-17 16:18:42