IT和尚-CSDN博客

原创 docker 常用命令

#MacOS 安装 dockerbrew cask install docker#docker的镜像使用#查看镜像列表 docker images #获取一个新的镜像docker pull ubuntu:13.10#运行镜像docker run httpd#停止运行容器docker stop#查看所有分组网络docker network list#查看镜像...

2018-12-07 12:30:24 168

原创 ReactTransitionGroup 工具的使用代码直接上，理论不说了

test.jsx import ReactTransitionGroup from 'react-addons-css-transition-group';.... <div className="helpModal" > <ReactTransitionGroup transitionName="modal" transitionEnterTime...

2018-12-06 18:04:05 221

转载 nodejs 使用axios模块发起http请求，并进行拦截各种请求数据

1.安装axiosnpm install axios --save -g2、先写好拦截器、服务等新建一个名为http_server.js的文件// http_server.jsvar axios = require("axios")// 创建axios实例sconst service = axios.create({ baseURL: "http://127.0.0...

2018-12-03 14:38:43 2648

原创 Html5 前端网页滚动条样式的设置

一个丑丑的滚动条在某些时候是非常碍眼的，移动端由于屏幕小的缘故，更是显眼，最好还是让它能不出现，就不出现。除了用div遮罩外，许多浏览器内核也提供了私有属性控制滚动条的样式。移动端多为weibkit内核，滚动条的定制方案提供的很完善，蛮强大的哦~最基本的，overflow属性先设置好auto或者scroll，而不是hidden，毕竟我们仅仅是隐藏了滚动条，而不是让它整个都不能滚了。。。滚动...

2018-11-14 09:56:58 10960 2

转载 Sg2.9

https://scriptographer.org/tutorials/geometry/vector-geometryInstead of using these two separate values, it is much easier to use a vector as a container for the them. To calculate this vector, we...

2018-11-10 18:05:14 167

转载 Paper.js 在线绘画软件使用

http://paperjs.org/features/#paths-x26-segments Paper.js provides a Document Object Model (also called a Scene Graph) that is very easy to work with. Create a project and populate it with layers, ...

2018-11-10 17:58:26 3539

转载用c51命令行编译HEX单片机文件

刚开始学STC51单片机的开发，用Keil uVision4进行编辑和编译。Keil的IDE是使用工程方式组织，对于小弟初学并不是很方便。每次做个试验都要建立一个工程，而且会出现一堆文件。虽然电脑还可以，感觉启动IED比较慢 Keil的编辑器对中文的支持并不太好由于改动并不一定在已打开IED的情况比较多，每次都必须打开Keil编译，郁闷的很。最最最主要的还是想简单方便点出于上面...

2018-11-01 15:15:56 1985

转载 MeanShift用于彩色图像分割（OpenCV）

一、均值偏移（Mean Shift）算法Mean Shift算法，一般是指一个迭代的步骤，即先算出当前点的偏移均值，移动该点到其偏移均值，然后以此为新的起始点。继续移动，直到满足一定的条件结束。Mean Shift向量定义：上述定义的理解：在d维空间中，任选一个点，然后以这个点为圆心，h为半径做一个高维球，因为有d维，d可能大于2，所以是高维球。落在这个球内的所有点和圆心都会产生一个向...

2018-10-19 14:26:22 458

转载 SVG 路径(path)

<path>元素是SVG基本形状中最强大的一个，它不仅能创建其他基本形状，还能创建更多其他形状。另外，path只需要设定很少的点，就可以创建平滑流畅的线条（比如曲线）。虽然polyline元素也能实现类似的效果，但是必须设置大量的点（点越密集，越接近连续，看起来越平滑流畅），并且这种做法不能够放大（放大后，点的离散更明显）。为了更好的理解path，你最好用path实际画一个 SV...

2018-10-17 12:04:46 1912

转载 JS 拖拽事件

这里写的是一个原生js实现拖拽的效果，首先：1、实现拖拽的三大事件，是要首先清楚的onmousedown （鼠标按下的时候）、onmousemove（鼠标移动的时候）、onmouseup（鼠标松开的时候）2、给目标元素加上onmousedown时间，记录鼠标按下的时候，鼠标距离所在元素的位置（就是鼠标距离所在元素边界的距离left、top）记录为disX、disY。要注意的是，要移动的...

2018-10-15 15:07:02 10770

转载圆上点的坐标

求圆上点的坐标需要已知的条件：圆心、半径、角度假设圆心:o (x0,y0)半径:r角度:angle (角度是相对于图中红点位置而言，逆时针为负数，顺时针为正) 计算公式： p2 (x1,y1), 其中angle = 30 x1 = x0 + r * cos(angle * PI / 180)y1 = y0 + r * sin(angle * PI /180)...

2018-10-08 10:39:09 18314 2

转载 Reac包裹标签 React.Fragment 去除多出个div

在 Vue 里，我们会用 <template></template> 标签来包裹一些不能有父容器的复数同级标签。例如在 <tbody></tbody> 标签中，我们只能放置 <tr></tr>标签，假如我们同时有多个 <tr> 标签被赋值给一个 JSX 变量，那么在 React 里也有类似的功能：&lt

2018-09-21 11:01:31 1090

转载使用Visual Studio Code开发Arduino

如果要用Arduino开发比较大型的项目，你可能就会感到简单直观的Arduino IDE不是那么好用了。它没有代码补全功能，无法快速的查找跳转函数，也不能很好的管理你的项目资源。　　其实还有很多IDE都可以通过自己配置，或者安装插件的方式来支持Arduino的开发，如Eclipse、Atmel Stduio、Visual Studio等。这里介绍使用Visual Studio Code结合Ar...

2018-09-13 11:17:09 9281 2

转载 three.js 变换大小、角度、位移控件 TransformControls.js

TransformControls.js：鼠标操控物体移动、缩放、旋转的控件（物体操作工具）该控件可以实现可视化操作三维模型，通过选中一个三维模型，然后通过控件对象的方法attach()可以把选中的三维模型与控件TransformControls绑定，你可以把控件对象TransformControls理解为一个特殊的三维模型，比如平移状态，控件对象TransformControls就是一个三...

2018-09-11 11:55:39 3244

转载 Altium Designer 10 下载和安装破解教程

最近需要画几幅电路图，本想装protel99se，总觉得软件太老，还是算了。经实验室师兄推荐，下了个Altium Designer，以下是安装破解的教程记录。下载Altium.Designer.10.589.22577 点击下载（密码：n7m9）安装1、解压缩下载的文件大概在3.4GB左右，解压一次之后变为6.3GB的iso文件，再解压一次，则变成了文件夹的形式。2、点...

2018-09-07 22:27:06 53265 34

原创 Arduino系列之超声波测距模块代码（一）

这里我将简单介绍超声波测距模块SR04超声波传感器：是利用超声波特性检测距离的传感器，其带有两个超声波探头，分别用作于发射和接收超声波。范围在3-450cm。工作原理：超声波发射器向某一方向发射超声波，在发射的同时开始计时；超声波在空气中传播，途中遇到障碍物则立即返回，超声波接收器收到反射波则立即停止计时。声波在空气中传播速度为340m/s，根据计时器记录时间t，即可算出发...

2018-09-05 18:08:41 11742 4

转载 Arduino携手LCD1602 向世界问好“hello World！”

https://blog.csdn.net/ling3ye/article/details/51372508

2018-09-05 10:55:28 493

转载 node串口操作-serialport

依赖插件：serilaport安装：npm install serialport -savenode程序：var SerialPort = require("serialport").SerialPort;var serialPort = new SerialPort("COM2", { baudrate: 115200});serialPort.on( "data", f...

2018-09-03 18:45:43 5705 2

转载深入理解 React 高阶组件

在目前的前端社区，『推崇组合，不推荐继承（prefer composition than inheritance）』已经成为了比较好的实践，mixin 也因为自身的一些问题而渐渐不被推荐。高阶组件（Higher order components）作为 mixin 之外的一种组件抽象与处理形式，有哪些不同和好处呢？继续阅读来了解一下吧！本文翻译自 franleplant的博客 React Hig...

2018-08-31 11:46:01 474

转载 Nodejs进阶：基于express+multer的文件上传

图片上传是web开发中经常用到的功能，node社区在这方面也有了相对完善的支持。常用的开源组件有multer、formidable等，借助这两个开源组件，可以轻松搞定图片上传。本文主要讲解以下内容，后续章节会对技术实现细节进行深入挖掘。本文所有例子均有代码示例，可在这里查看。基础例子：借助express、multer实现单图、多图上传。常用API：获取上传的图片的信息。进阶使用...

2018-08-28 18:17:05 774

原创 svg path大法d属性详解

svg:path有d属性，而d属性是最牛B的！<svg width="100%" height="100%"> <path d="M0,0 L240,0 L240,240 L0,240 Z" fill="#fff" stroke="#000" stroke-width="10" transform="translate(5,5)&

2018-08-21 17:48:13 14189 1

原创 React高阶组件

为什么要使用高阶组件？想想以前用原生和jQuery的项目，上千行的code映入眼帘，瞬间有种昏死过去的冲动。代码难以维护，改一个bug可能出现N个bug，真的是很痛苦。于是乎组件化成为了当前前端开发的主流技术。angular、vue和react很好的帮我们实现了组件化。但是我们常常也会遇到一种情况，就是两个组件往往有很多的重复代码(可能是相同的属性，也可能是相同的方法)。例如，在登录和注册...

2018-08-21 11:12:48 1279

原创 nodex 解决跨哉请求的解决方案express

直接上代码const express = require('express');const app = express()const hy = require('./routes/hy');app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); re...

2018-08-12 22:45:24 293

原创 Electron+React开发桌面应用之Electron环境快速配置：脚手架

环境搭建前提是安装好npm和nodejs，安装以下开发环境，若安装失败则尝试翻墙或者使用淘宝镜像cnmpelectron环境安装npm install -g electron-prebuiltnpm install -g electron-packager// create-react-app安装npm install -g create-react-appnpm ins...

2018-08-12 00:34:51 2765

原创使用npm安装electron不成功的解决方法

使用npm安装electron不成功的解决方法根据官网提供的electron的npm安装方法，使用下面的命令进行安装，结果不成功通过查阅相关资料，了解到，可能是由于国外镜像不能访问的原因，所以使用国内镜像进行安装。国内比较出名的npm镜像为可以通过以下命令从淘宝NPM安装npm install -g package --registry=https://registry.n...

2018-08-12 00:15:28 3467

原创 nodejs调用脚本(python/shell)和系统命令

每种语言都有自己的优势，互相结合起来各取所长程序执行起来效率更高或者说哪种实现方式较简单就用哪个，nodejs是利用子进程来调用系统命令或者文件，文档见 http://nodejs.org/api/child_process.html ，NodeJS子进程提供了与系统交互的重要接口，其主要API有：标准输入、标准输出及标准错误输出的接口。NodeJS 子进程提供了与系统交互的重要接口，其主要...

2018-08-11 13:48:42 744

原创跨平台的 UI 自动化测试框架

https://www.oschina.net/p/airtestAirtest 详细介绍

2018-08-07 10:55:09 706

转载 adb通过wifi连接android设备

问题背景近期的项目测试中，需要将移动设备与厂商机器进行usb连接视频传输（投屏）。测试过程中需要定位问题，经常需要查看实时日志，移动设备已经和厂商机器usb连接投屏，无法用usb连接到PC，那么有什么办法可以解决上面的问题呢？adb支持usb连接模式和tcpip连接模式，我们可以用tcpip模式通过wifi无线连接adb。其他应用场景usb线比较松的时候，adb连接经常断开；usb...

2018-07-26 12:03:07 248

转载 cordova在ios系统实现录音功能的的解决方法

console.log("录音开始"); var myMedia = new Media('cdvfile://localhost/bundle/www/res/media/piano123.wav', onSuccess, onErrorLoadFs); myMedia.startRecord(); await this.wait(5000); myMedia.stopRec...

2018-07-18 10:55:07 1660

转载使用Tensorflow构建和训练自己的CNN来做简单的验证码识别

Tensorflow是目前最流行的深度学习框架，我们可以用它来搭建自己的卷积神经网络并训练自己的分类器，本文介绍怎样使用Tensorflow构建自己的CNN，怎样训练用于简单的验证码识别的分类器。本文假设你已经安装好了Tensorflow，了解过CNN的一些知识。下面将分步介绍怎样获得训练数据，怎样使用tensorflow构建卷积神经网络，怎样训练，以及怎样测试训练出来的分类器1. ...

2018-07-14 23:35:26 546 1

转载关闭令人抓狂的ESlint 语法检测配置方法《《《非人类的方法

刚刚开始的小伙伴是不是空格报错少一行报错各种错？是不是觉得快被限制的失去了自由的思绪了？受折磨后找到了不错的文章来取消eslint语法检测限制，作为学习笔记摘自segmentfault其实我并不反对这些语法检测，但是像许多反个人意愿的那就真的不得不吐槽了，比如vue-cli脚手架创建的默认eslint规则：代码末尾不能加分号 ;代码中不能存在多行空行tab键不能使用，必须换成两个空格代码中不能存在...

2018-07-13 10:52:18 863

原创 Yii2 深入了解模型之增删改查

. 查询所有Article::findAll(['status'=>1]); 2.查询一条Article::findOne(1); //根据ID查询Article::findOne(['status' => 1]); //根据条件查询 3.find()方法返回yii\db\ActiveQuery查询Article::find(...

2018-07-11 14:24:59 221

原创 TensorFlow 完整的TensorFlow入门教程

1：你想要学习TensorFlow，首先你得安装Tensorflow，在你学习的时候你最好懂以下的知识： a：怎么用python编程； b：了解一些关于数组的知识； c：最理想的情况是：关于机器学习，懂一点点；或者不懂也是可以慢慢开始学习的。2：TensorFlow提供很多API，最低级别是API:TensorFlow Core，提供给你完成程序控制,还有一些高级别的API，...

2018-07-10 23:04:56 772

原创 js获取文件后缀

//获取文件后缀 function getType(file){ var filename=file; var index1=filename.lastIndexOf("."); var index2=filename.length;alert(index2); var type...

2018-07-10 11:49:20 8643 1

原创 corodva操作文件类目录浏览

#cordova-plugin-media 录音并打包上传https://www.jianshu.com/p/e07f38434ffd二、读取文件已有的方法为利用 H5 的 FileReader.readAsDataUrl() 方法，但是文件只能由用户拖拽或选择路径，详情可参看参考文献。四、删除文件如需删除手机本地文件，可获取文件入口fileEntry后调用其remove方法媒体播放音乐 cord...

2018-07-09 19:27:12 690

原创 SetForegroundWindow(激活窗口至前端)失败的解决方法）有代码

SetForegroundWindow函数将创建指定的窗口，并激活到前台窗口的线程。键盘输入窗口，并为用户更改不同的视觉线索。该系统分配一个优先略高前景的窗口，比它其他线程创建的线程。语法　　BOOL SetForegroundWindow（　　　　HWND HWND ）;参数HWND　　[in]应该被激活，并带到前景的窗口句柄。返回值　　如果窗口被带到前台，返回值为非零...

2018-07-08 12:20:35 31179

原创 React 子组件调用 this.props.history.push();发生报错的解决方案

可以通过父组件传给子组件history.push()的方式去解决父组件代码 render() { return ( <div className="homePage"> <MyAppModal history ={this.props.history} /> </div>)}子组件的调用history.pu...

2018-07-07 10:06:31 10463

原创 python 指定浏览器打开网页 / 文件

1. startfile方法（打开指定浏览器）import osos.startfile("C:\Program Files\internet explorer\iexplore.exe")2. system方法　　打开指定浏览器：import osos.system('"C:\Program Files\internet explorer\iexplore.exe"')3.通过指定浏览器打开...

2018-07-06 15:06:15 15325 5

原创 react生命周期的基本用法

写react也快半年了，讲一下自己对于生命周期的理解及各个生命周期的作用首先，看一下一个组件的构造1、constructorconstructor参数接受两个参数props,context可以获取到父组件传下来的的props,context,如果你想在constructor构造函数内部(注意是内部哦，在组件其他地方是可以直接接收的)使用props或context,则需要传入，并传入super对象。...

2018-07-05 18:22:41 179

原创 React ref属性使用与注意的问题

先绑定需要操作的对像<GsAiComponent ref="getSensor" onCancel={this.handleCancel.bind(this)} />然后进行绑定对像的操作this.refs.xxxx.xx()注意在调用this.refs.xx()前最好先用判断this, refs.xx是否存在,不然在子组件没出现前就调用，会报错if(this.refs.xxx){...

2018-07-05 16:44:14 1462