摘要: web端实现粘贴微信截图等截图 前言 通常我们使用截图软件, 作用都用于聊天框, 或者下载另存到本地, 那么能不能web也接收截图, 此处由富文本收到启发. 富文本是根据将标签添加contentEditable=true 这个属性, 来使标签区域可编辑. 但是这样会造成一个问题, 不管是文字,还是图 阅读全文
posted @ 2021-11-30 11:05 志在指尖 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 性能优化: content-visibility 优化长列表 前言 目前大部分的长列表优化都是虚拟滚动, 分页等方式来采取优化方案, 各个方案都有其优势, 本次介绍的是 css 样式 content-visibility 是什么 content-visibility, 译名: 内容可见效, 如字面意 阅读全文
posted @ 2021-11-13 15:25 志在指尖 阅读(512) 评论(0) 推荐(0) 编辑
摘要: 前言 有个项目,需要使用 mixins 来管理一些通用方法。同时该项目使用 Typescript。 问题 编译器报错,提示组件中没有该 mixin 中的内容。具体看一下代码。 MixinA: export const MixinA = { method: { sayHello() { // ... 阅读全文
posted @ 2021-06-21 16:11 志在指尖 阅读(1670) 评论(0) 推荐(0) 编辑
摘要: base64 编解码及使用 前言 大部分寻找 base64,只是为了使用而已,所以先说如何使用。 不用寻找相关的 base64 库,不用自己处理编解码,直接调用浏览器自身 API。既然减少完全不必要加载的 js 文件。 应用 Base64 解码 window.atob 例如: window.atob 阅读全文
posted @ 2021-06-08 22:19 志在指尖 阅读(553) 评论(0) 推荐(0) 编辑
摘要: 为什么要在Jsx中引入react 通过babel转换可以了解原因 转换前: import react from 'react'; function Test({name = "test"}) { return <div> <h1>123123</h1> </div> } 转换后: import re 阅读全文
posted @ 2021-05-19 09:34 志在指尖 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 题目 制定一个函数,通过传输一个值,生成如下所示的效果。 1 2 3 4 5 16 17 18 19 6 15 24 25 20 7 14 23 22 21 8 13 12 11 10 9 思路: 该效果是一个矩阵,本思路是生成一个二维数组来达成该效果。 1、如图所示,矩阵是由一个 125 的数字生 阅读全文
posted @ 2021-05-17 21:25 志在指尖 阅读(293) 评论(0) 推荐(0) 编辑
摘要: 前言 秉承着万物皆可盘的想法,今天来玩一玩 js 的中 switch 语法。 - 普通用法: const test1 = 1; switch (test1) { case 1: console.log(1); break; case 2: case 3: console.log(2,3); brea 阅读全文
posted @ 2021-04-30 12:30 志在指尖 阅读(5108) 评论(0) 推荐(0) 编辑
摘要: 前言: 由于谷歌的浏览器策略,chorme 的默认字体是 16px,最小字体是 12px(根据语言情况而定), 谷歌认为 12px 以下的中文对人是不友好的,所以低于 12px 的字体,一律为 12px。当然,设置为 font-size: 0。仍是可以的。 具体设置可在:chrome://setti 阅读全文
posted @ 2021-04-25 14:43 志在指尖 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 前言: 数组的迭代方法是很基础的东西,经常出现在我们开发中,比如常见的map,forEach等等,不常用的reduce,reduceRight等。 本着不熟悉即是不会的想法,借此整理一些基础。 迭代这个概念有些拗口,涉及其他概念,迭代和可迭代对象。有空再研究详述。这里可以认为是遍历(循环)方法。 数 阅读全文
posted @ 2021-02-03 21:13 志在指尖 阅读(202) 评论(0) 推荐(0) 编辑
摘要: Toast: 轻提示 and Design提供一个简单的Api调用即可生成Toast。 相比RN官网提供的ToastAndroid来讲,无疑是友好许多。 言归正传: 1 // 伪代码如下 2 3 // 无反应 4 click = () =>{ 5 Toast.loading('Loading...' 阅读全文
posted @ 2021-02-02 20:52 志在指尖 阅读(1017) 评论(0) 推荐(1) 编辑