原创 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(選擇第一個子元素),但有時候並沒有效果怎麼辦? 這時候你可以檢查一下該元素是否有其他兄弟元素。因爲當父元素的第一個子元素類型和該元素不同時,會失效。 場景舉例: <