<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[github_39274378的博客]]></title><description><![CDATA[更多可关注公众号nhclike]]></description><link>https://blog.youkuaiyun.com/github_39274378</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_39274378]]></copyright><item><title><![CDATA[动态绘制圆桌座椅并且旋转座椅角度(chrome)]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/115903487</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/115903487</guid><author>github_39274378</author><pubDate>Tue, 20 Apr 2021 13:20:12 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;style&gt;
    .container{
        width: 100%;
        height: 100%;
        display: flex;
    .]]></description><category></category></item><item><title><![CDATA[动态生成圆桌座椅兼容ie/chrome]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/115903267</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/115903267</guid><author>github_39274378</author><pubDate>Tue, 20 Apr 2021 13:16:31 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;style&gt;
    .container{
        width: 100%;
        height: 100%;
        display: flex;
    .]]></description><category></category></item><item><title><![CDATA[(chrome)vue+tracking实现人脸识别登录]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/115901703</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/115901703</guid><author>github_39274378</author><pubDate>Tue, 20 Apr 2021 12:45:26 +0800</pubDate><description><![CDATA[vue+tracking实现人脸识别登录


&lt;template&gt;
  &lt;div&gt;
      &lt;el-button type="primary" @click="initFaceCamera"&gt;开始人脸识别&lt;/el-button&gt;
      &lt;div class="faceCamera"&gt;
            &lt;video
                ref="video"
                id="video"
 ]]></description><category></category></item><item><title><![CDATA[vue+node(socket.io)+webRTC实现一对一通话测试]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/103767330</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/103767330</guid><author>github_39274378</author><pubDate>Mon, 30 Dec 2019 15:42:05 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;div id="container"&gt;
   &lt;h2&gt;一对一视频通讯&lt;/h2&gt;
   &lt;div&gt; 
       &lt;button id="connServer" :disabled="connectFlag" @click="connServer"&gt;Connect Sig Server&lt;/...]]></description><category></category></item><item><title><![CDATA[vue+webRTC对webRTC基本api测试demo]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/103767071</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/103767071</guid><author>github_39274378</author><pubDate>Mon, 30 Dec 2019 15:37:04 +0800</pubDate><description><![CDATA[webRTC基本功能测试demo

video.vue代码


&lt;template&gt;
  &lt;div class="video"&gt;
    &lt;h2&gt;基本api测试&lt;/h2&gt;
    &lt;div class="video__partner"&gt;
       &lt;div&gt;
        &lt;label&gt;audio Sourc...]]></description><category></category></item><item><title><![CDATA[手写多图片合并成一张图片功能插件（水印合成）]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/88526260</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/88526260</guid><author>github_39274378</author><pubDate>Wed, 13 Mar 2019 10:03:58 +0800</pubDate><description><![CDATA[效果图如上


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
	&amp;lt;title&amp;gt;图片合并&amp;lt;/title&amp;gt;
	&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
	&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initi]]></description><category></category></item><item><title><![CDATA[手写带时间段切割的进度条]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/88418659</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/88418659</guid><author>github_39274378</author><pubDate>Tue, 12 Mar 2019 13:04:16 +0800</pubDate><description><![CDATA[效果图：




&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
   &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;
   &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1.0,user-scalable=no&quot;&amp;gt;
 ]]></description><category></category></item><item><title><![CDATA[设置img.src时报错SCRIPT5:拒绝访问]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/88417154</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/88417154</guid><author>github_39274378</author><pubDate>Tue, 12 Mar 2019 11:27:37 +0800</pubDate><description><![CDATA[环境ie11

用canvas绘图

var ctxDom=document.getElementById(&quot;canvas&quot;)
var context = ctxDom.getContext('2d');
 
 var imgObject = new Image();  
 imgObject.onload = function() {
  contex...]]></description><category></category></item><item><title><![CDATA[vue项目打包后报错Cannot read property 'NODE_ENV' of undefined]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/82789115</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/82789115</guid><author>github_39274378</author><pubDate>Thu, 20 Sep 2018 16:21:16 +0800</pubDate><description><![CDATA[我的环境

webpack 3.6.0  vue 2.3.3   ---版本很重要（如果你跟我的版本相差太大可能要另寻解决办法）

webpack.prod.conf.js中需要配置DefinePlugin如下---完美解决


var webpack = require('webpack')

module.exports = {
  // ...
  plugins: [
    // ......]]></description><category></category></item><item><title><![CDATA[“插件(application/x-vlc-plugin)不受支持”NPAPI和PPAPI的问题]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/82733616</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/82733616</guid><author>github_39274378</author><pubDate>Mon, 17 Sep 2018 10:39:16 +0800</pubDate><description><![CDATA[ 最近做一个前端的项目，项目需要引用VLC浏览器插件，javascript在IE、Firefox等浏览器上都没有问题，唯独在Chrome(谷歌)浏览器中插件不能被会支持。

　　  不断更换Chrome版本后发现了问题。只有41版本以前才支持VLC插件。后来查阅资料发现，这是NPAPI和PPAPI的问题。

　　  简单的说，NPAPI（Netscape Plugin API）插件接口最早是专为N...]]></description><category></category></item><item><title><![CDATA[合并多个对象并且去重的2种写法（es6）]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/82257274</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/82257274</guid><author>github_39274378</author><pubDate>Fri, 31 Aug 2018 15:38:37 +0800</pubDate><description><![CDATA[直接上测试代码


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
	&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
	&amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
	&amp;lt;h1&a]]></description><category></category></item><item><title><![CDATA[canvas实现响应式页面]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/82014467</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/82014467</guid><author>github_39274378</author><pubDate>Fri, 24 Aug 2018 11:09:34 +0800</pubDate><description><![CDATA[大家可以看下下面这个页面，看似简单，但想要完美的实现效果却并不是那么简单，由于后面有六边形背景图且需要和我们的选择项对齐。下面我给出我写的demo



 


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
	&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
	&amp;lt;title&amp;gt;Title&amp;lt;]]></description><category></category></item><item><title><![CDATA[vlc播放器版本]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/81913000</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/81913000</guid><author>github_39274378</author><pubDate>Tue, 21 Aug 2018 19:26:07 +0800</pubDate><description><![CDATA[测试过vlc4个版本

0.8.6i-----需要自己注册axvlc.dll


regsvr32 对应自己的目录下\axvlc.dll

ie7可以播放rtsp和http

但是http播放会花屏

下载地址

https://download.youkuaiyun.com/download/github_39274378/10618338

 

2.2.4

安装直接可用，可播放rtsp和http

只...]]></description><category></category></item><item><title><![CDATA[跨域原理及解决]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/81671363</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/81671363</guid><author>github_39274378</author><pubDate>Tue, 14 Aug 2018 17:42:24 +0800</pubDate><description><![CDATA[解决跨域原理：

首先我们需要理解几点

1jsonp发送的并不是一个ajax请求，是一个script标签

 

2script标签没有同源策略限制，支持跨域请求

 

3此时我们将这个script的src指向真实的服务器地址并且携带一个callback=a这样一个参数，后台解析并且返回a这个方法里面包裹着我们需要的数据

 

4在发送请求前，前台windows中注册a这个方法，之后在a这个...]]></description><category></category></item><item><title><![CDATA[jsonp使用]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/81671313</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/81671313</guid><author>github_39274378</author><pubDate>Tue, 14 Aug 2018 17:39:03 +0800</pubDate><description><![CDATA[github地址

https://github.com/webmodules/jsonp

安装与使用api文档有详细介绍，我这里只是介绍下，自定义封装使用

jsonp.js


import originJsonp from 'jsonp'
export default function jsonp(url,data,option) {         //原始的jsonp中需要把url封装...]]></description><category></category></item><item><title><![CDATA[qq音乐接口请求踩坑]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/81671147</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/81671147</guid><author>github_39274378</author><pubDate>Tue, 14 Aug 2018 17:36:41 +0800</pubDate><description><![CDATA[1 通用参数设置

config.js


export const commonParams={
  g_tk:5381,
  inCharset:'utf-8',
  outCharset:'utf-8',
  notice:0,
  format:'jsonp'

};

export const options={
  param:'jsonpCallback'
};

2  直接通过js...]]></description><category></category></item><item><title><![CDATA[Promise小结]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/81670921</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/81670921</guid><author>github_39274378</author><pubDate>Tue, 14 Aug 2018 17:28:34 +0800</pubDate><description><![CDATA[基本用法

1声明一个Promise对象


// 方法1 let promise = 
  new Promise ( (resolve, reject) =&amp;gt; { 
        if ( success ) { resolve(a) // pending ——&amp;gt; resolved 参数将传递给对应的回调方法 } 
        else { 
            reje...]]></description><category></category></item><item><title><![CDATA[less使用小结]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/81629390</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/81629390</guid><author>github_39274378</author><pubDate>Mon, 13 Aug 2018 14:29:43 +0800</pubDate><description><![CDATA[编译 background缩写加e('/')


background: url(../img/dial-del.png) 0 0 e('/') 24px 16px no-repeat;

less的继承


@import &quot;variable.less&quot;;

less写mixin方法


.bg-image(@url) {
  background-image: url(&quot;@{url}@2x.p...]]></description><category></category></item><item><title><![CDATA[vuex使用完整版]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/81542610</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/81542610</guid><author>github_39274378</author><pubDate>Thu, 09 Aug 2018 19:22:57 +0800</pubDate><description><![CDATA[场景2需要在vuex中大量管理数据

定义文件和变量

文件设置,在src下添加如下的文件目录

--store

---actions.js

---getters.js

---index.js

---mutation-types.js

---mutations.js

---state.js

第一步设计state.js,这里面确定需要被vuex管理的变量

state.js


imp...]]></description><category></category></item><item><title><![CDATA[vuex使用简易版]]></title><link>https://blog.youkuaiyun.com/github_39274378/article/details/81542554</link><guid>https://blog.youkuaiyun.com/github_39274378/article/details/81542554</guid><author>github_39274378</author><pubDate>Thu, 09 Aug 2018 19:16:34 +0800</pubDate><description><![CDATA[这里分享vuex的2种使用场景

场景1：vuex管理数据简单只有两三个状态需要被管理

使用方案

main.js


import Vue from 'vue';
Vue.use(Vuex);
const store=new Vuex.Store({
    state:{                                  //定义初始值，也就是需要被vuex管理的值
    ...]]></description><category></category></item></channel></rss>