原创 vue 2.9 創建第一個vue項目(包括 vscode工具 針對vue的配置 )

前期準備 vue 2.9的配置:http://blog.csdn.net/superkm/article/details/79533783 需要準備的環境和工具都準備好,接下來就開始使用vue-cli來構建項目。   在硬盤上找一個文件夾

原创 HTML 5的革新——語義化標籤

HTML 5的革新——語義化標籤2018-03-06 輕鬆學者HTML 5的革新之一:語義化標籤一節元素標籤。在HTML 5出來之前,我們用div來表示頁面章節,但是這些div都沒有實際意義。(即使我們用css樣式的id和class形容這

原创 vue cli3.x 開啓gzip,優化速度

gizp壓縮是一種http請求優化方式,通過減少文件體積來提高加載速度,對於用戶量多的網站,開啓gizp壓縮會大大降低服務器壓力,提高加載速度,降低服務器流量成本 安裝compression-webpack-plugin cnpm in

原创 vue cli3 使用nginx部署vue項目

Nginx的安裝與配置 Nginx官網下載所需版本安裝 解壓下載好的nginx 修改nginx配置文件,配置文件爲conf下的nginx.conf,修改nginx.conf中的server配置片段     裏面的相關注釋是在是太多了

原创 使用bluebird 解決 Promise 兼容iPhone8、9以下的問題

通過Promise 封裝的方法,在ie 和 iphone8以下會出現報錯異常情況,導致程序無法正確運行。 es6 Promise的支持i情況 解決方案 首先先保證代碼中的es6語法都被轉化爲es5語法(解決es6轉es5) 在頁面<

原创 babel 轉換外部js文件

本文針對非webpack,cli創建的項目,進行ES6轉ES5語法(iphone8操作系統以下的機型不支持es6語法,需要兼容轉換) 1,初始化npm環境,一直回車默認到最後。 npm init 根目錄下會自動生成package.jso

原创 webpack4 安裝配置及使用方法

webpack官網地址:https://webpack.github.io   1. 初探webpack 1.1 webpack的安裝 創建文件夾 webpack-test mkdir webpack-test cd webpack

原创 【微信小程序遇到的坑】 沒有找到 node_modules 目錄?(使用npm引入vant組件爲例)

從小程序基礎庫版本 2.2.1 或以上、及開發者工具 1.02.1808300 或以上開始,小程序支持使用 npm 安裝第三方包。 直接創建小程序,從 工具>構建npm,會彈出沒有找到node_modules目錄,因此以引入vant組件爲

原创 vue 實現簡單的audio播放器(帶倍速播放)

  滑塊使用的事vant組件的slider  https://youzan.github.io/vant/#/zh-CN/slider 圖標使用的是iconfont字體庫 使用原生audio屬性,實現播放各個環節的統計和不同狀態的展示,

原创 vue 仿抖音視頻列表(兼容微信內置X5瀏覽器)

製作 仿抖音視頻列表遇到很多坑,特別是安卓微信內置瀏覽器,讓人腦殼疼,核心代碼不多 便於理解 組件用到了vant 中的swiper滑動組件 h5 原生 video 屬性 webkit-playsinline ios 小窗播放,使視頻不

原创 vue-cli webpack 打包後 index.html文件 引用缺少引號

webpack 打包後 打開index.html文件 發現引用文件的引號都被過濾了 <script type=text/javascript src=./static/js/js/app.js></script> 因此,需要在webpa

原创 通過 Vue-cli3.1 搭建Vue項目(包含失敗情況處理)

Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推薦 8.11.0+)。你可以使用 nvm 或 nvm-windows在同一臺電腦中管理多個 Node 版本。 此時如果使用過cli2創建過項目,會出現創

原创 vue 白屏問題彙總

項目中偶爾會遇到vue 第一次打開白屏現象,針對這個問題,找了不同環境下的處理方法,留個紀念 1,ios10 出現白屏 原因是由於ios 10中Safari中錯誤描述如下:當你定義一個與參數同名的for循環迭代變量時,我們錯誤地認爲這

原创 【微信小程序遇到的坑】 es6 封裝request請求

爲了使代碼更精簡,便於理解和維護,使用 new Promise方法對request請求進行封裝 new Promise(resolve, reject) 含有兩個參數 resolve :成功時的調用 reject:失敗時的調用 app.j

原创 Vue面試中,經常會被問到的面試題/Vue知識點整理

看看面試題,只是爲了查漏補缺,看看自己那些方面還不懂。切記不要以爲背了面試題,就萬事大吉了,最好是理解背後的原理,這樣面試的時候才能侃侃而談。不然,稍微有水平的面試官一看就能看出,是否有真才實學還是剛好背中了這道面試題。 (都是一些基礎的