原创 初學者學習vue,用vue-cli快速創建一個vue項目結構

前提條件:安裝node,webpack,vue-cli。 創建好後目錄如下: 參考文章 一個簡單的vue項目就建好了。 在項目目錄下運行npm run dev, 在瀏覽器訪問,出現一下頁面即爲成功。

原创 .md文件轉換成.html文件

1、安裝i5ting_toc 在已安裝node的情況下,安裝 i5ting_toc npm install i5ting_toc -g 2、執行i5ting_toc -f XXXX.md 會生成priview文件夾,下面會生

原创 vue打包後,圖片不顯示,img路徑404

vue打包後,背景圖片不顯示了 遇到的問題:開發時圖片好好的,打包後,圖片不顯示,如下圖,轉盤背景圖沒有了: 首先,說一下項目裏圖片引入的三種方式: 在頁面中,通過<img src=''>路徑"屬性; 在css文件中,通過背景

原创 微信公衆號開發之禁止分享

微信開發之禁止分享 既然是微信的分享功能,當然要用微信接口,微信接口在調用時有兩種方式,但是前提是頁面要引入微信的js-JDK 方法一:通過配置wx.config(),config:ok後,會執行wx.ready(functio

原创 h5頁面使用html2canvas實現截圖功能

項目中用到,將暱稱合併成圖片,以下爲代碼: <script src="js/html2canvas.min.js"></script> <div id="box">暱稱</div> <img src="./images/bg.jp

原创 vue項目中怎麼引入weui及在vue中weui的簡單使用

方案一:main.js中引入 (1)、安裝weui.js weui樣式 npm install weui.js weui -S (2)、引入weui.js weui樣式 import Vue from 'vue' import

原创 vue項目打包後vendor文件過大,如何優化?解決辦法

1、路由懶加載 – 我們都瞭解,vue在上線的時候,是用webpack工具,把所有組件裏的js文件,css文件都打包到一起,我們看起來很清晰,彷彿很優秀的樣子,額,但實際上就是很優秀的樣子。不過裏面的問題就是,所有組件裏的js都會

原创 vue-cli3.0的安裝使用

怎麼辦我也很絕望,在我學習vue的路上殺出來個程咬金——vue-cli3.0,能怎麼辦,盤它! 下面記錄一下我在首次使用vue-cli3.0的過程 第一步:卸載自己的vue-cli npm uninstall vue-cli

原创 h5頁面使用音頻/視頻播放的經驗

// 錯誤寫法 $("video").play() $("audio").play() // 正確寫法播放視頻 $("video")[0].play() $("audio")[0].play() 真的是**too young t

原创 地址欄取值

上代碼: //http://xx.xxxxxxxxxxx.com/project/?code=061ok33917FX2O1wVS591GpZ291ok33r&state= var code = getQueryString('c

原创 微信頁面監聽返回事件,關閉頁面

$(function(){ pushHistory(); window.addEventListener("popstate", function(e) { //alert("我監聽到了

原创 iosH5頁面video標籤內嵌播放

<video width="100%" x5-playsinline="" playsinline webkit-playsinline="true" poster="/img/videoPrev

原创 canvas截取視頻的第一屏爲預加載圖片

getVideoPic () { let video = document.getElementsByClassName('video')[0] let canvas = document.createElement('c

原创 TypeError: Cannot read property '_wrapper' of undefined

click事件不存在哦~

原创 微信小程序動畫-倒計時縮放

剛接觸小程序,項目需要做個動畫的倒計時,本來css3的animation用着挺好,但考慮到,微信提供了這個東東,那在這裏就嘗試用一用微信小程序的wx.animation,我理解的小程序動畫就是用js來控制動畫的開始和結束。 動