<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[everccnight的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/everccnight</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; everccnight]]></copyright><item><title><![CDATA[基于VUE+H5PLUS 实现app交互蓝牙打印机得功能]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/108381188</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/108381188</guid><author>everccnight</author><pubDate>Thu, 03 Sep 2020 14:03:20 +0800</pubDate><description><![CDATA[1.VUE如何使用H5+PLUS

   在Main.js中加入如下代码,此代码是为了把plus方式绑定到Vue原型链上，避免无法使用Plus得情况


Vue.prototype.$plusExtends = fn =&gt; {
  if (window.plus) {
    setTimeout(fn, 0)
  } else {
    document.addEventListener('plusready', fn, false)
  }
}

2.页面中如何调取PLUS方式

  ...]]></description><category></category></item><item><title><![CDATA[基于Hyper-V的Linux 虚拟机搭建]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/103292007</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/103292007</guid><author>everccnight</author><pubDate>Thu, 28 Nov 2019 14:08:46 +0800</pubDate><description><![CDATA[当我们在windows电脑上想玩Linux 虚拟机怎么办，现在我就教大家，如何通过Windows自带的Hyper-V进行虚拟机安装

1.安装Hyper-v虚拟机


	打开控制面板
	
	
	选择程序
	
	
	选择启用或关闭Windows功能
	
	
	安装Hyper-V（安装会重启电脑，事先保存好）
	
	
	如果没有Hyper-V ，请把一下代码复制到记事本里面，复制完毕后，把文件另存为H...]]></description><category></category></item><item><title><![CDATA[三种常用方式  实现后台管理系统自适应布局]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/103197721</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/103197721</guid><author>everccnight</author><pubDate>Fri, 22 Nov 2019 11:30:21 +0800</pubDate><description><![CDATA[后台管理系统基本都是下图的变体，先上图

下面说说布局实现方式，同一套html如下


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-sc...]]></description><category></category></item><item><title><![CDATA[NodeJs + mysql + koa2 + sequelize 构建你的第一个 RESTful 接口（二）]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/88557022</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/88557022</guid><author>everccnight</author><pubDate>Thu, 14 Mar 2019 17:44:04 +0800</pubDate><description><![CDATA[NodeJs + mysql + koa2 + sequelize 构建你的第一个 RESTful 接口（一）

好了 ，上面说到已经设计完对应的数据库了，那么现在，我们要搭建koa2+ mysql+sequelize的环境了


首先 先全局安装koa2 脚手架
	
npm install -g koa-generator

	
	
	
	使用koa-generator 生成koa2 项目，...]]></description><category></category></item><item><title><![CDATA[NodeJs + mysql + koa2 + sequelize 构建你的第一个 RESTful 接口（一）]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/88524229</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/88524229</guid><author>everccnight</author><pubDate>Wed, 13 Mar 2019 10:59:54 +0800</pubDate><description><![CDATA[这是一个系列，我会不定期更新，让各位前端小伙伴能够快速使用Node 开发出api


今天我们来说说 如何设计一个数据库
现在设计数据库的方式有很多种，大家基本已经脱离了命令行，目前最常用的两种设计数据库的工具为Navicat和PowerDesigner

这次 我们来介绍 通过PowerDesigner 设计数据库，首先 先下载powerDesigner 如果没有这个软件的小伙伴，请到此处h...]]></description><category></category></item><item><title><![CDATA[基于html 与c++ 交互]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/78057799</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/78057799</guid><author>everccnight</author><pubDate>Thu, 21 Sep 2017 22:37:04 +0800</pubDate><description><![CDATA[前一阵 与c++ 交互 发现qt写页面实在太丑 于是便使用qwebchannel.js 与c++ 进行交互 发现使用起来还不错

下面 看看qwebchannel的用法

首先 新建一个qwebchannel的对象


new QWebChannel(qt.webChannelTransport, function(channel) {})

在webchannnel里面进行输入与书写


v...]]></description><category></category></item><item><title><![CDATA[sass教程随笔（四）]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/76681763</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/76681763</guid><author>everccnight</author><pubDate>Fri, 11 Aug 2017 09:45:32 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[sass教程随笔（三）]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/76680553</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/76680553</guid><author>everccnight</author><pubDate>Fri, 04 Aug 2017 13:48:41 +0800</pubDate><description><![CDATA[SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss。
下面的命令，可以在屏幕上显示.scss文件转化的css代码。（假设文件名为test。）
　　sass   test.scss]]></description><category></category></item><item><title><![CDATA[sass教程随笔（二）]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/76667681</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/76667681</guid><author>everccnight</author><pubDate>Fri, 04 Aug 2017 11:14:38 +0800</pubDate><description><![CDATA[sass 作为一个css 预编译语言 使用起来  其实是依赖于ruby环境下的 现在需要先进行安装

ruby安装

因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby

在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境


]]></description><category></category></item><item><title><![CDATA[sass教程随笔（一）]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/76664857</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/76664857</guid><author>everccnight</author><pubDate>Fri, 04 Aug 2017 10:36:39 +0800</pubDate><description><![CDATA[sass 作为一个 css 预编译语言 现在给大家提供了很多快捷的方式 方法 今天就给大家随意编辑一下
1.变量

sass中可以定义变量，方便统一修改和维护。//scss
//sass style
//-----------------------------------
$fontStack:    Helvetica, sans-serif;
$primaryColor: #333;]]></description><category></category></item><item><title><![CDATA[基于 bootstrap-datetimepicker  联动]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/76613051</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/76613051</guid><author>everccnight</author><pubDate>Thu, 03 Aug 2017 11:28:32 +0800</pubDate><description><![CDATA[先看一下 层级联动的案例
   先选择前面时间后  后面的时间不要超过前面的时间 
 先选择后面的时间后，前面的时间不要少于后面的时间
下面看封装代码function initDateTimePicker(startTime, endTime, timeFormat, minview) {
    $(startTime).datetimepicker("remove");
    $(st]]></description><category></category></item><item><title><![CDATA[前端的图像错误优化]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/76607269</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/76607269</guid><author>everccnight</author><pubDate>Thu, 03 Aug 2017 10:08:05 +0800</pubDate><description><![CDATA[对于网站图像的不显示有很多原因，网络问题，文件本身问题，文件ＵＲＬ问题等，而当图像加载失败时会触发onerror这个事件，我们利用这点，可以有效的避免图像加载失败的尴尬！ 

  这里直接写一个内联的方法   但是这样在页面项目十分多的时候  十分不方便  更改图片也 有些费劲
一般个人推荐在公用方法里推出Img onerror方法
html代码 js代码
//图像加载出错时的处理 
f]]></description><category></category></item><item><title><![CDATA[基于pc端的滚动条插件]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/75046699</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/75046699</guid><author>everccnight</author><pubDate>Thu, 13 Jul 2017 11:03:52 +0800</pubDate><description><![CDATA[现在很多pc端页面会因为滚动条的占用而导致页面错乱
现在 我就给大家介绍一个好用的滚动条插件perfect-scrollbar
先上官网demo地址 http://noraesae.github.io/perfect-scrollbar/
这个插件还可以完美兼容angular.js 和 re'quire.js
首先先引入js 和css 并且确定使用滚动条插件的元素是否为定位元素。
可以使]]></description><category></category></item><item><title><![CDATA[ajax 文件上传 通过BLOB和FORM]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/75035812</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/75035812</guid><author>everccnight</author><pubDate>Wed, 12 Jul 2017 17:26:09 +0800</pubDate><description><![CDATA[现在大家在运用ajax的时候，经常没有放置到form表单里，但是前后端交互还是需要form表单提交的
那么这类问题怎么解决那 今天 就来看看思路
首先 创建一个新的formDatavar formdata = new FormData()之后再追加进去数据 formdata.append("hsCodes",imageInfo.hsCodes)类似于key value的格式
当然 也可以]]></description><category></category></item><item><title><![CDATA[html5 如何在ios 和安卓端视频全屏]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/73321078</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/73321078</guid><author>everccnight</author><pubDate>Fri, 16 Jun 2017 08:45:20 +0800</pubDate><description><![CDATA[先上代码  html部分
        	
        
再解释一下对应的属性
x5-video-player-type
启用同层播放。取值固定为'h5'

x5-video-player-fullscreen
是否全屏。取值为'true'或'false'。

x5-video-orientation
视频方向。取值分别为'landscape'、'portrait'或者'l]]></description><category></category></item><item><title><![CDATA[基于canvas的图片保存]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/72910017</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/72910017</guid><author>everccnight</author><pubDate>Thu, 08 Jun 2017 09:14:04 +0800</pubDate><description><![CDATA[我们希望有的时候把canvas画板上的图像保存为图片，那么需要怎么做那
这里 我们可以利用 HTML5 标签的download属性。
download属性可以被赋值，用来指明下载文件的名称

先贴代码
function convertCanvasToImage(canvas,type,name) {
        var image = new Image();
        var]]></description><category></category></item><item><title><![CDATA[基于canvas的图像混合物检测]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/72909847</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/72909847</guid><author>everccnight</author><pubDate>Thu, 08 Jun 2017 08:49:30 +0800</pubDate><description><![CDATA[当我们把一张图片放到canvas 中  如何检测 这样安检图是不是有混合物那，其实canvas 做的也很强大可以通过算法来检测，现在 我就来给大家讲解下。
混合物中，在安检机下，显示为绿色 这样 我们通过这个原理 筛选出绿色的像素点即可
ctx = canvas.getContext("2d")
ctx.drawImage(imgs, 0, 0,width,height);  
       ]]></description><category></category></item><item><title><![CDATA[基于canvas的灰度图像识别]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/72899617</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/72899617</guid><author>everccnight</author><pubDate>Wed, 07 Jun 2017 14:42:57 +0800</pubDate><description><![CDATA[图像 有很多种，其中一种为灰度图像，我们需要通过灰度图像，进而进行伪彩等一系列的操作，那么灰度图像在canvas中如何判断那。
首先 灰度图像是怎么产生的那 因为canvas中 每一个像素点都是由rgba组成，当r=g=b的时候就是灰度图像了ctx.drawImage(imgs, 0, 0,width,height);
        pixels = ctx.getImageData(0,0,]]></description><category></category></item><item><title><![CDATA[基于canvas的图片反色处理]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/72899523</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/72899523</guid><author>everccnight</author><pubDate>Wed, 07 Jun 2017 14:36:49 +0800</pubDate><description><![CDATA[图片反色，其实很简单，就是黑变成白，白变成黑。如此而已 
下面先贴代码
ctx.drawImage(imgs, 0, 0,width,height);
            var pixels = ctx.getImageData(0,0,width,height);
            var pixeldata = pixels.data;
            for(var ]]></description><category></category></item><item><title><![CDATA[基于canvas的图片灰度处理]]></title><link>https://blog.youkuaiyun.com/everccnight/article/details/72899198</link><guid>https://blog.youkuaiyun.com/everccnight/article/details/72899198</guid><author>everccnight</author><pubDate>Wed, 07 Jun 2017 14:14:53 +0800</pubDate><description><![CDATA[图像灰度 首先需要在彩色照片上进行操作。在canvas上把彩色照片操作为灰度照片，其实就是对其像素点的操作

先贴代码，再做讲解


ctx.drawImage(imgs, 0, 0,width,height); 
var pixels = ctx.getImageData(0,0,width,height); 
var pixeldata = pixels.data; 
for(var i=0...]]></description><category></category></item></channel></rss>