原创 vue中通過數據雙向綁定給video標籤的src賦值,只有第一次有效,怎麼解決?
場景:在一個視頻列表頁面,點擊視頻列表,則全屏播放視頻。全屏播放是一個公用組件,每次點擊視頻列表則把該視頻的播放地址通過vue的數據雙向綁定到組件中的video標籤,如下: <video controls="controls" :pos
原创 Chrome瀏覽器安裝Axure插件
工作中,產品經理、UI設計以及前端開發人員基本都會用到Axure,Axure生成的html文件我們需要用Chrome瀏覽器打開,前提是我們的Chrome瀏覽器已經安裝了Axure插件(擴展程序)。老版本的Chrome瀏覽器安裝插件可以直接
原创 Google Map API 的基礎使用
因爲公司業務由國內市場到國際市場,有一些國際性業務的項目需要用到Google Map。項目完成後,把一些常用的方法寫出來,供大家參考。 一、google地圖基礎顯示 (1)引用google map js資源 <!--國內可用--> <s
原创 不同地圖座標系的座標轉換
目前主要有哪些座標系: 大地座標系統(WGS-84):用來表述地球上點的位置的一種地區座標系統,主要用於國外地圖。 火星座標系(GCJ-02):對真實座標系統進行人爲的加偏處理,如大多數國內地圖:高德地圖、騰訊地圖。 百度座標系(BD-0
原创 vue中通過數據雙休綁定給video標籤的src賦值,只有第一次有效,怎麼解決?
場景:在一個視頻列表頁面,點擊視頻列表,則全屏播放視頻。全屏播放是一個公用組件,每次點擊視頻列表則把該視頻的播放地址通過vue的數據雙休綁定到組件中的video標籤,如下: <video controls="controls" :pos
原创 JavaScript中call()和apply()的用法及區別
call(), apply()都屬於Function.prototype的一個方法。它們有相同點也有不同點。 相同點: 1、產生的效果和作用是完全相同的; 2、至少有一個參數,第一個參數必須是一個對象Object。 不同點: 二者傳遞參數
原创 jQuery中get()和eq()的區別
get返回的是一個DOM對象,是獲取的元素數組。 eq返回的是一個jquery對象。返回的是jQuery對象,就可以繼續調用其他方法,返回的是元素數組就不能調用。 例如下面的代碼就會報錯: $("#li
原创 vue項目設置img標籤的默認圖片
方法一: 首先看看以前(非vue)項目是怎麼設置img標籤的默認圖片: // 設置默認圖片 <img src="http://res.spreadwin.com/gmc38PE.jpg" alt="" οnerrοr="this.src
原创 italic與oblique的區別
一般情況下我們對字體樣式進行設置的時候,font-style設置爲italic和oblique效果是一樣的。那italic與oblique到底有什麼區別呢? w3c官方解釋爲: italic:瀏覽器會顯示一個斜體的字體樣式。 obliqu
原创 SQLyog 連不上MySQL , 並出現1045錯誤的解決方法
先來看一下是什麼錯誤吧: 我是在安裝數據庫後,第一次運行SQLyog出現的這種情況。下面是解決方法: 第一步:停止MySQL服務。具體方法可以點擊查看我上次寫的博客:打開和關閉mysql服
原创 瀏覽器中遮罩層鏤空效果的多種實現方法
前端開發中我們有時候會做到頁面遮罩層鏤空的效果,那什麼是頁面遮罩層鏤空效果,我們先來看一看下圖的這個效果。下圖是我昨天在實際工作中完成的頁面效果: 做這個效果的時候有以下注意的地方: 1、兼容IE7及以
原创 打開和關閉mysql服務的兩種方法
方法一:使用cmd命令 首先,打開我們的dos窗口,開始-運行-輸入cmd。 如上圖所示,輸入net start mysql 回車即可啓動,輸入net stop mysql 回車即可關閉。
原创 vue-cli3項目更改favicon圖標
vue-cli3項目有默認的favicon圖標,如下圖: 一般我們都需要把favicon圖標更改爲我們對應項目的logo圖標,方法如下: 第一步: 將項目public目錄下的原圖標替換爲新圖標,名稱和後綴保持不變。 第二步: 在項目
原创 img標籤訪問圖片時返回403 forbidden的問題
如果在頁面img標籤訪問圖片時返回403報錯時,需要在頁面頭部加入以下代碼: <!--隱藏發送請求時請求頭表示來源的referrer字段--> <meta name="referrer" content="no-referrer" />
原创 first-child僞類選擇器沒有效果(不起作用)
我們在開發時,經常會使用到結構性僞類選擇器,如 first-child(選擇第一個子元素),但有時候並沒有效果怎麼辦? 這時候你可以檢查一下該元素是否有其他兄弟元素。因爲當父元素的第一個子元素類型和該元素不同時,會失效。 場景舉例: <