原创 CSS碎片小知識
CSS碎片小知識 1. 塊元素內兩端對齊 div { display: flex; justify-content: space-between; } 當該塊元素裏面只有一個行內元素時， 居左顯示； 當該塊元素裏面有兩個行內元
2019-01-09 17:14:44
原创 Vue 學習過程中遇到的一些問題
Vue 學習過程中遇到的一些問題 1. webpack安裝失敗 解決：方法有點笨，但實用，我是卸載node，重新安裝哈哈哈，剛開始只是自己刪除了node的一個文件夾，但好像沒什麼用 第二次在網上查了查，說是要把之前設置的關於node的
2019-01-04 19:55:22
原创 js 關於選擇框的選中取值問題
js 關於選擇框的選中取值問題 獲取按鈕元素 獲取全部複選框 $('input[type="checkbox"]') 選中按鈕 $("#bt").attr("checked",true);//true等同於"checked"
2019-01-03 17:42:05
原创 css 解決文本溢出問題
單行文本溢出 字數過多超過盒子時，以"…"形式顯示 p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* 不換行 設置如何處理元素內的空白
2019-01-03 17:42:05
原创 js 獲取地址欄參數的兩種方法以及window的一些常見用法
js 獲取地址欄參數的兩種方法 1. 傳統方法獲取： function getParas(){ var href = location.href.split("?")[1]; var paras = href.includes("
2019-01-03 17:42:05
原创 js 實現簡單的星星值打分
此實例只能實現簡單的0-5整數值打分 直接po代碼： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"
2019-01-03 17:42:04
原创 js 各種碎片小知識
獲取包含某個屬性的元素 $('img[name="dog"]') 獲取不包含某個class的元素 $('p:not(.hide)') delay()方法：將程序暫停一段時間 $("div").delay(1000).hide();/
2019-01-03 17:42:04
原创 H5調用移動端手機攝像頭
H5調用移動端手機攝像頭 capture表示，可以捕獲到系統默認的設備，比如：camera照相機；camcorder攝像機；microphone錄音。accept表示，直接打開系統文件目錄。 <label> 照相機: <input
2019-01-02 17:38:12
原创 前端人員從photoshop中獲取css代碼的方法
轉自https://blog.csdn.net/xiaoermingn/article/details/53244117 很多時候拿到設計圖的時候，如果UI沒有給配色、字體大小什麼的說明文件，這時就需要我們自己去取，傳統的方法是在
2019-01-02 17:38:12
原创 js時間日期與時間戳的相互轉換
js時間日期與時間戳的相互轉換 前端與後臺交互時經常會需要轉換時間戳，或許你可以讓後臺幫你轉換，但是自己掌握這點小技能還是挺好的哈哈。 將日期轉換爲時間戳格式 將當前日期轉換爲時間戳格式 var now = new Date(
2019-01-02 17:38:12
原创 js 獲取元素的html代碼
js 獲取元素的html代碼 //html代碼 <p id="el">Gotcha！</p> //js代碼 var ccc = $("#el").prop("outerHTML"); console.log(ccc); //<p id
2018-12-29 17:32:30
原创 js 判斷字符串中是否包含某個字符串
js 判斷字符串中是否包含某個字符串 #1 indexOf方法 //str.indexOf("")的值爲-1時表示不包含 var str = "hello Tara"; if(str.indexOf("Tara") !== -1){
2018-12-29 17:32:20
原创 點擊圖片查看大圖，讓大圖居中顯示
點擊圖片查看大圖，讓大圖居中顯示 需求：因爲圖片大小不一，有的圖片比較長，一般的居中方法會使大圖被截掉 html部分 <div class="isImg"> <img src="https://avatar.csdn.net/5/F
2018-12-29 17:32:09
62
原创 js實時監控文本框內容變化
js實時監控文本框內容變化 $("input").bind("input propertychange",function(){ //Do Something }); 簡單小實例 <!DOCTYPE html> <html> <h
2018-12-29 17:32:09
4
原创 js 解決安卓端軟鍵盤遮擋文本框的方法
js 解決安卓端軟鍵盤遮擋文本框的方法 在工作中需要寫h5頁面供給安卓和ios開發使用，所以會遇到各種不兼容的問題 點擊文本框輸入東西時，ios端文本框會正常彈出到軟鍵盤之後，但是安卓端的文本框就會還在原處，軟鍵盤彈出後就會遮擋文本框
2018-12-29 17:32:09
1