原创 馬雲的一席話
關於堅持 今天很殘酷，明天更殘酷，後天很美好，但是大多數人死在明天晚上，看不到後天的太陽。 所謂堅持成功，不是堅持“一直成功”，而是堅持到“成功爲止”。 關於創新 做任何事，必須要有突破，沒有突破，就等於沒做。 行業飽和即意
2020-06-20 08:31:14
原创 ES6 新知識點 1.0
一、String.fromCodePoint()【 Unicode 碼點返回對應字符】 ES5 提供String.fromCharCode()方法，用於從 Unicode 碼點返回對應字符，但是這個方法不能識別碼點大於0xFFFF
2019-08-25 13:43:41
原创 Redux 初使用
Redux是什麼？ Redux是一個用來管理管理數據狀態和UI狀態的JavaScript應用工具。隨着JavaScript單頁應用（SPA）開發日趨複雜，JavaScript需要管理比任何時候都要多的state（狀態），Redux
2019-07-05 13:41:55
原创 React的生命週期 和 頁面優化
React的生命週期 和 頁面優化 先上React的生命週期圖 頁面優化問題在 shouldComponentUpdate 函數那裏寫的（有顏色備註） React聲明週期的四個大階段： Initialization:初始化階段
2019-06-22 13:41:04
原创 React的函數編程
函數式編程的好處是什麼？ 函數式編程是一種編程模式，在這種編程模式種最常用函數和表達式，函數式編程把函數作爲一等公民，強調從函數的角度考慮問題，函數式編程傾向用一系列嵌套的函數來解決問題。 函數式編程讓我們的代碼更清晰，每個功能都
2019-06-20 13:40:43
原创 JSX防踩坑
JSX防踩坑JSX代碼註釋JSX中的class陷阱JSX中的html解析問題JSX中標籤的坑 JSX語法中需要注意的幾個小坑。 JSX代碼註釋 錯誤實例 <Fragment> //第一次寫註釋，這個是錯誤的 <di
2019-06-17 13:49:34
原创 全屏和退出全屏
將div全屏與退出全屏，一般播放器使用較多。 不多說 直接上代碼 //html部分 <button οnclick="showFull();">全屏</button> <button οnclick="delFull();">
2019-06-10 14:03:18
原创 Vuex使用 2
*state訪問狀態對象 訪問狀態對象就是SPA（單頁應用程序）中的共享值。狀態對象賦值給內部對象，也就是把stroe.js中的值，賦值給模板裏data中的值 通過computed的計算屬性直接賦值 computed屬性可以在輸出前，
2018-12-12 12:52:44
原创 JSP中EL表達式三元運算符的使用
Java中的三元運算符爲：條件?條件爲true值:條件爲false的值 EL也有一樣的運算符，用EL的三元運算符有時可以代替c:choose標籤，爲我們的工作省下很大力氣。 比如gender爲0顯示男，其餘顯示女，我們可以這麼寫： <
2018-11-26 11:25:16
2
原创 時間戳轉換成 標準時間（例：2018-10-30）
function timestampToTime(timestamp) { var date = new Date(timestamp * 1000); //時間戳爲10位需*1000，時間戳爲13位的
2018-11-04 12:25:26
原创 倆個數組對比去重
#倆個數組去重 （鍵值對類型的） var arr=[{"id":1,"value":1},{"id":2,"value":2},{"id":3,"value":3}]； var arr1=[{"id":1,"value":1},{"
2018-10-27 11:55:10
原创 Vuex使用 1 加簡單案例
Vuex使用 1 1、安裝 vuex。在控制命令行中輸入下邊的命令就可以了。 npm n install vuex --save 2、新建store.js文件（可以新建一個文件夾放），文件中引入我們使用的vue和vuex。 impo
2018-10-20 11:29:43
原创 獲取N天前日期
//獲取當前日期 var myDate = new Date(); var nowY = = myDate.getFullYear()ar(); var nowM = = myDate.getMont
2018-10-20 11:29:43
原创 img標籤的onerror事件
有時，img標籤中的src圖片加載失敗，原來的圖片位置會出現一個碎片圖標，用戶體驗會下降。 通過百度，可以給img標籤加背景圖片，代碼如下： .headLogo img{ display: block; width:
2018-10-20 11:29:43