原文鏈接[https://github.com/tofrankie/blog/issues/96] 社區(qū)上用于管理 Node 版本的工具很多，較為流行的有： 非跨平臺：nvm...
發(fā)簡信
IP屬地：廣東
-
再見 nvm，改用 fnm 了 -
深度解析之異步加載(defer、async、module)和預(yù)加載(preload、prefetch、dns-prefetch、preconnect 、prerender)廢話：異步加載和預(yù)加載一直都是前端優(yōu)化必備技能之一，今天我們就來深度解析一下常用的幾個(gè)關(guān)鍵點(diǎn)。 異步加載 廢話不多說，任何長篇大論的教程都抵不過一張清晰明了的高清大圖來得好：...
-
rollup + typescript 構(gòu)建 ts 包
安裝依賴 rollup 打包工具 rollup-plugin-node-resolve 依賴引入插件 rollup-plugin-commonjs commonjs 轉(zhuǎn)換 r...
-
vue3+typescript 實(shí)現(xiàn)全局h5彈窗AlertDialog組件
廢話少說先上圖 基本使用 可以使用輸入框 editable設(shè)置為true即可 直接拷貝AlertDialog.ts和alert-dialog.vue，稍微更改一下導(dǎo)入路徑及...
-
document.cookie與request header中的cookie不一致詳解1.如下圖所示為request header中的cookie 2.下圖則為控制臺打印出的cookie（document.cookie） 3.上述兩種方法獲取的cookie有顯...
-
vue項(xiàng)目使用scss全局變量
創(chuàng)建scss變量js文件src/assets/style/variables.scss.js，定義全局變量 在vue.config.js文件里使用webpack處理varia...
-
Mac sudo npm install XX權(quán)限的完美解決方案
所謂磨刀不誤砍柴工，讓一個(gè)研發(fā)崩潰的不是項(xiàng)目的復(fù)雜，而是自己的工具刀好不好使用，相信很多的朋友在使用macOS的時(shí)候，會出現(xiàn)權(quán)限等原因讓自己頭疼不已，然而解決方法就是在命令行...
-
react-native集成支付寶支付前言 RN支付寶需要分別對iOS（Xcode）和安卓（AS）配置，與原生app相比只是將支付操作放在了RN當(dāng)中。 流程大同小異，一般都是從后臺獲取支付字符串，然后傳遞支付字符...
-
React Navigation 屏幕導(dǎo)航及參數(shù)設(shè)置、傳遞
導(dǎo)航到一個(gè)新屏幕 navigation - 在native stack navigator中navigation 屬性被傳遞到每一個(gè) screen component (de...
-
【React Native】自定義拖拽Item交換及移動(dòng)（帶動(dòng)畫效果）最近有一個(gè)業(yè)務(wù)需求需要進(jìn)行拖拽item操作，稍微查了一下，沒有相關(guān)的第三方組件，只能自己擼了一個(gè)，參考了一下React-Native ListView拖拽交換Item[htt...
-
React-native 入坑4 無限輪播圖無限輪播圖可以說是實(shí)際在項(xiàng)目中用到的最多的組件，之間做過的項(xiàng)目一般在首頁都會有無限輪播的存在。主要思路 1. index 0 插入最后數(shù)組的最后一張圖片 2. index a...
-
在github上面部署預(yù)覽你的React項(xiàng)目（搭建博客）
利用腳手架創(chuàng)建react 項(xiàng)目 我們在github上面新建一個(gè)遠(yuǎn)程倉庫，名字也叫test記錄遠(yuǎn)程倉庫的地址（eg: https://github.com/fyxwanan/a...
-
react-native拖拽體驗(yàn)優(yōu)化
需求是多個(gè)可以拖拽的對象所以需要知道每次是拖拽哪個(gè)，而調(diào)用方法需要用 {...this.panResponder.panHandlers}解構(gòu)之后得到的json通過props...
-
RN 項(xiàng)目訪問本地HTML，CSS,JS渲染一、IOS配置 2、在RN項(xiàng)目中，自帶的WebView在加載HTML的時(shí)候，不能加載css與js文件，所以本人用OC原生封裝了一個(gè)webView控件，如下,webView要繼...
-
WebRTC實(shí)現(xiàn)音視頻通信一、方案選型 1、XMPP協(xié)議 + Jingle擴(kuò)展協(xié)議：應(yīng)用層協(xié)議，可以用來實(shí)現(xiàn)音視頻傳輸，但完善的客戶端開發(fā)資料有限，無開源庫，開發(fā)難度大，開發(fā)周期長。（選型排名第三） ...
-
混合開發(fā)：RN調(diào)用原生模塊
目錄一. 前言二. 示例：RN調(diào)用原生模塊（場景五）的詳細(xì)開發(fā)步驟?1. 基本使用?2. 原生模塊與OC類的數(shù)據(jù)交互??2.1 數(shù)據(jù)類型轉(zhuǎn)換??2.2 原生模塊傳遞數(shù)據(jù)給OC...
-
2023-03-24 react-native第三方框架
react-native-keyboard-controller[https://github.com/kirillzyusko/react-native-keyboard-...
-
html文件中使用react、antd等背景 最近碰到一個(gè)需求，需要開發(fā)一個(gè)html文件，因?yàn)轫?xiàng)目開發(fā)中技術(shù)?；旧鲜褂玫氖莚eact去做開發(fā)，如果能在html中使用react開發(fā)效率肯定比原生更好。 引入公共cd...
-
584. 【前端】style-loader和MiniCssExtractPlugin.loader
style-loader和MiniCssExtractPlugin.loader是Webpack中常用的用于處理CSS的loader之一。 style-loader將CSS代...