原创 element-ui rate作爲子組件使用報警告錯誤:Avoid mutating a prop directly since the value will be overwrit...

使用element-ui裏的rate組件 如圖,在使用element-ui 的rate組件作爲一個子組件賦值時,報了上圖的錯誤。官方文檔參數配置說明可以這麼配置: 然而子組件內不應該用 v-model,因爲 v-model 只是一個

原创 window7下sublime text 3黑色背景時鼠標的文本選擇光標爲黑色解決

在window7下安裝了sublime text 3,編輯窗口是黑色的背景,鼠標點擊的時候,能夠看到閃爍的光標,但移動鼠標的文本選擇光標時,卻無法看到,因爲這個移動中的光標是黑色的,與背景色相近,在這種情況下,根本找不到鼠標的位置。原以爲

原创 包裹着img的標籤大小固定,img不固定大小時的圖片垂直居中

當前有這樣一個需求,用一個容器去裝載一個不確定大小的img標籤,但又需要這個圖片是垂直居中的效果,由於無法預先確定圖片大小,因此也就無法使用css中常用的方法去實現其垂直居中的效果,能夠想到的就是通過js動態取得圖片的大小,再根據這個圖片

原创 ajax封裝

ajax的流程: 瀏覽器需要向服務器發送或者獲取數據,因此需要先創建一個ajax對象;然後連接服務器,把請求的消息發送過去;服務器接收到請求,處理請求,把請求處理結果返回來給瀏覽器;瀏覽器根據返回結果做出處理。 具體步驟: 1、創建Aja

原创 js常用本地對象RegExp使用

RegExp對象的常用方法: 下面的兩個是正則常用的匹配寫法: /* * 匹配第一個"bat"或"cat",不區分大小寫 */ var pattern1 = /[bc]at/i; /* * 與 pattern1 相同,只不過是使用構造函數

原创 js常用本地對象String的使用

String的常用方法: 這裏只列舉使用頻率比較高的幾個方法。 查找指定位置的字符的方法:charAt(index) var str="Hello world!Hello world!"; console.log(str.charAt(0

原创 js面向對象實現無縫輪播圖

下面是實現代碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>面向對象輪播圖</title> <style

原创 js面向對象實現元素拖拽

先對其中的一些將要使用到的event對象及屬性進行說明: event.clientX、event.clientY 鼠標相對於瀏覽器窗口可視區域的X,Y座標(窗口座標),可視區域不包括工具欄和滾動條。IE事件和標準事件都定義了這2個屬性。

原创 JavaScript中for循環總是輸出最大值問題的幾種解決方式

假設我們做一個選項卡,可以通過點擊每個li來進行切換,但這個時候使用for循環來獲取對應的每個li值時,發現了一個問題,就是無論你點擊哪一個li,它總是輸出最後的一個值,而解決這個問題的方法,有下面的幾種: 這裏是html的部分代碼,我用

原创 js查找字符串中出現次數最多的字符

查找字符串中出現次數最多的字符,並且次數相同時也能夠輸出: function maxTime(str){ var arr = [];//定義一個用於保存切割後的字符串的數組 arr = str.split('');

原创 jsonp跨域

什麼是跨域: 這是一個普通的網址:http:// www . google : 8080 /script/jquery.js   http:// (協議號)   www  (子域名)   google (主域名)    8080 (端口

原创 js常用本地對象Array使用

Array對象的常用方法: 連接兩個或多個數組:concat(array1,array2,…arrayn) var arr1 = [1,2,3]; var arr2 = [4,5,6]; console.log(arr1.concat(a

原创 CSS3實現一個鼠標跟隨動態旋轉效果

技術點:CSS3裏的3D旋轉 實現這個效果需要對CSS3的3D旋轉還有對JQuery有一定的認識,因爲這是本效果具體使用到的技術;這裏不去詳細講解這兩個基礎知識點,只講具體實現思路以及實現代碼。 我將這個會跟隨變化的盒子分成四個區域

原创 js常用本地對象Date使用

Date常用方法: 返回當前的日期與時間:Date() console.log(Date());//結果是Sat Jul 01 2017 10:14:11 GMT+0800 (中國標準時間) 這是惟一一個不需要掛載對象就可以使用直接輸出結

原创 JavaScript 本地對象、內置對象、宿主對象

什麼是宿主環境? 宿主環境一般由外殼程序創建和維護,它不僅僅爲JavaScript語言提供服務,往往一個宿主環境中可能運行很多種腳本語言。 宿主環境一般會創建一套公共對象系統,這套對象系統對所有腳本語言開放,並允許它們自由訪問。同時,宿主