使用事件監(jiān)聽 如果你發(fā)現(xiàn)自己使用useEffect添加了大量的事件監(jiān)聽函匕，你也許應(yīng)該考慮移動這些邏輯到一個自定義hook毅厚。下面這個樣例，我們創(chuàng)建了一個useEventListe...
發(fā)簡信
IP屬地：海南
-
[React Hooks] 樣例學(xué)習(xí)---useEventListener
-
此號專寫原創(chuàng)小程序開發(fā)系列教程祠锣，視頻教程。如小程序開發(fā)有疑問可以留言咽安。
-
都是普普通通的人妆棒，過著平平凡凡的生活澡腾，家人閑坐，燈火可親糕珊，這又何嘗不可
-
Mac搭建虛擬CentOS服務(wù)器環(huán)境最初打算在阿里云買個云服務(wù)器來部署动分，后來一想完全可以用虛擬機(jī)先把整個流程跑一遍再買也不遲。先把坑踩完了红选，再直接去線上部署就會事半功倍澜公。終有此文！ 比較麻煩的是在設(shè)置網(wǎng)絡(luò)的時候...
-
微信小程序?qū)崿F(xiàn)錨點(diǎn)定位
在小程序開發(fā)中喇肋，我們經(jīng)常會遇到滾動列表查看的需求坟乾，那么使用錨點(diǎn)定位來實(shí)現(xiàn)可以達(dá)到交互體驗更加友好的效果，我們看下項目中實(shí)現(xiàn)的效果： 功能實(shí)現(xiàn) 采用小程序視圖容器組件實(shí)現(xiàn)：sc...
-
JS獲取對象屬性方法
在JavaScript中蝶防，我們有4種方法可以獲取對象中的屬性甚侣，分別是for...in、Object.keys()间学、Object.getOwnPropertyNames()殷费、R...
-
vue移動端pdf預(yù)覽
pdf預(yù)覽，在項目中是很常見的需求低葫，在PC端web項目中详羡，我們可以使用window.open(url)直接打開pdf進(jìn)行預(yù)覽，那么移動端雖然我們也可以使用此方法氮采，但是這是新開...
-
CSS繪制卡券鹊漠、優(yōu)惠券樣式
一般做商城類的項目，為了商品促銷茶行，都會有優(yōu)惠券的需求躯概，如果有UI組可以切圖那能省不少功夫，如果沒有畔师，那么我們自己也可使用CSS畫出這些仿淘寶娶靡、京東的優(yōu)惠券樣式。 radial...
-
前端meta標(biāo)簽知識梳理
概述 元素可提供有關(guān)頁面的元信息（meta-information）看锉，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞姿锭。 標(biāo)簽位于文檔的頭部塔鳍，不包含任何內(nèi)容。 標(biāo)簽的屬性定義了與...
-
搭建vue+Typescript工程開發(fā)工具 vscode 眾所周知呻此，vue2+Typescript的開發(fā)體驗很不好轮纫，不過為了嘗鮮，咱還是可以搭一個小工程玩一玩焚鲜，下面就是搭建工程的步驟掌唾，以及遇到的一系列坑點(diǎn)。 ...
-
[react]初識Umi.JS
什么是Umi.js? umi忿磅，中文可發(fā)音為烏米糯彬，是一個可插拔的企業(yè)級 react 應(yīng)用框架。你可以將它簡單的理解為一個專注性能的類 next.js 前端框架葱她，并通過約定撩扒、自動...
-
React技術(shù)社區(qū)却舀，一個專注于React技術(shù)棧的學(xué)習(xí)，為營造React技術(shù)分享的氛圍而努力平臺锤灿。在這里挽拔，無論你的角色是什么，都可以和各類不相識的伙伴但校，分享你的學(xué)習(xí)體驗螃诅、實(shí)踐心得。
-
微信小程序總結(jié)及踩坑記錄
前言 小程序開發(fā)已有近一年之余状囱，對于小程序的認(rèn)識也從入門到了熟練术裸。遂寫下這篇總結(jié)，以供參考亭枷。關(guān)于小程序的介紹袭艺，就不贅述了，我們直接開門見山： 學(xué)習(xí)路徑 1.微信小程序最好的教...
-
[vue]移動端軟鍵盤處理方案
前言 一談起移動端的軟鍵盤處理叨粘，都是令人比較頭疼的事情猾编，由于系統(tǒng)機(jī)型不同，導(dǎo)致出現(xiàn)鍵盤彈出效果也大有差異升敲。最近做的項目中都遇到了這些問題答倡，故寫此文章記錄一下。目前知道有以下問...
-
已補(bǔ)充到文章中驴党。
vue中使用input拍照解決方案
前言 最近在做一個內(nèi)嵌App的vueH5應(yīng)用瘪撇，項目中需要進(jìn)行拍照上傳人臉識別，然而App不提供原生拍照插件，故想使用H5的拍照倔既。 首先調(diào)用H5拍照有兩種方案： 1.使用H5A...
-
function b64toBlob(b64, onsuccess, onerror) {
let img = new Image();
img.onerror = onerror;
img.onload = function onload() {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
let width = img.width;
let height = img.height;
let ctx = canvas.getContext('2d');
let rate = 1;
ctx.drawImage(img, 0, 0, width, height, 0, 0, width * rate, height * rate);
canvas.toBlob(onsuccess);
};
img.src = b64;
}vue中使用input拍照解決方案
前言 最近在做一個內(nèi)嵌App的vueH5應(yīng)用恕曲，項目中需要進(jìn)行拍照上傳人臉識別，然而App不提供原生拍照插件渤涌，故想使用H5的拍照码俩。 首先調(diào)用H5拍照有兩種方案： 1.使用H5A...
