原创 js實現搜索框模糊查詢

需要給input框綁定一個onChange事件function inputChange(e) { var queryList = this.props.course.queryList; var list

原创 React生命週期及事件詳解

一、組件的詳細說明和生命週期 組件的詳細說明 當通過調用 React.createClass() 來創建組件的時候,你應該提供一個包含 render 方法的對象,並且也可以包含其它的在這裏描述的生命週期方法。 render

原创 前端實現圖片懶加載,提高用戶體驗

定義 圖片懶加載又稱圖片延時加載、惰性加載,即在用戶需要使用圖片的時候加載,這樣可以減少請求,節省帶寬,提高頁面加載速度,相對的,也能減少服務器壓力。  惰性加載是程序人性化的一種體現,提高用戶體驗,防止一次性加載大量數據,而是根據用

原创 HTTPS相關原理

在互聯網安全通信方式上,目前用的最多的就是HTTPS配合SSL和數字證書來保證傳輸和認證安全了。本文追本溯源圍繞這個模式談一談。1 名詞解釋首先解釋一下上面的幾個名詞:· HTTPS:在HTTP(超文本傳輸協議)基礎上提出的一種安全的HT

原创 HTML5 video 標籤瀏覽器兼容問題

小示例代碼地址:https://github.com/danhuan/video-demo IE8、火狐、谷歌測試通過。使用需要注意的問題:1.多種格式視頻不可以只有MP4格式,一定要引入Ogg格式視頻,否則在火狐上會不兼容報錯。 推薦個

原创 常用的正則表達式彙總

1、校驗數字的表達式 1 數字:^[0-9]*$  2 n位的數字:^\d{n}$ 3 至少n位的數字:^\d{n,}$  4 m-n位的數字:^\d{m,n}$  5 零和非零開頭的數字:^(0|[1-9][0-9]*)$ 

原创 H5實現調用本地攝像頭實現實時視頻以及拍照功能

getUserMedia API HTML 5 的getUserMedia API提供了訪問媒體的能力, 基於該特性, 開發者可以不依賴任何瀏覽器插件下去訪問視頻和音頻等設備. 舊版API : navigator.getUser

原创 前端特效:使用js實現奇幻水母效果

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cloth</title> <style> html { overflow:

原创 小技巧css解決移動端ios不兼容position:fixed屬性,無需插件

移動端開發仿app頭部底部固定設置position:fixed,android2.2以上已經實現。但是在ios8以下系統,當小鍵盤激活時,都會出現位置浮動問題。如圖:如何解決:查閱資料之後想到一下幾種解決方法1,使用position:ab

原创 微信掃描打開app下載提示用戶打開瀏覽器進行下載

1.介紹       將打包好的apk文件部署到服務器,把下載頁面的URL通過草料二維碼或根據url代碼生成一個二維碼,由於微信對apk文件經行了屏蔽,所以需要提示用戶微信內無法下載,請點擊左上角按鈕,選擇在瀏覽器中打開進行下載等提示。那

原创 js遞歸遍歷數組獲取所有的葉子節點

var arr=[];function queryList(json,arr) { for (var i = 0; i < json.length; i++) { var sonList = json[i].son

原创 拖拽排序插件sortable

簡介 Sortable.js是一款輕量級的拖放排序列表的js插件(雖然體積小,但是功能很強大) 下載地址:https://github.com/RubaXa/Sortable官方DEMO:https://rubaxa.github.

原创 各類證件類型的格式校驗

1、身份證校驗 function isCardID(sId) { var that = this; var aCity = { 11: "北京", 12: "天津", 13: "河北", 14:

原创 CSDN如何轉載別人的文章

  對於喜歡逛CSDN的人來說,看別人的博客確實能夠對自己有不小的提高,有時候看到特別好的博客想轉載下載,但是不能一個字一個字的敲了,這時候我們就想快速轉載別人的博客,把別人的博客移到自己的空間裏面,當然有人會說我們可以收藏博客啊,就

原创 sass知識點整理

sass 有兩種後綴名文件:一種後綴名爲 sass,不使用大括號和分號;另一種後綴名爲 scss ,這種和我們平時寫的 css 文件格式差不多,使用大括號和分號。建議使用後綴名爲 scss 的文件,以避免 sass 後綴名的嚴格格式要求