BG：最近搞了一個前后端分離項目，前端使用的是vue。有一個需求是前端js需要獲取本機ip并展示，使用的js通過RTCPeerConnection獲取本機ip,結(jié)果在多臺電腦...
發(fā)簡信
IP屬地：浙江
-
JS 通過RTCPeerConnection獲取本機IP地址（win10 chrome內(nèi)核瀏覽器） -
Grid布局子元素寬度被撐開導致 fr 失效
兩列布局: 最終會導致son1的寬度為500px, 超出了我們預(yù)期的400px，導致布局混亂。 原因：1fr 為伸縮寬度，不僅受父元素影響，也受子元素影響。 解決方法： 方法...
-
升級 node16 后 vue 項目中 sass 報錯踩坑記錄
最近電腦更新到了Windows 11，安裝 node.js 的時候發(fā)現(xiàn)官網(wǎng)推薦的版本已經(jīng)從 14.x 變?yōu)?16.x ，心想 node.js 版本間兼容性應(yīng)該不會有太大問題，...
-
useLayoutEffectuseLayoutEffect與useEffect名字很像，用法也大致類似，但兩者執(zhí)行時機不同： useEffect 的函數(shù)會在組件渲染到屏幕之后執(zhí)行useLayoutEff...
-
Grid和Flex對比總結(jié)
相關(guān)文章常用布局【類】整理 一、總結(jié) 1. 從以下幾個方面作為Grid和Flex的區(qū)別： 指定線名稱，網(wǎng)格，區(qū)域排版方向容器內(nèi)容/項目s內(nèi)容排版項目屬性 2. 全文總結(jié) Gr...
-
Vue 3單文件驅(qū)動的CSS變量（新版語法）是怎么回事
什么是CSS變量 本文已經(jīng)假設(shè)你熟悉CSS變量，如果不熟悉，可以看我寫的CSS變量基礎(chǔ)知識：http://www.itdecent.cn/p/a0f6233cf335[ht...
-
淺談JS清空數(shù)組的4種方法（轉(zhuǎn)載）
數(shù)組是JavaScript中的十分常用且重要的數(shù)據(jù)類型，而刪除數(shù)組元素是一種常見的數(shù)組操作，JavaScript中內(nèi)置了很多用于刪除數(shù)組元素的函數(shù)，因此刪除數(shù)組元素對我們來說...
-
Vue異步組件(懶加載)
Vue異步組件 1.什么是異步組件？ webpack把這個模塊導出一個js文件，然后用到這個模塊的時候，就動態(tài)構(gòu)造script標簽插入DOM，再由瀏覽器去請求?；卣{(diào)函數(shù)是在依...
-
webpack DefinePlugin 的奇妙用處這是一個簡單的字符串替換插件，將我們所有經(jīng)過 webpack 打包的 js 文件的對應(yīng)的字符串都替換為我們在這個插件中指定的字符串。DefinePlugin 允許創(chuàng)建一個在編...
-
JS 全屏和退出全屏--requestFullScreen詳解及兼容代碼
瀏覽器全屏實現(xiàn)方式 1.利用h5的requestFullScreen 2.摁F11實現(xiàn)全屏效果 requestFullscreen全屏具體實現(xiàn) 1.進入全屏 ele：要全屏的...
-
SetTimeout的實現(xiàn)原理
在渲染進程中，所有運行在主線程上的任務(wù)都需要先添加到消息隊列中，然后 事件循環(huán)系統(tǒng) 再按照順序執(zhí)行消息隊列中的任務(wù)。 例如： 當接收到 HTML 文檔數(shù)據(jù)，渲染引擎就會將“解...
-
WKWebView使用過程中遇到的坑
前言 在以前，一直以為Hybrid App開發(fā)是一種略顯簡單的事，不會使用太多能發(fā)揮移動端原生本身優(yōu)勢的復(fù)雜API，后來在新公司的工作(半混合式開發(fā))過程中，發(fā)現(xiàn)混合式開發(fā)也...
-
BEM命名法，其實很簡單
參考文獻：http://www.ibm.com/developerworks/cn/web/1512_chengfu_bem/http://www.oschina.net/t...
-
Taro vs uni-app選型對比經(jīng)歷公司新產(chǎn)品要求發(fā)布到各家小程序，最近研究對比了社區(qū)主流的幾家小程序開發(fā)框架，獨坑不如拉人眾坑，分享給各位，歡迎和我一起入坑:) 背景 最近老板不知怎的很重視各種小程序平臺，感...
-
前端大屏項目自適應(yīng)(個人筆記)本文參考：http://www.itdecent.cn/p/b2fd58d31515 仔細觀察網(wǎng)易有數(shù)，百度suger，他們都采用了css3的縮放transform: sc...
-
關(guān)于Vue.use()詳解
問題 相信很多人在用Vue使用別人的組件時，會用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios時，就...
-
process.env.NODE_ENV詳解
一、 process.env.NODE_ENV是什么？ 在node中，有全局變量process表示的是當前的node進程。process.env包含著關(guān)于系統(tǒng)環(huán)境的信息，但是...
-
JS中常用的數(shù)據(jù)結(jié)構(gòu)
JS中常用的數(shù)據(jù)結(jié)構(gòu) 1.數(shù)組 元素之間有關(guān)聯(lián)性，數(shù)組有長度，可重復(fù)，可嵌套數(shù)據(jù)；插入、刪除、添加等操作十分消耗性能，因為查詢必須遍歷 。在不需要指定名稱，只需要羅列出來的時...