- 博客(30)
- 收藏
- 关注
RSS订阅原创 react---IOS 14兼容问题及解决
在App开发中经常碰到ios兼容问题，此篇博客用于记录各兼容问题1.背景图片无法出现问题：在ios14版本以上的手机，以svg为背景图片的图片无法显示解决：将svg图片换成png2.tab组件无法滑动问题：Tab组件无法滑动问题，排查到获取tab节点时，scrollWidth的值和clientWidth一样，可能是css属性影响到了或者系统兼容问题查阅文档后，可以加上prerenderingSiblingsNumber属性默认为0,表示预渲染视图的个数，为0表示只渲染当前页http://ue
2021-07-28 17:35:42
999
原创 【react】封装自定义组件之Button组件
学习react当然必不可少的就是自定义组件啦！看一下效果图首先看一下项目结构（划去部分不需要）base文件夹这部分模仿we-ui结构we-ui源码源码index.jsimport React from 'react';import ReactDOM from 'react-dom';import App from './App.js';ReactDOM.render( <App />, document.getElementById('root'))
2020-09-21 10:11:54
2751
2
原创 CSS+JS---Button按钮水滴涟漪动画（仿material-ui）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .btn{
2020-08-26 16:43:37
844
原创 新建一个react项目及各个目录详解
1、安装node.js 官网地址2、安装npmnpm安装较慢，建议更换淘宝源，或者安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org3、安装yarncnpm install -g yarn4.创建react项目安装脚手架cnpm install -g create-react-app 或者 npm install -g create-react-app若此时出现create-react-app: c
2020-08-07 14:28:01
1485
原创 react报错--create-react-app: command not found
新建react项目时成功安装create-react-app后，终端报错bash：create-react-app: command not found解决：输入npx create-react-app my-project原因：create-react-app不是内部命令，但是可以使用npx命令进行安装
2020-08-07 14:14:36
5473
1
原创 Vue---拖动侧边栏改变div宽度
任务描述实现左右拖拽布局功能：当拖动分割线时，可以重置左右两侧模块宽度实现宽度自定义。首先搞清楚几个值的概念（1）clientX 与 clientWidthclientX：鼠标点击时位置距离当前body可视区域的x坐标clientWidth：（2）left相对于具有定位属性(position定义为relative)的父对象 的左边距（3）offsetLeft 与 offsetWid...
2019-08-15 10:23:00
7971
1
原创 DOM详解及DOM查询方式、DOM修改CSS
1、DOMDOM（Document Object Model）：文档对象模型，通过DOM可以来任意来修改网页中各个内容文档- 文档指的是网页，一个网页就是一个文档对象对象指将网页中的每一个节点都转换为对象转换完对象以后，就可以以一种纯面向对象的形式来操作网页了模型模型用来表示节点和节点之间的关系，方便操作页面节点（Node）节点是构成网页的最基本的单元，...
2019-07-26 15:12:53
542
原创 JavaScript---提取文件按行存进数组、正则表达式对文件内容分别提取数字、汉字以及根据格式筛选数据
需求：1、利用JavaScript+html 提取待处理文件2、用正则表达式处理文件，得到目标格式3、输出结果首先，文件内容为：想要得到的目标结果：（[{900400: “请求参数不正确”},{900401: “用户未登录或登录已失效，请重新登录”}]）整体思路：1、读取文件，并一行一行存进数组2、对数组的每一条数据执行正则变换 2.1 将每一行数据存入数组&nbs...
2019-07-23 11:04:03
1603
1
原创 如何修改hosts文件内容
1 按住windows+X2 输入notepad3 在记事本界面点击文件，然后点新建，在弹出来的窗口里找到路径c:\windows\system32\drivers\etc\，找到后可以看到目录里面是空白。点击右下角的选择文件，点击所有文件。4 点击hosts文件就可以编辑了，编辑完后保存就可以了...
2019-07-09 15:09:47
8350
3
原创 最全搭建脚手架vue-cli
1、进入官网nodejs点击下载10.16.0 LTS2、打开命令行3、进入Vue Cli4、在命令行输入npm install -g @vue/cli# ORyarn global add @vue/cli#ORnpm install --globel vue-cli等待安装5、安装完成vue --version#ORvue -V6、进入存放vue代码的...
2019-07-02 20:48:51
262
原创 python--报错处理
1、命令行输入python出现警告Warning:This Python interpreter is in a conda environment, but the environment hasnot been activated. Libraries may fail to load. To activate this environmentplease see https://c...
2019-06-22 14:47:59
569
原创 解决AttributeError: module 'cv2.cv2' has no attribute 'xfeatures2d'
python版本 3.7opencv-python 4.1.0.25（1）进入官网下载相应版本python-contrib注意：有mac、linux版本，以及电脑32位、64位，下载时根据自己电脑版本下载（2）pip uninstall opencv-python（3）pip install opencv-contrib-python==4.1.0.25（这边就是刚刚下载的.whl文...
2019-06-21 09:31:50
9396
4
原创 python--图像分割GraphCut
分割的原则就是使划分后的子图在内部保持相似度最大，而子图之间的相似度保持最小。以一个两类的分割为例，把G = (V,E) 分成两个子集A,B,另： A\cup B=V，A\cap B=\phi ，CUT(A,B) = \Sigma_{\mu\in A，v\in B}w(\mu,v) , 其中 w(\mu,v) , 是权重(weight), 最小割就是让上式的值最小的分割。GraphCut该...
2019-06-11 15:15:46
5540
原创 Unity3D--加载界面、开始界面
开始界面1、创建场景添加button2、LodeGame.csusing System.Collections;using System.Collections.Generic;using UnityEngine;using UnityEngine.SceneManagement;public class LoadGame : MonoBehaviour { publ...
2019-06-10 17:28:49
9634
2
原创 python+tensorflow LeNet---深度学习MINST手写体训练识别
数据样本1、首先我们要有手写体的数据集文件下载地址MINST手写体数据2、训练集：共60000个，其中55000个用于训练，另外5000个用于验证 测试集：共10000个 训练集：和机器学习一样用来训练参数的，这里是神经网络的weight（权重）和biases（偏置） 测试集：和机器学习也一样，就是对训练好的模型，进行一个模型测试 在MNIST数据集中的每一张图片都代表了0~9中...
2019-06-02 20:33:52
2588
原创 window10+python3.7安装tensorflow--gpu
能安装GPU的前提是：1、显卡支持CUDA （1）右击我的电脑–属性 （2）打开设备管理器 （3）显示适配器 我的电脑是支持CUDA的2、pip 版本 >= 8.1查看pip版本 ：pip -V更新pip ： python -m pip install -U pip安装Anaconda安装anaconda，这个在之前的博客里已经详细介绍过(https://b...
2019-05-26 22:16:06
4471
原创 matlab---k-means算法、fuzzy-c-means算法详解和比较
k-means算法 （1）k-means算法和fuzzy-c-means算法都是聚类划分法的一种。聚类是把相似的对象通过静态分类的方法分成不同的组别或者更多的子集，这样让在同一个子集中的成员对象都有相似的一些属性 （2）聚类中的划分法：给定一个有N个元组或者纪录的数据集，构造K （ K < N）个分组，每一个分组就代表一个聚类：每一个分组至少包含一个数据纪录且每一个数据纪录属于且仅属于一...
2019-05-20 21:07:47
7215
1
原创 python---KNN可视化、dense--sift以及简单的手势识别
KNN算法及可视化 KNN，即K近邻法(k-nearst neighbors)，这种算法把要分类的对象（例如一个特征向量）与训练集中已知类标记的所有对象进行比较，并由k近邻（所谓的k最近邻，就是指最接近的k个邻居（数据），即每个样本都可以由它的K个邻居来表达）对指派到哪个类进行投票。这种方法通常分类效果较好，但是也有很多弊端，与k-means聚类算法一样，需要预先设定k值，k值的选择会影响分类的...
2019-05-19 14:45:33
1645
1
原创 matlab---基于蚁群算法求解Tsp旅行商问题
蚁群算法一、定义 蚁群算法是对自然界蚂蚁的寻径方式进行模似而得出的一种仿生算法：蚂蚁在运动过程中，能够在它所经过的路径上留下信息素的物质进行信息传递，而且蚂蚁在运动过程中能够感知这种物质，并以此指导自己的运动方向。 由大量蚂蚁组成的蚁群集体行为便表现出一种信息正反馈现象：某一路径上走过的蚂蚁越多，则后来者选择该路径的概率就越大。 蚁群算法具有分布计算、信息正反馈和启发式搜索的特征，本质上是...
2019-05-18 16:08:33
10353
9
原创 Python----Bag Of Features图像检索
当我们对特定的一张图像进行图像特征匹配时，若采用暴力匹配法，则需要多久呢？（1）250,000 张图像 --> ~ 310亿个图像对 --> 每个图相对2秒 匹配–> 500台并行计算机需要1 年才能完成计算（2） 1,000,000 张图像–> 5000亿个图像对 --> 500台并行计算机需要15 年才能完成计算可以看出，采用暴力匹配法，其效率是及其之低...
2019-05-11 22:39:03
1150
原创 Python---基础矩阵
先思考一个问题：用两个相机在不同的位置拍摄同一物体，如果两张照片中的景物有重叠的部分，就可以说这两张照片之间存在一定的对应关系，本文的任务就是描述它们之间的对应关系，描述工具是对极几何 ，和基础矩阵。对极几何1、基本概念 它是图像平面与以基线为轴的平面束的交的几何（这里的基线是指连接摄像机中心的直线）。以下图为例：对极几何描述的是左右两幅图像(点x和x’对应的图像)与以CC’为轴的平面束的...
2019-04-17 15:51:25
2826
原创 Python--利用张正友法进行相机标定
介绍 ”张正友标定”是指张正友教授1998年提出的单平面棋盘格的摄像机标定方法。该方法介于摄影标定法和自标定法之间，克服了传统标定法需要的高精度标定物的缺点，又解决了自标定法鲁棒性差的难题。传统标定法需要三个两两垂直的平面，实验器材在操作过程中难以实现，而仅需使用一个打印出来的棋盘格就可以，并从不同方向拍摄几组照片即可。相对于自标定而言，提高了精度，便于操作。因此张氏标定法被广泛应用于计算机视觉...
2019-04-14 22:30:25
1331
原创 Python--利用张正友法进行相机标定
介绍 ”张正友标定”是指张正友教授1998年提出的单平面棋盘格的摄像机标定方法。该方法介于摄影标定法和自标定法之间，克服了传统标定法需要的高精度标定物的缺点，又解决了自标定法鲁棒性差的难题。传统标定法需要三个两两垂直的平面，实验器材在操作过程中难以实现，而仅需使用一个打印出来的棋盘格就可以，并从不同方向拍摄几组照片即可。相对于自标定而言，提高了精度，便于操作。因此张氏标定法被广泛应用于计算机视觉...
2019-04-14 20:49:24
5514
5
原创 python+opencv实现照相机模型以及增强现实
一、在图片上实现3D图片投影（一）相机投影模型（1）针孔相机模型首先定义坐标系：（1）相机坐标系（三维）在这个坐标系中，相机的中心为光心，以光心c为原点和坐标轴X,Y,Z组成了相机坐标系（2）图片坐标系（二维）在一个图像平面中，以平面的中心像主点P为原点和坐标轴x,y组成了图片坐标系。这两个坐标系之间的线性变化为：（2）内参数内参数是指相机内部自带的，不受外界影响的参数，...
2019-04-08 20:05:06
2453
4
原创 python--基于RANSAC的图像全景拼接
在上一篇博客，介绍了图片映射的相关例子。但在操作中，由于噪声以及错误匹配的干扰，结果并不能让两张图片很好的拼接或者映射。例如这两幅图，由于玻璃的反射角度，光等因素，造成了使用匹配子查找特征点时产生错误如何解决这个问题呢？可以通过RANSAC方法来解决一、RANSAC RANSAC的全称是“RANdom SAmple Consensus（随机抽样一致）”。它可以从一组包含“局外点”的观测...
2019-03-31 20:04:36
4893
8
原创 python--单应性变换、仿射变换
一、 单应性变换1 概念单应性变换是将一个平面内的点映射到另一个平面内的二维投影变换。在这里，平面是指图像或者三维中的平面表面。如图，两张图片中红色的点叫做对应点对。单应性变换的目标是通过给定的几个点（通常是4对点）来得到单应性矩阵。矩阵H会将一幅图像上的一个点的坐标a=(x,y,1)映射成另一幅图像上的点的坐标b=(x1,y1,1)，则有：即进行坐标变换具体实现时，先要...
2019-03-19 21:14:42
4848
原创 python---利用sift算法实现描述子匹配以及地理标记图像
一、角点定义：像素周围显示存在多于一个方向的边，认为该点为兴趣点，也就是角点检测角点：以一个点为中心点，在该点周围设置一个窗口，局部窗口沿各方向移动。移动的情况可分为三种：1.各方向均无灰度变化：可能位于平滑部位2.左右方向有明显变化，上下无明显变化（或上下有明显变化，左右无明显变化）：可能位于边缘位置3.各个方向均产生明显灰度变化：可能位于角点位置二、SIFT算法1. 简介&...
2019-03-17 20:10:38
2230
原创 使用python实现图像的简单变换，如灰度变换、直方图均衡化、高斯滤波变换
1. 灰度变换1.1 原理当一幅rgb图像每一个点的三个彩色分量的值都相等，即R=G=B。我们就可以用其中一维来表示这个图片，因为三个分量都相等。这一个过程就叫做“灰度化”，灰度化以后得到的图片矩阵会从3维降至2维，这张图片看起来也是黑白的。1.2 NumpyNumpy是非常有名的Python科学计算工具包，其中包含了大量有用的思想，比如数组对象（用来表示向量、矩阵、图像等）以及线性代数函...
2019-03-06 21:03:19
4814
3
原创 安装anaconda3和opencv
安装anaconda31.安装anaconda31.1 进入官网选择下载3.7版本，64位1.2 安装过程1.1手动添加环境变量2. 在安装好anaconda的基础上安装opencv2.1 安装过程2.2 安装过程中问题1.安装anaconda31.1 进入官网选择下载3.7版本，64位首先，选择Downloads进行下载1.2 安装过程然后点 Just me选择好安装路径后，...
2019-03-05 21:36:55
3187
2
原创 安装python 3.7 以及pycharm
安装python 3.7 以及pycharm1.安装python3.71.1在python官网下载3.7版本2.安装pycharm2.1进入官网下载3.5版本2.2 安装2.3激活1.安装python3.71.1在python官网下载3.7版本（由于安装过程忘记截图了，所以部分图片来源于网上）勾选“add python 3.7 to PATH”这样可以自动生成环境变量，选择“Custo...
2019-03-04 22:43:35
15535
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人