typescript安裝編譯運(yùn)行 安裝全局的typescript，npm install -g typescript(只需要安裝一次) 編譯方式一： 根目錄下執(zhí)行 tsc i...
IP屬地：海南
-
Typescript安裝編譯與數(shù)據(jù)類型 -
高級(jí)TypeScript類型
本文將提供使用typescript高級(jí)類型（Record，Partial，Required，Pick , Omit）如何在react中使用的示例。 Record typeSc...
-
深入淺出Object.defineProperty()講解大致會(huì)根據(jù)下圖展開 本文部分參考了書籍《你不知道的javascript》上卷 對(duì)象的定義與賦值 經(jīng)常使用的定義與賦值方法obj.prop =value或者obj['pro...
-
瀏覽器渲染機(jī)制、重繪、重排
網(wǎng)頁(yè)生成的過程 HTML解析器會(huì)將html解析成DOM樹 CSS解析器會(huì)將css解析成CSSOM樹 結(jié)合DOM樹和CSSOM樹，生成一顆渲染樹（render DOM） 將所有...
-
@碼代碼的青年 可以使用 let CryptoJS = require('crypto-js') 引入使用
crypto-js 加密
項(xiàng)目中，為了安全性考慮，登錄時(shí)會(huì)對(duì)賬號(hào)密碼進(jìn)行加密，一般會(huì)通過MD5、AES進(jìn)行加密，本文將介紹crypto-js，也就是AES方式在vue項(xiàng)目中加密的用法。 安裝 加密、解...
-
React 列表與表單
列表 在React中，拿到一組數(shù)據(jù)后，一般會(huì)用map方法來遍歷渲染。 表單 HTML 表單元素與 React 中的其他 DOM 元素有所不同,因?yàn)楸韱卧厣鷣砭捅Ａ粢恍﹥?nèi)部狀...
-
React 狀態(tài)提升
在不使用任何狀態(tài)管理方案的前提下，React 組件之間共享狀態(tài)，只能靠 props 傳播。 父->子的傳播非常容易，直接 A->B 子->父 ：調(diào)用父組件傳遞過來的方法去實(shí)現(xiàn)...
-
React條件渲染
react條件渲染的形式有4種。常用的為&& 和 三目運(yùn)算 元素變量控制 它可以幫助你有條件地渲染組件的一部分，而其他的渲染部分并不會(huì)因此而改變。這個(gè)變量必須是狀態(tài)變量，才可...
-
Hooks
useState useEffect useEffect可以直接讀取組件內(nèi)的state，并且默認(rèn)情況下每次渲染的時(shí)候都會(huì)執(zhí)行。（因?yàn)橐部梢蕴^它） 清除effect(可選) ...
-
前端js 分頁(yè)功能
雖然項(xiàng)目大多數(shù)的分頁(yè)都是在后端做，但有些業(yè)務(wù)場(chǎng)景不適合在后端做分頁(yè)，就需要前端的小??愛們?nèi)?shí)現(xiàn)。 效果 實(shí)現(xiàn)思路 data：源數(shù)據(jù)curPage：當(dāng)前頁(yè)（最好從0頁(yè)開始）pa...
-
Vue.js作為目前最熱門最具前景的前端框架之一，提供了幫助我們快速構(gòu)建并開發(fā)前端項(xiàng)目的思維模式。本社區(qū)旨在幫助大家更加深刻的認(rèn)識(shí)Vue.js，了解Vue.js的開發(fā)流程，并進(jìn)一步理解如何通過Vue.js來構(gòu)建一個(gè)中大型的前端項(xiàng)目，和在項(xiàng)目開發(fā)中遇到的難點(diǎn)技術(shù)分享交流平臺(tái)。 Vue.js 是一個(gè)JavaScriptMVVM庫(kù)，是一套構(gòu)建用戶界面的漸進(jìn)式框架。它是以數(shù)據(jù)驅(qū)動(dòng)和組件化的思想構(gòu)建的，采用自底向上增量開發(fā)的設(shè)計(jì)。相比于Angular.js，Vue.js提供了更加簡(jiǎn)潔、更易于理解的API，使得我們能夠快速地上手并使用Vue.js。 Vue.js技術(shù)棧：vue.js vue-cli vue-router vuex es6 npm webpack bable
-
React技術(shù)社區(qū)，一個(gè)專注于React技術(shù)棧的學(xué)習(xí)，為營(yíng)造React技術(shù)分享的氛圍而努力平臺(tái)。在這里，無論你的角色是什么，都可以和各類不相識(shí)的伙伴，分享你的學(xué)習(xí)體驗(yàn)、實(shí)踐心得。
-
axios+Vue實(shí)現(xiàn)上傳文件顯示進(jìn)度功能
前言 最近項(xiàng)目中有一個(gè)上傳文件時(shí)需要顯示上傳進(jìn)度的功能，在文件很大或者網(wǎng)速很慢的情況下，上傳過程中需要給出實(shí)時(shí)的上傳進(jìn)度百分比，來提高用戶體驗(yàn)度。 效果 實(shí)現(xiàn) 利用axios...
-
crypto-js 加密
項(xiàng)目中，為了安全性考慮，登錄時(shí)會(huì)對(duì)賬號(hào)密碼進(jìn)行加密，一般會(huì)通過MD5、AES進(jìn)行加密，本文將介紹crypto-js，也就是AES方式在vue項(xiàng)目中加密的用法。 安裝 加密、解...
-
js 對(duì)象數(shù)組屬性相同的值合并相加
對(duì)象數(shù)組根據(jù)某一相同項(xiàng)示例為travelerEmpNum，合并其他屬性為一個(gè)數(shù)組，主要包括對(duì)象數(shù)組根據(jù)某一相同項(xiàng)合并其他屬性為一個(gè)數(shù)組，為項(xiàng)目需求。 對(duì)象數(shù)組示例 合并后的結(jié)果
-
vue 路由
動(dòng)態(tài)路由 使用動(dòng)態(tài)路由配置的（如：‘：id’），可以在this.$router.params.id獲得。 官網(wǎng)例子： 模式匹配路徑$route.params/user/:us...
