使用事件监听 如果你发现自己使用useEffect添加了大量的事件监听，你也许应该考虑移动这些逻辑到一个自定义hook。下面这个样例，我们创建了一个useEventListe...
发简信
IP属地：广西
-
[React Hooks] 样例学习---useEventListener
-
Mac搭建虚拟CentOS服务器环境最初打算在阿里云买个云服务器来部署，后来一想完全可以用虚拟机先把整个流程跑一遍再买也不迟。先把坑踩完了，再直接去线上部署就会事半功倍。终有此文！ 比较麻烦的是在设置网络的时候...
-
微信小程序实现锚点定位
在小程序开发中，我们经常会遇到滚动列表查看的需求，那么使用锚点定位来实现可以达到交互体验更加友好的效果，我们看下项目中实现的效果： 功能实现 采用小程序视图容器组件实现：sc...
-
JS获取对象属性方法
在JavaScript中，我们有4种方法可以获取对象中的属性，分别是for...in、Object.keys()、Object.getOwnPropertyNames()、R...
-
vue移动端pdf预览
pdf预览，在项目中是很常见的需求，在PC端web项目中，我们可以使用window.open(url)直接打开pdf进行预览，那么移动端虽然我们也可以使用此方法，但是这是新开...
-
CSS绘制卡券、优惠券样式
一般做商城类的项目，为了商品促销，都会有优惠券的需求，如果有UI组可以切图那能省不少功夫，如果没有，那么我们自己也可使用CSS画出这些仿淘宝、京东的优惠券样式。 radial...
-
前端meta标签知识梳理
概述 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与...
-
搭建vue+Typescript工程开发工具 vscode 众所周知，vue2+Typescript的开发体验很不好，不过为了尝鲜，咱还是可以搭一个小工程玩一玩，下面就是搭建工程的步骤，以及遇到的一系列坑点。 ...
-
[react]初识Umi.JS
什么是Umi.js? umi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。你可以将它简单的理解为一个专注性能的类 next.js 前端框架，并通过约定、自动...
-
React技术社区，一个专注于React技术栈的学习，为营造React技术分享的氛围而努力平台。在这里，无论你的角色是什么，都可以和各类不相识的伙伴，分享你的学习体验、实践心得。
-
微信小程序总结及踩坑记录
前言 小程序开发已有近一年之余，对于小程序的认识也从入门到了熟练。遂写下这篇总结，以供参考。关于小程序的介绍，就不赘述了，我们直接开门见山： 学习路径 1.微信小程序最好的教...
-
[vue]移动端软键盘处理方案
前言 一谈起移动端的软键盘处理，都是令人比较头疼的事情，由于系统机型不同，导致出现键盘弹出效果也大有差异。最近做的项目中都遇到了这些问题，故写此文章记录一下。目前知道有以下问...
-
已补充到文章中。
vue中使用input拍照解决方案
前言 最近在做一个内嵌App的vueH5应用，项目中需要进行拍照上传人脸识别，然而App不提供原生拍照插件，故想使用H5的拍照。 首先调用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拍照解决方案
前言 最近在做一个内嵌App的vueH5应用，项目中需要进行拍照上传人脸识别，然而App不提供原生拍照插件，故想使用H5的拍照。 首先调用H5拍照有两种方案： 1.使用H5A...
