原创 CSS如何實現單行、多行文本溢出顯示省略號
單行文本：方法/步驟 1 根據自己的需求編寫好模塊（如果你不是新手，直接看第二步！） HTML代碼： <div class="demo"><p>內容</p></div> CSS代碼： .demo{ width: 300px; hei
2020-06-13 22:10:02
原创 js判斷數據類型
js六大數據類型：number、string、object、Boolean、null、undefined string： 由單引號或雙引號來說明，如"string" number：什麼整數啊浮點數啊都叫數字，你懂的~ Boolea
2020-02-21 00:47:08
原创 可以輸入也可以下拉選擇的select
我們知道，一般select下拉框是隻能選擇的，不能用來輸入內容的。而有時我們會遇到下拉框中沒有要選擇的信息項或者下拉選項特別多時，我們可以讓select變成text，允許用戶輸入想要的內容，同時還可以在輸入的時候將包含關鍵字的項也列出來
2020-02-21 00:47:08
443
原创 js對象淺拷貝和深拷貝詳解
1.淺拷貝 拷貝就是把父對像的屬性，全部拷貝給子對象。 下面這個函數，就是在做拷貝： var Chinese = { nation:'中國' } var Doctor = { career:'醫生' } function e
2020-02-21 00:47:08
原创 HTML 標籤的 for 屬性
實例 帶有兩個輸入字段和相關標記的簡單 HTML 表單： <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" />
2020-02-21 00:47:08
原创 (function(){...})() 與 (function(){...}())
JS中函數有兩種命名方式 1、一種是聲明式。 而聲明式會導致函數提升，function會被解釋器優先編譯。即我們用聲明式寫函數，可以在任何區域聲明，不會影響我們調用。 function XXX(){}11 2、一種是函數表達式 函
2020-02-21 00:47:08
原创 JSON.parse()和JSON.stringify()
parse用於從一個字符串中解析出json對象,如 var str = '{"name":"huangxiaojian","age":"23"}' 結果： JSON.parse(str) Object age: "23"name:
2020-02-21 00:47:08
原创 socket.io 中文文檔
1. 服務端 io.on('connection',function(socket)); 監聽客戶端連接,回調函數會傳遞本次連接的socket io.sockets.emit('String',data); 給所有客戶端廣播消息
2020-02-21 00:47:08
原创 React-intl前端國際化
最近在項目中添加了語言國際化的功能。 語言國際化，也有人說成是語言本地化，其實就是爲Web App添加多語言，我們的項目當前包含了中文版和英文版，按理來說『逐字替換』也不是多大事兒，但是，這麼Low的做法，有錢途嗎？ 一開始的時候，我考慮
2020-02-21 00:47:08
1
原创 background-position 用法詳細介紹
語法： background-position : length || length background-position : position || position 取值： length : 百分數 | 由浮點數字和單位
2020-02-21 00:47:08
原创 $(window).width()與window.innerWidth的區別
window.innerWidth能獲得什麼數據？ 在自適應設計中，需要用js來判斷瀏覽器寬度，從而調整網頁寬度和佈局，我一開始用的是window.innerWidth。 window.innerWidth能獲取當前窗口的寬度(包含
2020-02-21 00:47:08
3
原创 react引入公用js文件
例:test.js中click_alert函數var CHAT = { click_alert:function(){ alert('觸發函數'); },};export default CHAT;demo.js
2020-02-21 00:47:08
原创 用 async/await 來處理異步
昨天看了一篇vue的教程，作者用async/ await來發送異步請求，從服務端獲取數據，代碼很簡潔，同時async/await 已經被標準化，是時候學習一下了。 先說一下async的用法，它作爲一個關鍵字放到函數前面，用於表示函數是
2019-05-21 16:02:29
原创 slice()、substring()、substr()的用法與區別
1.JavaScript slice() 方法 定義和用法 slice() 方法可從已有的數組中返回選定的元素。 語法 arrayObject.slice(start,end) 參數 描述 start 必需。規定從何處開始選取。如果是負
2018-12-19 13:54:02
原创 px、em、rem、rpx 用法 與 區別
PX px像素（Pixel）。相對長度單位。像素px是相對於顯示器屏幕分辨率而言的。 PX特點 1. IE無法調整那些使用px作爲單位的字體大小； 2. 國外的大部分網站能夠調整的原因在於其使用了em或rem作爲字體單位； 3. Fire
2018-12-13 01:49:01