1. 技術(shù)方案核心目標(biāo) 一句話總結(jié)：“基于React Native構(gòu)建跨平臺App，技術(shù)棧統(tǒng)一、高性能、易擴展?！?關(guān)鍵指標(biāo)：首屏加載時間 ≤1sAndroid/iOS代碼復(fù)...
發(fā)簡信
IP屬地：云南
-
【技術(shù)看的】react native 技術(shù)方案
-
【管理層看的】為什么選擇react native：基于React Native的跨平臺開發(fā)，降低50%成本一、摘要 當(dāng)前問題：現(xiàn)有原生開發(fā)成本高、迭代慢，無法滿足業(yè)務(wù)快速擴展需求。 解決方案：采用React Native技術(shù)，一次開發(fā)同時覆蓋iOS和Android，縮短上線周期。...
-
【vue3前端工程化】eslint+prettier+stylelint代碼格式化
一、準(zhǔn)備環(huán)境 node：v22.11.0yarn：1.22.22npm ：10.9.0vue：3.5.13 二、安裝依賴 三、package.json配置 四、eslint配...
-
【react(18+)前端工程化】eslint+prettier代碼格式化
一、準(zhǔn)備環(huán)境 node：v22.11.0yarn：1.22.22npm ：10.9.0react：18.3.1react-dom： 18.3.1 typescript： 4....
-
【前端工程化】git提交規(guī)范-husky(9.X)+lint-staged+commitlint
一、準(zhǔn)備環(huán)境 node：v22.11.0yarn：1.22.22npm ：10.9.0react：18.3.1react-dom： 18.3.1typescript： 4.9...
-
TypeScript方法自動生成說明文檔-typedoc實戰(zhàn)
一、準(zhǔn)備項目 1，可以是現(xiàn)有的項目 需要有typescript 插件 2、或者初始化一個項目 首先通過 npm init -y 生成 package.json 文件，并按照我...
-
Vue 3 + Electron 項目開發(fā)與部署
環(huán)境：node: v22.11.0npm: 10.9.0vue: 3.5.13 一、開發(fā)環(huán)境配置 1. 項目初始化 2. 項目結(jié)構(gòu) 3. 主進(jìn)程配置 (electr...
-
《圖解Vue3.0》- 調(diào)試如何對vue3項目進(jìn)行調(diào)試 調(diào)試是開發(fā)過程中必備的一項技能，掌握了這項技能，可以很好的定義bug所在。一般在開發(fā)vue3項目時，有三種方式。 代碼中添加debugger; 使...
-
Vue3 使用 Event Bus
本文已整理到 Github，地址 ?? blog[https://github.com/lio-zero/blog]。 如果我的內(nèi)容幫助到了您，歡迎點個 Star ?????? 鼓勵...
-
web錄屏方案實現(xiàn)背景 研發(fā)過程中，對于部分偶發(fā)時間，異常監(jiān)控系統(tǒng)僅僅只能告訴程序出錯，而不能清晰告知錯誤的復(fù)現(xiàn)路徑，因而錄制視頻的需求應(yīng)運而生，例如可在在線考試 遠(yuǎn)程監(jiān)考 屏幕共享 保險產(chǎn)品...
-
前端實用網(wǎng)站
前端查詢網(wǎng)站 npm官網(wǎng)：https://www.npmjs.com/package/npm[https://www.npmjs.com/package/npm]MDN官網(wǎng)：...
-
幾個常用的chrome調(diào)試技巧
1. 拖動 dom 元素 選中一個dom元素，通過拖動就可以改變元素的位置。如下圖： 2. 選中 dom 元素右鍵刪除元素 選中一個dom元素右鍵菜單會有很多功能選項，常用的...
-
拖拽不夠自由？Vue3 DnD它來了！
前言 眾所周知，在React中有一款非常強大的拖拽庫，叫React DnD[https://github.com/react-dnd/react-dnd]，而Vue中，大部分...
-
技術(shù)文檔畫圖工具箱序 本文主要介紹一下撰寫技術(shù)文檔中可能會用的一些畫圖工具。這里主要分為兩大派，一派是直接拖拽完成，一派是通過代碼來完成 UI工具 主要有processon[https://w...
-
css實現(xiàn)橢圓繞圈動畫1.實現(xiàn)效果 2.實現(xiàn)原理 2.1 box-shadow[https://www.runoob.com/cssref/css3-pr-box-shadow.html] box...
-
es6開發(fā)常用技巧
1.如何隱藏所有指定的元素 2.如何檢查元素是否具有指定的類？ 頁面DOM里面的每個節(jié)點上都有一個 $\color{#FF0000}{classList}$對象，程序員可以使...
-
徹底理解粘性定位 - position: sticky粘性定位可以被認(rèn)為是相對定位(position: relative)和固定定位(position: fixed)的混合。元素在跨越特定閾值前為相對定位，之后為固定定位。例如:...