原创 layui時間控件閃退問題

記錄layui laydata控件閃退的問題 問題描述:點擊input框時,時間選擇框會出現閃退的情況 #問題分析:經查看發現實際上是時間彈窗自身計算了當前瀏覽器的可用高度,當高度不足以顯示時間選擇框時,則會自動偏移,導致鼠標可以

原创 js字符串常用方法總結

1. substring:不改變原數組,返回一個新數組 只傳一個參數,表示從此位置一直截取到結束 var str = "substring" ; var newStr = str.substring(1); console.log

原创 常用過濾器

常用過濾器 過濾器去除空格 過濾器時間處理 過濾器數字轉大寫 過濾器保留兩位小數 //去除空格 type 1-所有空格 2-前後空格 3-前空格 4-後空格 function trim(value, trim) { switch

原创 前端xss攻擊

前端安全之XSS攻擊 XSS定義 XSS, 即爲(Cross Site Scripting), 中文名爲跨站腳本, 是發生在目標用戶的瀏覽器層面上的,當渲染DOM樹的過程成發生了不在預期內執行的JS代碼時,就發生了XSS攻擊。 跨

原创 淺談閉包

閉包 當一個函數的內部函數使用了外部函數的局部變量時, 產生的一個對象(包含了所有使用了的變量) 作用: 在函數執行完後, 局部變量還會存在 function outer(){//在一個函數外部能夠訪問到這個函數內部函數的變量

原创 簡析ES5、ES6數組方法

ES5、Es6之數組方法 1、ES push()接受多個參數,並將這些參數放置於數組尾部,返回新數組的長度,原始數組發生改變。 pop()不接收參數,從數組尾部刪除一個元素,並返回這個刪除的元素,原數組發生改變。 un

原创 移動端開發需要注意事項

1. webkit內核中的一些私有的meta標籤 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"

原创 web性能優化

1.減少外部HTTP請求 網頁加載的時間與http請求密不可分,而外部資源的加載的速度則與主機服務提供商服務器架構和分佈地點有關。我們可以通過檢查自己的網站上多餘的圖片、css、JavaScript和一些組件,然後對應的去逐個完善

原创 淺談css3動畫與js動畫優缺點

優點 css3 CSS3動畫在性能上會稍微好一些,瀏覽器會對CSS3的動畫做一些優化(比如專門新建一個圖層用來跑動畫) 代碼相對簡單 js 控制能力強,可以單幀的控制和變換。 寫的好,寫的好的話,完全可以兼容IE6 缺點

原创 水平垂直居中

已知高度和寬度的元素 方案一:設置父元素爲相對定位,給子元素設置絕對定位,top: 0; right: 0; bottom: 0; left: 0; margin: auto; <style> #father {

原创 computed和watch區別

觸發條件不同 computed計算屬性會依賴於使用它的data屬性,只要是依賴的data屬性值有變動,則自定義重新調用計算屬性執行一次。 watch則是在監控的data屬性值發生變動時,其會自動調用watch回調函數。

原创 web前端面試題含答案

你是怎麼理解 H5 的? html5 是一個 html 的新版本,裏面包含有很多的語義化標籤 H5 應該包含三部分內容 HTML5+css3+js,HTML 用來做頁面佈局、css 用來控制頁面的顯示效果、js 用來做頁面交互邏輯

原创 原生js、jQuery、vue.js、react 阻止事件冒泡

原生js、jQuery、vue.js、react 阻止事件冒泡 一、什麼是事件冒泡 一條魚往上吐泡泡,這個泡泡就是事件,一直往上冒的過程中去把它經過的所有元素,只要這個元素身上有相同事件,就會去執行該元素的該事件,沒有相同事件就

原创 js十大排序

冒泡排序 //兩兩比較,如果第一個值比第二個值大,交換位置,第一輪結束後,得到最大值 //以此類推 function bubbleSort(arr) { var temp; for(var i=0; i<arr

原创 MongoDB操作指令

1、mongo的基礎指令 show dbs 獲取你當前所有的數據庫 use dataBase_name 創建數據庫(沒有-創建/存在-使用) db 指查詢你當前的數據庫 db.stats() 查詢你當前數據庫的狀態 db.drop