原创 Vue移動端音樂播放器之scroll組件的封裝

先安裝better-scroll,在script部分先引入,然後配置以後再用到滾動的時候直接引入這個組建就可以使用了

原创 CSS3動畫之transition與animation詳解

因爲在項目中經常使用到transition,而且在學習vue過程也有transition過渡,因此在這裏着重瞭解一下: W3C的官方文檔中是這樣闡述transition的:CSS的transition允許css的屬性值在一定的時間區間內平

原创 解決 github push failed (remote: Permission to userA/repo.git denied to userB.)

【前言】當你看到這篇文章時,很高興,你不用再去各大網站再去搜索這個問題的解決方案了,因爲這篇文章可以幫你徹底解決問題。請耐心地閱讀完。 本文假設了兩個用戶 userA 和 userB ,userA的github項目名爲 repo 當你在使

原创 vue項目在移動端的調試

首要條件:同一局域網下(大致理解爲鏈接相同的wifi)     1:命令行運行 ipconfig     2:                     得到ipv4值, 用該值替換localhost     例如 localhost:80

原创 js中setAttribute用法詳解

jssetAttribute基本用法element.setAttribute(attributename,attributevalue)setAttribute() 方法添加指定的屬性,併爲其賦指定的值,看到w3c的例子document.

原创 ES6中Object.assign()方法

對象的擴展 1.ES6中,對象的屬性和方法可簡寫:對象的屬性值可不寫,前提是屬性名已經聲明; const name = "zhangsan"; const password = "2222222"; const

原创 使用jsonp抓取QQ音樂上的數據

1.JSONP的用途和原理 使用JSONP主要是目的通過動態創建Script,動態拼接url,進而抓取數據,實現跨域。確切地說,AJAX請求由於同源影響,是不允許進行跨域請求的,而Script標籤src屬性中的鏈接卻可以訪問跨域的js腳本

原创 關於git命令的筆記

一 、git的導入 git的初始化 初始化姓名和郵箱(會在~/.gitconfig 下設置) git config --global user.name "firstname lastname" git config --global

原创 win10安裝MongoDB教程

1.在官網下載最新的安裝文件 下載地址 : https://www.mongodb.com/download-center#community 可以在MongoDB官網選擇Community Server版本下載,但是它似乎經常沒有響應。

原创 axios調取本地mock數據 以及實現跨域(node代理)

需要與後臺進行數據交互  這裏使用本地json數據來模仿後臺數據交互流程 我們使用了mock數據(模擬後臺數據) 作爲前端經常需要模擬後臺數據,我們稱之爲mock。mock 的真正意義在於簡化測試環境。假如你現在要測試一個dao,但是你有

原创 設備像素,設備獨立像素,CSS像素 & meta viewport

前言 學習移動端開發是總會遇到這樣的問題,不如就一次性把這些問題弄清楚,這邊文章是轉載別的的,覺得很有用就轉載過來了。勿噴!!! 這兩個屬性說難不難,說容易又不易容。但如果你弄明白了這個,你就明白了一些東西,一些你常常用但卻不知道爲什麼的

原创 vue仿餓了麼app中vue和better-scroll實現列表左右聯動效果

一.實現思路(1)實現上是左右分別一個better-scroll列表 (2)利用計算右側列表每一個大區塊的高度來計算左側的位置12二.實現1.實現左右兩個better-scroll(1)dom結構(better-scroll要求,會把最外

原创 關於學習TS中的一些筆記

前段時間學習了ts,做了一些筆記,想着還是發到博客上來! console.log('你好呀!TS') function getData() { } let str: string = '你好TS' console.log(str) l

原创 發佈/訂閱者模式,以及vue中更新數據原理解析

 發佈/訂閱者模式 要搞清楚vue中的雙向數據綁定原理,就必須理解什麼是發佈、訂閱者模式!!  1、首先想好誰是發佈者、誰是訂閱者(例如NBA專欄就是發佈者,NBA球迷就是訂閱者)  2、然後給發佈者添加一個緩存列表,用於存放回調函數用來

原创 利用GitHub在線預覽vue項目

問題1 當我們在命令行執行 npm run build 後,項目的目錄下會生成一個 dist 文件夾,它裏面又包含一個 static 文件夾和一個 index.html 文件,這是 webpack 最終打包好的文件       我們先嚐試