github_39274378-CSDN博客

原创动态绘制圆桌座椅并且旋转座椅角度(chrome)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><style> .container{ width: 100%; height: 100%; display: flex; .

2021-04-20 13:20:12 406 1

原创动态生成圆桌座椅兼容ie/chrome

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><style> .container{ width: 100%; height: 100%; display: flex; .

2021-04-20 13:16:31 393

ie调用摄像头拍照解决方案1.通过flash调取摄像头2020.12之后flash不再受支持,此方案失效/* * @Author: nihc * @Date: 2020-11-25 17:51:11 * @Last Modified by: nihc * @Last Modified time: 2021-04-20 12:49:19 */<template> <div> <div v-if="showCamera" class="cam

2021-04-20 12:56:25 1381 4

原创 (chrome)vue+tracking实现人脸识别登录

vue+tracking实现人脸识别登录<template> <div> <el-button type="primary" @click="initFaceCamera">开始人脸识别</el-button> <div class="faceCamera"> <video ref="video" id="video"

2021-04-20 12:45:26 1721 2

原创 vue+node(socket.io)+webRTC实现一对一通话测试

<template> <div id="container"> <h2>一对一视频通讯</h2> <div> <button id="connServer" :disabled="connectFlag" @click="connServer">Connect Sig Server</...

2019-12-30 15:42:05 3118 3

原创 vue+webRTC对webRTC基本api测试demo

webRTC基本功能测试demovideo.vue代码<template> <div class="video"> <h2>基本api测试</h2> <div class="video__partner"> <div> <label>audio Sourc...

2019-12-30 15:37:04 6467 4

原创手写多图片合并成一张图片功能插件（水印合成）

效果图如上<!DOCTYPE html><html><head> <title>图片合并</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi

2019-03-13 10:03:58 1155

原创手写带时间段切割的进度条

效果图：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

2019-03-12 13:04:16 502

原创设置img.src时报错SCRIPT5:拒绝访问

环境ie11用canvas绘图var ctxDom=document.getElementById("canvas")var context = ctxDom.getContext('2d'); var imgObject = new Image(); imgObject.onload = function() { contex...

2019-03-12 11:27:37 2346

原创 vue项目打包后报错Cannot read property 'NODE_ENV' of undefined

我的环境webpack 3.6.0 vue 2.3.3 ---版本很重要（如果你跟我的版本相差太大可能要另寻解决办法）webpack.prod.conf.js中需要配置DefinePlugin如下---完美解决var webpack = require('webpack')module.exports = { // ... plugins: [ // ......

2018-09-20 16:21:16 9042 4

转载 “插件(application/x-vlc-plugin)不受支持”NPAPI和PPAPI的问题

最近做一个前端的项目，项目需要引用VLC浏览器插件，javascript在IE、Firefox等浏览器上都没有问题，唯独在Chrome(谷歌)浏览器中插件不能被会支持。　　不断更换Chrome版本后发现了问题。只有41版本以前才支持VLC插件。后来查阅资料发现，这是NPAPI和PPAPI的问题。　　简单的说，NPAPI（Netscape Plugin API）插件接口最早是专为N...

2018-09-17 10:39:16 5087

原创合并多个对象并且去重的2种写法（es6）

直接上测试代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <h1&a

2018-08-31 15:38:37 14233

原创 canvas实现响应式页面

大家可以看下下面这个页面，看似简单，但想要完美的实现效果却并不是那么简单，由于后面有六边形背景图且需要和我们的选择项对齐。下面我给出我写的demo <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<

2018-08-24 11:09:34 3255

原创 vlc播放器版本

测试过vlc4个版本0.8.6i-----需要自己注册axvlc.dllregsvr32 对应自己的目录下\axvlc.dllie7可以播放rtsp和http但是http播放会花屏下载地址https://download.csdn.net/download/github_39274378/10618338 2.2.4安装直接可用，可播放rtsp和http只...

2018-08-21 19:26:07 2147 3

原创跨域原理及解决

解决跨域原理：首先我们需要理解几点1jsonp发送的并不是一个ajax请求，是一个script标签 2script标签没有同源策略限制，支持跨域请求 3此时我们将这个script的src指向真实的服务器地址并且携带一个callback=a这样一个参数，后台解析并且返回a这个方法里面包裹着我们需要的数据 4在发送请求前，前台windows中注册a这个方法，之后在a这个...

2018-08-14 17:42:24 728

原创 jsonp使用

github地址https://github.com/webmodules/jsonp安装与使用api文档有详细介绍，我这里只是介绍下，自定义封装使用jsonp.jsimport originJsonp from 'jsonp'export default function jsonp(url,data,option) { //原始的jsonp中需要把url封装...

2018-08-14 17:39:03 918

原创 qq音乐接口请求踩坑

1 通用参数设置config.jsexport const commonParams={ g_tk:5381, inCharset:'utf-8', outCharset:'utf-8', notice:0, format:'jsonp'};export const options={ param:'jsonpCallback'};2 直接通过js...

2018-08-14 17:36:41 4374 1

原创 Promise小结

基本用法1声明一个Promise对象// 方法1 let promise = new Promise ( (resolve, reject) => { if ( success ) { resolve(a) // pending ——> resolved 参数将传递给对应的回调方法 } else { reje...

2018-08-14 17:28:34 325

原创 less使用小结

编译 background缩写加e('/')background: url(../img/dial-del.png) 0 0 e('/') 24px 16px no-repeat;less的继承@import "variable.less";less写mixin方法.bg-image(@url) { background-image: url("@{url}@2x.p...

2018-08-13 14:29:43 179

原创 vuex使用完整版

场景2需要在vuex中大量管理数据定义文件和变量文件设置,在src下添加如下的文件目录--store---actions.js---getters.js---index.js---mutation-types.js---mutations.js---state.js第一步设计state.js,这里面确定需要被vuex管理的变量state.jsimp...

2018-08-09 19:22:57 833

原创 vuex使用简易版

这里分享vuex的2种使用场景场景1：vuex管理数据简单只有两三个状态需要被管理使用方案main.jsimport Vue from 'vue';Vue.use(Vuex);const store=new Vuex.Store({ state:{ //定义初始值，也就是需要被vuex管理的值 ...

2018-08-09 19:16:34 354

原创 css布局小技巧

面对似曾相识的布局侧边固定中间自适应，头部固定中间自适应，长得差不多的panel组件，model组件我们有前端框架bootstrap,easyui都有提供这些组件插件，在使用给过程中总是和ui画出来的页面有些细微的差距比如：字体，高度，背景色今天来总结下如何快速自定义布局，提高开发效率方案1：利用定位实现上面固定中间自适应布局#section{ position: f...

2018-08-09 15:54:01 256

原创 WebSocket加NodeJs实现聊天室（1）

1关于聊天室，本质上就是建立一个长连接，内部有一个心跳做着消息监听的功能 2WebSocket在学习h5的时候接触到的，一直没有深入学习，这次通过写聊天室的demo进行了全面学习参考文档：http://www.ruanyifeng.com/blog/2017/05/websocket.html3 WebSocket只是html5新增加的一种通信协议运用场景很多，常见就是聊天室了 4...

2018-07-26 14:33:40 3300 1

原创关于组件封装

1善于总结，通常一个公司大部分项目，页面排版类型相近，比如管理系统 1.1从布局上讲：大都是上左右结构，适合用easyui做为主框架右边主页面用iframe嵌套 1.2从模块上讲：常用组件就是表格查询，表单提交，弹出模态框，选项树，表单验证，tab选项卡 1.3从页面样式风格上讲:一般就是红色和蓝色为主打颜色 2创建公司项目样式库 1.1重用性：样式选择用less编写，用变...

2018-07-26 14:21:06 1829

原创 MongoDB的使用

https://blog.csdn.net/lupengfei1009/article/details/50832996 MongoDB+MongoVUE安装及入门 https://www.cnblogs.com/Joans/p/3706406.html mongodb的安装及注意事项mongovue安装需要.net 2.0遇到的问题 https://blog.csdn.net/qia...

2018-07-26 14:19:44 349

原创关于浏览器兼容

1html兼容 —新型的互联网产品通常对浏览器版本没什么特殊限制，可以采用最新的h5开发：比如语义化标签section，header，footer —表单中简单的验证也可以用type=‘email’ ‘num’ ‘telphone’ —传统行业通常电脑比较老，用的浏览器版本低，所以不能尽量避免用h5 2css兼容 —css3比如animate，transfrom避免使用 —清除floa...

2018-07-26 14:15:28 326

原创 less使用小结

编译 background缩写加e(‘/’)background: url(../img/dial-del.png) 0 0 e('/') 24px 16px no-repeat;less的继承@import "variable.less";less写mixin方法.bg-image(@url) { background-image: url("@{url}@2...

2018-07-26 14:13:37 205

原创 select2使用小结

1modal中使用select2，出现不能输入中文搜索的情况 —解决：1去掉tabindex="-1" 2模态框js内加上$.fn.modal.Constructor.prototype.enforceFocus = function () { }; 2默认加载选择项 —–解决：$('#assistance_contractor').val({id:'1',t...

2018-07-26 14:10:55 966

原创 webpack版本问题

由于webpack版本较多，而且配置写法，每个版本都大大小小有差异，因版本问题造成的错误很多 1下载指定版本我常用的版本3.3.0， 2不同版本中的坑2.1在3.0之后版本配置entry和output路劲不再支持相对路径只能使用__dirname拼接成的绝对路径）var path=require('path');path.join(__dirname,'')2.2在版本4之后...

2018-07-26 14:05:24 5622

原创 vue中关于变量的定义

vue中有4种变量的定义 1data data中定义的变量是我们需要去维护的，会被多次改变或者使用到 2computed computed中计算属性中的定义的变量会被自动计算需要注意的是computed中的变量不能在data中定义，会冲突，说简单点，data中的变量我们自己控制变化，在不同的methods中定义会怎样变化或者被赋值，比如购物车列表数据，在增删改过程中都会...

2018-07-26 14:02:37 27065 1

原创 vue项目创建基本使用参考

//最新稳定版cnpm install vue//全局安装 vue-clicnpm install --global vue-cli//创建一个基于 webpack 模板的新项目vue init webpack my-project//进入项目目录，运行cd my-projectcnpm installcnpm run dev//路由、XHR请求、数据管理下载cnpm i ...

2017-09-05 13:03:48 357

原创 vue和webpack项目构建过程常用的npm命令

vue//最新稳定版cnpm install vue//全局安装 vue-clicnpm install --global vue-cli//创建一个基于 webpack 模板的新项目vue init webpack my-project//进入项目目录，运行cd my-projectcnpm installcnpm run devwebpack//全局安装webpack...

2017-09-05 13:00:07 2352

原创 webpack3.0配置项模版参考

const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');const ExtractTextPlugin = require('extract-text-webpack-plugin');module.exports = { entry: __dir

2017-09-05 12:56:49 2296

原创 webpack基本配置及打包操作

1新建文件夹demo2初始化package.jsonnpm init3本地项目安装// 安装Webpacknpm install --save-dev webpack4创建测试文件及文件夹-demo--node_modules--app---Greeter.js---main.js--public---index.html--package.

2017-09-05 12:55:20 487

原创顶部和底部固定中间自适应的布局

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>头尾固定中间高度自适应布局</title><style> html, body { height:100%; /*相对的最外层容器的高度要为100%*/ margi...

2017-09-05 12:47:48 4573

原创刷新关闭浏览器调用的onbeforeunload在ie9/10当点击确认easyui的弹出框时，也会调的问题的解决

html>html>head> meta charset="UTF-8"> title>onbeforeunload Demotitle> link rel="stylesheet" type="text/css" href="../src/easyui/easyui.css"> link rel="stylesheet" type="text/css" href="../src/ea

2017-08-18 14:51:26 649

原创 ng中自定义服务及引用

app.service('$Sidebar',function ($AutoHeight) { this.active=function () { $('.subMenu').on('click', 'li', function () { $('.mainMenu').find('li').removeClass('chosen'); $

2017-08-18 14:14:23 221

原创 bootstrap中自定义modal大小并始终居中的modal综合布局demo

htmlhtml>html>head lang="zh-cn"> meta charset="UTF-8"> meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> meta http-equiv="x-ua-compatible" content="IE=e

2017-08-18 14:03:18 1336

原创 bootstrap导航栏navbar的demo

htmlhtml>html>head lang="zh-cn"> meta charset="UTF-8"> meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> meta http-equiv="x-ua-compatible" content="IE=e

2017-08-18 13:58:42 1055

原创 js手写手风琴菜单

htmlhtml>html>head lang="zh-cn"> meta charset="UTF-8"> title>menu_demotitle> 菜单加布局头部样式必须引入--> link rel="stylesheet" href="menu.css">head>body> div id="header" style="width: 100%;height:

2017-08-18 13:54:09 693