everccnight-优快云博客

原创基于VUE+H5PLUS 实现app交互蓝牙打印机得功能

1.VUE如何使用H5+PLUS 在Main.js中加入如下代码,此代码是为了把plus方式绑定到Vue原型链上，避免无法使用Plus得情况Vue.prototype.$plusExtends = fn => { if (window.plus) { setTimeout(fn, 0) } else { document.addEventListener('plusready', fn, false) }}2.页面中如何调取PLUS方式 ...

2020-09-03 14:03:20 6170 3

原创基于Hyper-V的Linux 虚拟机搭建

当我们在windows电脑上想玩Linux 虚拟机怎么办，现在我就教大家，如何通过Windows自带的Hyper-V进行虚拟机安装1.安装Hyper-v虚拟机打开控制面板选择程序选择启用或关闭Windows功能安装Hyper-V（安装会重启电脑，事先保存好）如果没有Hyper-V ，请把一下代码复制到记事本里面，复制完毕后，把文件另存为H...

2019-11-28 14:08:46 736

原创三种常用方式实现后台管理系统自适应布局

后台管理系统基本都是下图的变体，先上图下面说说布局实现方式，同一套html如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...

2019-11-22 11:30:21 8004

原创 NodeJs + mysql + koa2 + sequelize 构建你的第一个 RESTful 接口（二）

NodeJs + mysql + koa2 + sequelize 构建你的第一个 RESTful 接口（一）好了，上面说到已经设计完对应的数据库了，那么现在，我们要搭建koa2+ mysql+sequelize的环境了首先先全局安装koa2 脚手架 npm install -g koa-generator 使用koa-generator 生成koa2 项目，...

2019-03-14 17:44:04 1373

原创 NodeJs + mysql + koa2 + sequelize 构建你的第一个 RESTful 接口（一）

这是一个系列，我会不定期更新，让各位前端小伙伴能够快速使用Node 开发出api今天我们来说说如何设计一个数据库现在设计数据库的方式有很多种，大家基本已经脱离了命令行，目前最常用的两种设计数据库的工具为Navicat和PowerDesigner这次我们来介绍通过PowerDesigner 设计数据库，首先先下载powerDesigner 如果没有这个软件的小伙伴，请到此处h...

2019-03-13 10:59:54 2371

原创基于html 与c++ 交互

前一阵与c++ 交互发现qt写页面实在太丑于是便使用qwebchannel.js 与c++ 进行交互发现使用起来还不错下面看看qwebchannel的用法首先新建一个qwebchannel的对象new QWebChannel(qt.webChannelTransport, function(channel) {})在webchannnel里面进行输入与书写v...

2017-09-21 22:37:04 13161

原创 sass教程随笔（四）

sass 作为一个 css 预编译语言也有很多类似与js的函数算法用于操作大量的css 1.条件语句@if 用来进行判断　p {　　　　@if 1 + 1 == 2 { border: 1px solid; }　　　　@if 5 < 3 { border: 2px dotted; }　　}配套的还的@else命令@if lightness($color) > 30

2017-08-11 09:45:32 337

原创 sass教程随笔（三）

SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss。下面的命令，可以在屏幕上显示.scss文件转化的css代码。（假设文件名为test。）　　sass test.scss

2017-08-04 13:48:41 233

原创 sass教程随笔（二）

sass 作为一个css 预编译语言使用起来其实是依赖于ruby环境下的现在需要先进行安装ruby安装因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境

2017-08-04 11:14:38 534

原创 sass教程随笔（一）

sass 作为一个 css 预编译语言现在给大家提供了很多快捷的方式方法今天就给大家随意编辑一下1.变量sass中可以定义变量，方便统一修改和维护。//scss//sass style//-----------------------------------$fontStack: Helvetica, sans-serif;$primaryColor: #333;

2017-08-04 10:36:39 407

原创基于 bootstrap-datetimepicker 联动

先看一下层级联动的案例先选择前面时间后后面的时间不要超过前面的时间先选择后面的时间后，前面的时间不要少于后面的时间下面看封装代码function initDateTimePicker(startTime, endTime, timeFormat, minview) { $(startTime).datetimepicker("remove"); $(st

2017-08-03 11:28:32 2075

原创前端的图像错误优化

对于网站图像的不显示有很多原因，网络问题，文件本身问题，文件ＵＲＬ问题等，而当图像加载失败时会触发onerror这个事件，我们利用这点，可以有效的避免图像加载失败的尴尬！这里直接写一个内联的方法但是这样在页面项目十分多的时候十分不方便更改图片也有些费劲一般个人推荐在公用方法里推出Img onerror方法html代码 js代码//图像加载出错时的处理 f

2017-08-03 10:08:05 281

原创基于pc端的滚动条插件

现在很多pc端页面会因为滚动条的占用而导致页面错乱现在我就给大家介绍一个好用的滚动条插件perfect-scrollbar先上官网demo地址 http://noraesae.github.io/perfect-scrollbar/这个插件还可以完美兼容angular.js 和 re'quire.js首先先引入js 和css 并且确定使用滚动条插件的元素是否为定位元素。可以使

2017-07-13 11:03:52 3245

原创 ajax 文件上传通过BLOB和FORM

现在大家在运用ajax的时候，经常没有放置到form表单里，但是前后端交互还是需要form表单提交的那么这类问题怎么解决那今天就来看看思路首先创建一个新的formDatavar formdata = new FormData()之后再追加进去数据 formdata.append("hsCodes",imageInfo.hsCodes)类似于key value的格式当然也可以

2017-07-12 17:26:09 958

原创 html5 如何在ios 和安卓端视频全屏

先上代码 html部分再解释一下对应的属性x5-video-player-type启用同层播放。取值固定为'h5'x5-video-player-fullscreen是否全屏。取值为'true'或'false'。x5-video-orientation视频方向。取值分别为'landscape'、'portrait'或者'l

2017-06-16 08:45:20 5287

原创基于canvas的图片保存

我们希望有的时候把canvas画板上的图像保存为图片，那么需要怎么做那这里我们可以利用 HTML5 标签的download属性。download属性可以被赋值，用来指明下载文件的名称先贴代码function convertCanvasToImage(canvas,type,name) { var image = new Image(); var

2017-06-08 09:14:04 634

原创基于canvas的图像混合物检测

当我们把一张图片放到canvas 中如何检测这样安检图是不是有混合物那，其实canvas 做的也很强大可以通过算法来检测，现在我就来给大家讲解下。混合物中，在安检机下，显示为绿色这样我们通过这个原理筛选出绿色的像素点即可ctx = canvas.getContext("2d")ctx.drawImage(imgs, 0, 0,width,height);

2017-06-08 08:49:30 334

原创基于canvas的灰度图像识别

图像有很多种，其中一种为灰度图像，我们需要通过灰度图像，进而进行伪彩等一系列的操作，那么灰度图像在canvas中如何判断那。首先灰度图像是怎么产生的那因为canvas中每一个像素点都是由rgba组成，当r=g=b的时候就是灰度图像了ctx.drawImage(imgs, 0, 0,width,height); pixels = ctx.getImageData(0,0,

2017-06-07 14:42:57 1629

原创基于canvas的图片反色处理

图片反色，其实很简单，就是黑变成白，白变成黑。如此而已下面先贴代码ctx.drawImage(imgs, 0, 0,width,height); var pixels = ctx.getImageData(0,0,width,height); var pixeldata = pixels.data; for(var

2017-06-07 14:36:49 2941

原创基于canvas的图片灰度处理

图像灰度首先需要在彩色照片上进行操作。在canvas上把彩色照片操作为灰度照片，其实就是对其像素点的操作先贴代码，再做讲解ctx.drawImage(imgs, 0, 0,width,height); var pixels = ctx.getImageData(0,0,width,height); var pixeldata = pixels.data; for(var i=0...

2017-06-07 14:14:53 10001

原创基于canvas的图像黑白处理

图像黑白首先需要在彩色照片上进行操作。在canvas上把彩色照片操作为黑白照片，其实就是对其像素点的操作先贴代码，再做讲解ctx.drawImage(imgs, 0, 0,width,height); var pixels = ctx.getImageData(0,0,width,height); var pixeldata = pixels

2017-06-07 13:28:29 2128

原创基于canvas的图像大小处理

基于base64的图像大小计算

2017-06-06 17:23:13 1932

原创基于canvas的图像无机物检测

当我们把一张图片放到canvas 中如何检测这样安检图是不是有无机物那，其实canvas 做的也很强大可以通过算法来检测，现在我就来给大家讲解下。ctx.drawImage(imgs, 0, 0,width,height);pixels = ctx.getImageData(0,0,width,height);首先先获取canvas的像素点，ctx 是canvas.get...

2017-06-06 14:38:17 487

原创基于canvas的图像有机物检测

当我们把一张图片放到canvas 中如何检测这样安检图是不是有有机物那，其实canvas 做的也很强大可以通过算法来检测，现在我就来给大家讲解下。ctx.drawImage(imgs, 0, 0,width,height); pixels = ctx.getImageData(0,0,width,height);首先先获取canvas的像素点，ctx 是canva

2017-06-06 14:18:06 667