tuzi007a的博客

等加载完dom再生成图片，所以慢，有些用不到的dom，可以通过。来忽略掉，在react中，写作。这样能让图片清晰不少。

该库用于识别并获取图片上的文字，支持多种语言。对英文识别度非常高，但是对中文的识别度非常一般。需要单独训练对应的中文库。对白纸黑字的合同文识别度还不错，其他的都不太好。下面通过6个小例子来看下用法。使用的时候需要开个服务，在vscode上打开Go Live就行。

js有很多库都可以做到，当然最简单的还是自己写一个，体积最小，使用最灵活。哪里需要用到就把组件引入，然后传入目标值。

看了不少文章，都说这是无关痛痒的报错，可以屏蔽掉。但是我觉得是报错就要解决，你不能有事了就把出事的人解决掉吧。在使用下拉框时看到了这个报错，原因是里面写的字需要的宽度超出下拉框给的宽度了，点击出现下拉框时就会报错。所以对症下药处理就行了，修改文字数量，别超出就ok。

可以看到，在引入组件时，组件内部是先引入的样式文件，所以会先打印样式中的日志，然后打印组件文件中的日志。所以，可以很明确的说，我们不需要再去配置组件和样式的按需加载了。看名称就能猜出大概，这是一份初始化样式的文件，把它放进项目里，就可以看到，样式得到了初始化。版本还需要去配置样式的按需加载吗？下的log没有执行，这说明组件和样式都实现了按需加载。，所以组件会自动实现按需加载，不需要我们配置。打开每个组件，可以发现都有引入这种重置样式。之前的版本，我们都是配置。，可以做到自动按需加载。来处理样式的按需加载。

【storybook】你需要一款能在独立环境下开发组件并生成可视化控件文档的框架吗？（三）

【storybook】你需要一款能在独立环境下开发组件并生成可视化控件文档的框架吗？（二）

【storybook】你需要一款能在独立环境下开发组件并生成可视化控件文档的框架吗？（一）

TypeError: Cannot read properties of undefined (reading 'wrapperClass')

mongodb

封装toast提示

​获取到App的apk包有些安卓手机中，长按该app图标，会有个弹窗，弹窗里有分享按钮，分享出去的就是一个apk包修改后缀把apk包的后缀名改为.zip解压zip包使用解压工具，解压zip包，会获得该app内的所有文件。获取图片资源图片资源一般放在assets文件夹和r 文件夹中。​...

之所以做个记录，实在是因为官方给的代码对我很不友好，我就使用一个message消息提示，官方给的代码是这样子的：不得不吐槽一下，这例子给的真拉跨。。。在脚手架中使用方法：先在main.js中引入并use：import { message,} from 'ant-design-vue'const app = createApp(App)app.use(message)然后哪个组件中需要使用到message，还需要在这个组件中再次引入：<script>// 不

react中使用swiper的方法看这里：https://blog.csdn.net/tuzi007a/article/details/123347867这次业务需求中遇到了一次滚动显示3条数据并且每次滚动一条：如图，从接口里拿到的数据中，有3条会显示在这里，每次滚动会往上翻一条。这里有两种处理方式，分别用到swiper的不同api 。第一种是使用slidesPerView和loopedSlides分别对应的是一个slide里面显示多少条数据 和 自动播放slide里面的多少条数据好处是很

安装了nvm后，node和npm也安装成功了，结果npx报错了，不是内部或外部指令…这不是和npm当时的报错一样么，所以第一想法是node文件夹中没有npx文件，所以无法执行。于是去到node文件夹下查看，果然没有npx文件：所以，很简单，去到npm的文件夹下找到npx和npx.cmd这俩文件：把这俩文件复制到node文件夹下即可：测试一下：搞定。...

关于nvm / node / npm安装前须知nvm安装安装包地址配置路径和下载源检查nvm安装是否成功nvm相关指令node检查npm检查npm安装失败的处理查找和node版本相匹配的npm版本npm安装安装前须知必须卸载掉已有的node版本！！！这里不具体说了，如果不会卸载，可以参考这里：点击查看nvm安装安装包地址https://gitee.com/guozia007/layup-packages解压，傻瓜式安装，不过多说明了。配置路径和下载源来到安装nvm的文件夹，找到se

说明本文是关于swiper@6.8.4中出现的问题，其他版本未知。出现的问题是 swiper-container和swiper-slide的高度远远超出最外层盒子的高度，而且这个高度非常的离谱。本文就是为了解决这个问题，以及说明一些关于高度的配置。本次轮播图示例是上下轮播的。问题阐述这是封装好的一个轮播图：export const SwiperComp = (props) => { const { datas, texts } = props return <Sw

swiper的动态观察者模式介绍场景再现问题处理示例介绍之前写过一篇swiper在react中的使用，里面介绍了@5.4.5和@6.8.4两个版本的swiepr。里面也提到了一些常用的属性和方法。今天在项目中遇到个问题，就是当swiper所在的页面，先隐藏，后显示，swiper就不工作了，自动播放不触发了。于是，就打开swiper的官方api文档查看。发现了observer观察者模式。这个模式就是用来监听swiper ，swiper的父元素 , swiper的子元素的，当这些元素发生了变化，

mockjs介绍安装 & 卸载 & 引入基础语法 & 规范`Mock.mock``7种生成规则``生成规则和属性值value的关系`占位符@模拟接口介绍mock意为“模仿”或"模拟"，简单来说，就是造数据，造你想要的几乎任何数据，包括api和通过api返回的数据。在写完项目进行自测，或者写页面需要数据 但是又不想单独开个后端，这时候就可以用mockjs来实现返回随机数据。官网：http://mockjs.com/官方文档：https://github.com/nuysof

react中使用swiper简单介绍swiper@5.4.5的基本使用安装和卸载在组件中引入完整示例react中使用swiper@6.8.4安装和卸载引入核心组件和样式让轮播图跑起来配置项说明完整配置项示例：封装一个简易的轮播器简单介绍作为轮播图的首选插件，swiper无疑是这方面专注性最强的。但是，在使用时，每次都会遇到一个很*疼的问题：就是把官网里的示例拿过来，并不能跑的通，而且不同版本之间，使用起来 差别还挺大。作为和框架契合前的最稳定版本swiper@5.4.5，它使用简单，配置方便

react-custom-scrollbars插件读前说明基本使用属性介绍onScrollrenderViewrenderThumbVerticalautoHideautoHideTimeout读前说明github地址：https://github.com/malte-wessel/react-custom-scrollbars作用：快速实现被包裹区域的滚动效果关于本篇：在官网以及其他文章中，都是介绍该插件在react class版本中的使用，未涉及到react hooks版本中的使用方法。

Vue手册为啥写vue手册手册介绍手册地址声明为啥写vue手册在知乎上，曾经看到过有人发布过一个问题，说是vue官方文档难看懂，不利于入门学习。尤大还专门发布了回答。其实就我个人而言，我觉得相对于其他框架的官方文档，vue的官方文档确实不易入门。最重要的原因是，vue指令和语法糖非常多，如果不深入研读文档，会发现文档中所介绍的只是代码片段，关于知识点的完整思路和用法，并不明晰。给入门学习，带来了一定的阻碍。为了解决这个问题，我打算写一份vue手册，对知识点进行整理，并附带相应的案例，当我

vue中按需引入element-ui，关于版本和配置的那点事儿~读前说明版本介绍开始配置01020304相关资料读前说明众所周知，在前端领域内，一个插件的小小版本号，都可能让一个大项目瞬间崩溃。由于vue在不断升级，而ele有点小小的跟不上节奏，导致很多人在使用中出现了各种问题，碰了不少壁。而在@vue/cli3版本前后，配置方法是非常不一样的。所以，本次就以常见版本为基础，梳理一下完整的配置。版本介绍本次使用版本：vue: ^2.6.11@vue/cli : 4.5elemen

比如gitee仓库地址是：https://gitee.com/guozia007/back-manage-vue本地项目文件夹为back-manage-vue，里面有一个hello.text文件。现在要把back-manage-vue放到上面那个gitee仓库里去。–1在back-manage-vue文件夹中右击，选择Git Bash Here会出现一个bash界面（如果卡顿，会等几秒才出现）2git init初始化一个git 本地仓库（项目）,会在本地创建一个.git的文件夹3

typora看前提示思考给你一个不一样的typora通用外观编辑器Markdown文件导出主题自定义配置看前提示本篇默认大家已经掌握了基础的md编辑技能，会简单使用md文档编辑器。思考typora是啥？你大概会不假思索的告诉我，“typora不就是一个文档编辑器嘛！”是的。但它真的是吗？请带着这个问题，阅读下面的内容。给你一个不一样的typora打开你的typora,跟上我的节奏，点击主题，可以看到6个可选主题，默认的是github主题。他们分别对应不同的样式，不同的背景色调

dom-to-image简介简介git地址：https://github.com/tsayen/dom-to-image作用：传给dom-to-image方法一个原生dom，可以得到一个图片地址，可以把这个地址放到img标签里，就可以展示出这个图片。举例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X

html2canvas需求场景html2canvas配置项需求场景常见场景的是点击按钮，生成一个悬浮的截图，图片可以保存在手机相册里，也可以分享出去。如果canvas基础较好，开发时间足够，就可以自己用canvas去画，可以完成开发。但是用js插件，可以更快实现这种需求。html2canvas官网： http://html2canvas.hertzen.com/实现流程：举例：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "h

vue2中使用swiper5.45版本说明用前准备使用swiper主要配置项swiper7的使用版本说明about vue:由于当前主流仍是vue2，所以本次使用vue2版本。在博文最后，也会说明vue3版本的使用。about swiper:当前swiper已经到了7版本。6版本及以上，已经支持了直接在前端框架中的使用。6以下版本，不支持直接在前端框架中使用。也就是说， 6以下版本，没有swiper-vue.jsabout jquery:由于使用swiper使用了固定的html内容，

生成二维码的js库QRCode.js简介使用示例jquery.qrcode.js简介使用示例QRCode.js简介这是一个原生的js库，用于生成二维码。github地址：https://github.com/davidshimjs/qrcodejsmin.js地址：https://raw.githubusercontent.com/davidshimjs/qrcodejs/master/qrcode.min.js到min.js地址下，直接赋值压缩包代码，放到自己本地js文件即可。需要用的时候直

ftp管理器名称： IIS7ftp管理器公开类型： 免费下载链接： http://fwqglgj.iis7.net/xzdz/?cmd选择IIS7批量FTP管理下载后直接打开即可。使用：打开后进入可视化界面点击添加填入目标ftp信息进入目标ftp文件夹，双击选中的这里进入到资源目录界面：获取资源我们要从目标ftp文件夹中获取资源， 放到我们自己本地电脑的文件夹里。5.1 先调整左边文件夹目录，打算把资源放哪个文件夹，就把目录调整到哪里5.2 再调

想要一个这样的提示框，用户点击按钮时，就给他一个提示：同时要求，不管点击哪里的按钮，提示语一定要在可视区的正中间位置。重复点击同一个按钮，提示语相同，且提示弹框不凌乱、不重叠。而且 切换点击按钮时，要实时显示新的提示语，并且不显示旧的提示语。以web端为例：在页面的最外层包裹层里添加提示的样式：.toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -5

项目打包部署上线项目gitee地址打包部署相关工具介绍服务器连接服务器工具服务器系统打包工具其他工具流程介绍连接服务器打包前端项目nginx服务器mongodb安装和使用安装nvm及配置后端项目部署启动线上项目项目gitee地址https://gitee.com/guozia007/cuckoo打包部署相关工具介绍服务器腾讯云 - 轻量应用服务器（主要是便宜）连接服务器工具window系统里的远程桌面连接功能服务器系统windows系统打包工具前端react项目打包用