原创 前端排序算法實現——JS插入排序
插入排序其實和玩牌很簡單，在玩牌的時候，我們會自己給抓到的牌排個序，從小到大的順序，如果新抓的那個牌比當前手裏的牌小，會插到這張牌的前面 其實可以總結爲一句話： 只要會玩牌，就會插入排序 下面我畫了張圖，可以會更好理解： 話不多
2020-07-04 11:19:01
原创 JS中的var和let的區別
ES6 新增了let命令，用來聲明局部變量。它的用法類似於var，但是所聲明的變量，只在let命令所在的代碼塊內有效，而且有暫時性死區的約束。 let和var之間一共有4處區別： 01-作用域只侷限於當前代碼塊 02-使用let生
2020-07-04 11:19:01
原创 【前端學習之路】——Vue生命週期
生命週期：其實就是一個組件從創建到銷燬的這個過程叫做生命週期（鉤子函數） 其實從官網的生命週期的圖例就可以看出來，生命週期分八個階段 分別爲：beforeCreate，created，beforeMount，mounted，bef
2020-07-04 11:18:51
原创 Vue的計算屬性緩存computed和methods的區別
computed和methods的區別 計算屬性在處理一些複雜邏輯時是很有用的，當頁面需要渲染的時候，計算屬性不會發生變化，直接讀取使用，適合較大的計算和改變頻率較低的屬性 如果是methods的話，會造成性能的影響 就拿一個簡單
2020-07-04 11:18:51
原创 css的浮動屬性
行內元素：沒有寬高屬性，並且不會獨佔一行，任何元素一旦浮動，display屬性將完全失效均可以設置寬高，並且不會獨佔一行 下面舉例說明一下，先佈局下頁面： <style type="text/css"> *{
2020-07-04 11:18:51
原创 【ES6系列】——箭頭函數
箭頭函數其實是函數的一個量化，功能和之前的函數一樣，不過更加靈活而已，而且箭頭函數的語法要更簡潔，並且沒有自己的this，arguments，super或new.target。 基礎語法： (參數1, 參數2, …, 參數N) =
2020-07-04 11:18:51
原创 mui踩坑之旅-mui導入圖標不顯示
當使用webpack打包處理文件的時候，發現導入的mui圖標不顯示也不報錯，這個問題卡了一個星期，最後發現 在main.js導入mui.css後,打包運行就報錯,後來發現是.ttf文件沒有loader 直接 cnpm i file
2020-05-13 23:54:58
1
原创 PHP 和 AJAX MySQL實現前後端交互通信實例-獲取學員信息
案例效果爲：當點擊獲取學院信息按鈕時，無刷新頁面，數據庫中的數據會渲染到頁面上。 實例解釋（數據庫）： 此時數據庫中有五條數據 頁面解釋（html）： 簡單的表單樣式，有一個獲取所有學員信息的按鈕： 當點擊了獲取所有學員信息時候
2020-03-09 10:45:58
原创 js的自定義構造函數和工廠模式的區別
使用自定義構造函數創建對象 function Person(name,age){ this.name=name; this.age=age; this.play=function(){ co
2020-02-20 23:32:01
原创 【前端學習之路】——ES6新增屬性set
set的特點 set的基本使用方法類似於數組，不過和數組有一點不同的是，set集合裏是沒有重複數據的。 首先，我們先來創建一個集合並輸出一下： let set=new Set(["張三","李四","王五"])
2020-02-20 23:32:01
原创 【前端學習之路】——使用jQuery製作放大鏡
效果如圖所示： 可根據選擇切換至上一張下一張 話不多說，放代碼： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <st
2020-02-20 23:32:01
原创 前端排序算法實現——JS冒泡排序
其實，冒泡排序的思想就是： 讓數組中的當前項和後一項進行比較，如果當前項比後一項大，則兩項交換位置(讓大的靠後)即可，直到最後變爲從小到大 下面我放張我自己畫的圖可能會更好理解一下： （…並不是所有的數組都進行一輪判斷，下圖只是個
2020-02-20 23:32:01
原创 【前端學習之路】——去使用vue.js來編寫一個簡單的計算器
使用vue.js來編寫一個簡單的計算器 效果如圖所示：是一個十分簡單的計算器，包含了加減乘除，不是用原生js寫的，而是用vue.js寫的 html: <!DOCTYPE html> <html> <head> <meta
2020-02-20 23:32:01
原创 HTML5-新增API-檢測網絡連接狀態
之前可以通過window.navigator.onLine來檢測，用戶當前的網絡狀態，返回的是一個布爾值，但不同的瀏覽器之間會存在差異，所以HTML5提供了兩個新事件 online用戶網絡連接的時候被調用 offline用戶網絡斷
2020-02-20 23:32:01
原创 前端排序算法實現——JS快速排序
其實快速排序很簡單，只是對冒泡排序的一種改進。 快速排序的步驟： 1、找到數組的中間項，並把它移除 2、準備左右兩個新數組，循環數組剩下的每一項，比中間數小的，放左邊的數組中，比中間數大的放右邊的數組中 3、以遞歸的方式將左右兩邊
2020-02-20 23:32:01