摘要: 封装一个组件 这里由于最近使用微信小程序居多,所以着重写的是小程序的,但是万变不离其宗,组件实现思路其实都差不多的 微信小程序开发中官方自带的wx.showModal,这个弹窗 API有时候并不能满足我们的弹窗效果,所以往往需要自定义modal组件。下面我们进行一个自定义modal弹窗组件的开发,并 阅读全文
posted @ 2021-08-06 14:21 认认真真玩代码 阅读(7169) 评论(0) 推荐(3) 编辑
摘要: react以组件的形式来组织逻辑,组件允许我们将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。因此 React 有一些充满了自身特色的性能优化思路,这些思路基本都围绕“组件性能优化”这个中心思想展开: 这里主要通过一下三个方面进行优化 使用 shouldComponentUpdate 阅读全文
posted @ 2021-08-03 11:34 认认真真玩代码 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 前端技术的快速发展,让现在的vue、react成为主流框架 一开始的静态页面,到后来的jquery,到现在的vue、react,mvvm、mvc前端开发模式都使用了虚拟dom 但纵观主流框架好像也是对虚拟dom 的各种造作和改进 为什么要使用虚拟dom呢? 首先我们了解下什么是虚拟dom 虚拟 DO 阅读全文
posted @ 2021-08-03 11:33 认认真真玩代码 阅读(135) 评论(0) 推荐(0) 编辑
摘要: FileReader FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。 FileReader类型实现的是一种异步文件获取机制。 FileReader有一下几种方法 FileReader. 阅读全文
posted @ 2021-08-03 11:31 认认真真玩代码 阅读(3709) 评论(0) 推荐(0) 编辑
摘要: 谷歌的时候搜到自己写的博客,感觉太low了,重新写了一篇,希望大佬指导! 前言 大部分小程序都会有这样的需求,页面有长列表,需要下拉到底时请求后台数据,一直渲染数据,当数据列表长时,会发现明显的卡顿,页面白屏闪顿现象。 分析 请求后台数据,需要不断的setData,不断的合并数据,导致后期数据渲染过 阅读全文
posted @ 2021-07-15 11:36 认认真真玩代码 阅读(3257) 评论(2) 推荐(0) 编辑
摘要: 实现签名方法就是使用canvas <canvas canvas-id="firstCanvas" id='firstCanvas' bindtouchstart="bindtouchstart" bindtouchmove="bindtouchmove"></canvas> <!-- 旋装图片 -- 阅读全文
posted @ 2021-06-28 14:09 认认真真玩代码 阅读(3470) 评论(2) 推荐(0) 编辑
摘要: 使用creat-react-app简单搭建一个react-hooks项目 return(<Fragment> <canvas ref={canvasRef} width={window.innerWidth} height={window.innerHeight} /> <div className 阅读全文
posted @ 2021-06-11 15:04 认认真真玩代码 阅读(393) 评论(0) 推荐(0) 编辑
摘要: vue在pc端掉用摄像头 实现拍照其实用的是video和canvas来实现的,万能的canvas绘图 <div v-if="imgSrc" class="img_bg_camera"> <img :src="imgSrc" alt="" class="tx_img" /> </div> <div c 阅读全文
posted @ 2021-06-04 11:11 认认真真玩代码 阅读(1373) 评论(0) 推荐(0) 编辑
摘要: 为啥使用长列表 需要展示长列表,无限下拉都会一直显示出更多的数据。但是当一个页面展示的DOM节点过多的时候,会造成小程序页面的卡顿,点击反应迟钝,严重的会直接白屏。 原因有几点 列表数据很大,不断获取下一屏的数据,setData的数据越来越多的时候耗时高 渲染DOM 结构多,每次 setData 都 阅读全文
posted @ 2021-04-14 17:23 认认真真玩代码 阅读(1069) 评论(0) 推荐(0) 编辑
摘要: 回调函数 一个函数被作为参数传递给另一个函数(在这里我们把另一个函数叫做“otherFunction”),回调函数在otherFunction中被调用。 function test( {list ,success} ) { var list = list success(333333) } test 阅读全文
posted @ 2021-04-09 18:26 认认真真玩代码 阅读(134) 评论(0) 推荐(0) 编辑
/* 看板娘 */