原创 編寫高能的js

常見編碼規範 將 js 腳本放在頁面底部,加快渲染頁面 將 js 腳本將腳本成組打包,減少請求 使用非阻塞方式下載 js 腳本 儘量使用局部變量來保存全局變量 遵循嚴格模式:"use strict"; 儘量減少使用閉包 減少對象成員嵌套

原创 關於Vue的“:src”綁定靜態圖片的問題

今天遇到一個問題,是關於在Vue的img標籤中,使用:src綁定本地靜態資源圖片的操作 我開始在data()中這樣寫的,並沒有把圖片加載出來: imgUrl: ('../../../assets/Ima-swiper/swiper4.j

原创 在函數裏存在的全局變量

(function(){ var a=b=5; })(); console.log(b); // 5 console.log(a); // a is not defined 分析: var a

原创 Flex彈性盒模型打破傳統css佈局方式——容器篇

Flex的核心是容器和軸,容器指父級容器和子容器,軸指主軸和交軸。 容器: 父級容器可以統一設置子容器的排列方式, 子容器可以單獨設置自己的排列方式, 如果兩者都設置了,以子容器爲準 父容器: justify-content:設置子容器沿

原创 對Vue基礎的掌握

一.初步認識MVVM模式: MVVM設計模式: M:數據層,對應Vue中data內容, V:視圖層,對應Vue中的html標籤內容 VM:是Vue提供的功能,對應Vue中methods裏的內容 Vue更多的是通過去寫數據層代碼

原创 Flex彈性盒模型打破傳統css佈局方式——軸篇

Flex的核心是容器和軸,容器指父級容器和子容器,軸指主軸和交軸。 軸: 主軸:justify-content;flex-direction 決定主軸的方向 flex-direction: row 向右 flex-direction: c

原创 單頁面應用與多頁面應用之間的比較

單頁面應用:       是用js渲染,每次頁面間的跳轉都是都通js把之前的頁面內容刪掉後,加上新的內容,這樣避免了每次跳轉去發送http請求,整個過程就只發送了一個http請求,頁面製作局部刷新或者更改,這樣切換頁面速度更快,缺點就是相

原创 JS中的this是如何工作的

代碼示例: var fullname="A" var obj= { fullname:'B', prop:{ fullname:'C', getF

原创 JS的對象篇

(1)BOM window對象 全局對象不能通過delete操作符刪除,直接在window上定義的屬性可以刪除 location對象 屬性: hash:地址欄#後面的內容 host:主機及端口號 hostname:主機名 p

原创 關於音樂播放器項目詳細解析

    項目碼雲地址:https://gitee.com/Snow28/MyMusic(如果覺得可以,麻煩給我鼓勵一個star) 這個是基於Vue2.0,vuex,vue-router,axios和html5的flexible box佈局

原创 Vue的數據綁定與生命週期

數據綁定: v-model的指令的值對應創建Vue實例中的data選項中的元素字段, 在data選項中可以聲明應用內需要雙向綁定的數據。 只要建立雙向綁定,修改其中任何一個,另一個也會一起變化。 var MyData={ a:1

原创 ECMAScript編寫異步任務

一、基本的異步任務 JavaScript中編寫異步任務使用的就是回調函數,如下面的例子: setTimeout(() => {  callback() }, 1000); 這個例子是最簡單的一個異步任務的例子:在1秒鐘後執行回調函數

原创 前端需要注意哪些SEO

合理的title、description、keywords:搜索對着三項的權重逐個減小,title值強調重點即可,重要關鍵詞出現不要超過2次,而且要靠前,不同頁面title要有所不同;description把頁面內容高度概括,長度合適,不

原创 關於操作系統——進程與線程

1. 進程 進程是資源分配的基本單位,用來管理資源(例如:內存,文件,網絡等資源) 進程控制塊 (Process Control Block, PCB) 描述進程的基本信息和運行狀態,所謂的創建進程和撤銷進程,都是指對 PCB 的操作。(

原创 Vue中關於router的使用

我對vue中動態路由的解釋,可以到https://blog.csdn.net/Gbing1228/article/details/103557064瞭解 一、解釋什麼是路由: 路由就是指向的意思 例如:點擊home按鈕,壓面中就顯示hom