原创 js倒計時--天、時、分、秒， 到時間後自動停止
js倒計時–天、時、分、秒， 到時間後自動停止： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo
2018-11-04 09:28:02
原创 React-JSONResult使用（JSON展示）
效果： 封裝JSONResult JSONResult/index.js: import PropTypes from 'prop-types'; import styles from './index.less'; import
2018-11-04 09:28:02
原创 react動態添加樣式
一、使用ES6模版字符串 className={`title ${index === this.state.active ? 'active' : ''}`} 二、classnames庫的使用 安裝： npm install cla
2018-11-04 09:28:02
原创 React常用知識點
1、jsonResult - json展示 import { Tabs, Form, Input, Alert, Button, Spin } from 'antd'; import JSONResult from 'componen
2018-10-20 08:39:42
原创 html5+ React -進入和退出全屏實現
html5已經支持全屏API，不同瀏覽器實現方式不一，以下爲兼容方案： 一、不同瀏覽器的進入和退出全屏實現 // Webkit (works in Safari5.1 and Chrome 15) element.webkitReques
2018-09-04 20:48:17
12
原创 wangEditor富文本編輯器+react+antd的使用
1、github上發現富文本編輯器： 官網地址及github地址 2、結合react+antd的具體使用： 案例使用場景：MyModal爲彈窗，彈窗顯示 編輯名稱及描述。描述使用wangeditor富文本編輯器實現。 MyModal.js
2018-09-04 20:48:17
原创 JavaScript 模塊化發展與簡介
解決問題： 1.命名衝突 2.文件依賴問題 什麼是模塊化 將軟件產品看作一系列功能模塊的組合， 通過特定的方式實現軟件所需模塊的劃分、管理、加載。 模塊化開發演變 全局函數 命名衝突 文件依賴的問題 <script typ
2018-09-04 20:48:16
原创 js-工具類處理函數
一、 js-時間處理函數 項目需要，會用到很多時間處理函數，總結至此。有未提及的相關工具類方法或者有更高效的方法，希望大家留言補充。 時間格式化 //很給力的函數，幾乎覆蓋所有日期格式輸出 //時間格式化 function forma
2018-09-04 20:48:16
原创 React--key值詳解
項目中遇到不少的坑，例如組件的key影響加載，或者警告數組遍歷子元素要有一個唯一的key值等，今天彙總說一下： 參考博客 1、key的作用 react中的key屬性，它是一個特殊的屬性，它是出現不是給開發者用的（例如你爲一個組件設置key
2018-09-04 20:48:15
原创 一個DOM元素綁定多個事件時，先執行冒泡還是捕獲
問題引入： 一個DOM元素綁定兩個事件，一個冒泡，一個捕獲，則事件會執行多少次，執行順序如何。 這次不賣關思了，直接給你個答案。不理解你就繼續往下看。 綁定在被點擊元素的事件是按照代碼順序發生，其他元素通過冒泡或者捕獲“感知”的事件，按
2018-09-04 20:48:14
原创 Cookie 在前端中的實踐
對於很多不瞭解後端的前端er來說，很多涉及後端的知識點都是一道坎，因爲不懂後端，所以很多知識都只能在文章上得到，卻很少有機會實踐，導致很多這塊的知識點都是模模糊糊的。在這裏，推薦大家去學習一下 Node.js，嘗試一下就知道，用 Node
2018-09-04 20:48:14
2
原创 react出山了（一）
最近有時間，再把react重新過一遍。也把看到的一些資料，也在上面，方便回顧。 1、react最簡單的一個例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
2018-09-04 20:48:14
原创 react--props
一、react的props用以父組件向子組件傳遞參數 如下例所示： 1、propTypes用於驗證props的類型。 2、getDefaultProps用於設置props的默認值。 3、在父組件中通過屬性的方式，傳遞給子組件<Sub
2018-09-04 20:48:14
原创 Node.js之文件及文件流（fs，path，buffer，stream）
文件操作 1 文件模塊fs fs模塊---》操作文件---》io----》node的特長 fs模塊是node非常重要的模塊，能體現出node的優勢 fs.readFile() 讀文件 fs.writeFile() 寫文件 fs.ap
2018-09-04 20:48:14
原创 react-state的問題
react-state的問題 1、setState是異步的，在調用了setState之後，this.state的值並沒有立即改變，可能還是使用原來的值。 <!DOCTYPE html> <html lang="en"> <head>
2018-09-04 20:48:13