- 博客(70)
- 收藏
- 关注
RSS订阅原创 docker虚拟机ping不通外网
1. docker-machine ssh default (default 你启动的虚拟机的名字，默认是default)2. sudo vi resolv.conf 内容更改为 servername10.0.2.3
2020-10-15 15:06:11
585
原创 Flutter Channel stable, 0.0.0-unknown, on Microsoft Windows [Version 10.0.18362.1016]
重装以及 到flutter的安装目录执行git clean -xfdgit stash save --keep-indexgit stash dropgit pullflutter doctor以上操作都不起作用最后尝试 flutter upgrade --force 解决问题参考: https://github.com/flutter/flutter/issues/25220...
2020-09-02 09:01:21
1488
原创 Last few GCs VUE项目编译过程中内存不足
解决方案：请自行查看npm increase-memory-limit特殊情况：在使用vue-video-player组件时编译过程中也无缘无故的报内存不足，调整分配的内存大小后依旧崩溃， 测试后发现 从github vue-video-player上拷贝的代码通过shift+tab缩进 到空格<= 6时编译会崩溃 解决方案：1.通过格式化格式文档 2. 删除缩进后重新调整到正常位置...
2020-06-02 14:21:01
5824
原创 Unexpected token in JSON at position 0
Unexpected token < in JSON at position 0Vue mode: "hash"模式下 在index.html中导入的部分第三方js会触发 该错误解决方法 更改为 mode: "history"
2020-05-27 15:36:50
508
1
原创 THREEJS----修复spotLight.toJSON()后 通过ObjectLoader加载target朝向问题
37220 Object.toJSON 添加判断 object是否有target属性 如果有 通过direction属性记录 target的位置38931行 添加根据direction(记录spotLight.target的位置) 修改spotLight.target的朝向...
2020-04-01 11:46:52
601
原创 js超大数字加法运算
function splitNum(num, segment = 8) { num = num.toLocaleString(); let res = []; while (num.length >= segment) { res.push(num.slice(-segment)) num = num.slice(0, num.length - segme...
2019-10-28 17:59:51
821
原创 js模板解析
function template(tpl, data, translation = true) { return tpl.replace(/{.*?}/g, function (str) { let res = data[str.replace(/[{}]/g, '')]; if (res !== undefined && translation) { re...
2019-10-25 11:21:39
574
原创 electron调用Flash
首先 按需要下载32位或者64位的pepflashplayer.dll将pepflashplayer.dll放到项目中然后在main.js中注册// Modules to control application life and create native browser windowconst {app, BrowserWindow} = require('electron'...
2019-10-15 18:19:18
1712
2
原创 threejs给物体添加选中效果
const scene = new THREE.Scene(); const sceneHelpers = new THREE.Scene();const helper = new THREE.BoxHelper();renderer.autoClear = false;sceneHelpers.add( helper ); //不要将helper直接添加到scene中, 有可能导...
2019-09-23 17:47:17
7475
2
原创 threejs 贴图深拷贝
newObject.material.map = oldObject.material.map.clone();newObject.material.map.needsUpdate = true;
2019-09-17 08:50:00
1039
原创 js+css创建折叠按钮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...
2019-09-06 10:57:22
618
原创 threejs获取物体的坐标的最大值和最小
let box = new THREE.Box（）；box.setObjectFrom( '物体'）途中标红色的方法都是等效的然后查看 box.max 和box.min属性；2D的类似
2019-09-05 17:19:29
2301
原创 threejs 动画转json和json转动画
将一个AnimationClip 对象直接通过JSON.stringify( )转换成json对象 后 再用json对象重建AnimationClip是重建不了的正确做法是 通过THREE.AnimationClip.toJSON( '动画剪辑对象' )生成 json对象;加载json 再使用 THREE.AnimationClip.parse ( JSON.parse ( json ...
2019-08-29 17:49:21
1440
原创 threejs深拷贝
this.deepClone = (object) =>{ let target = null; if(object.type === 'Mesh' || object.type === 'Sprite'){ target = new THREE.Mesh(object.geometry.clone(false), object.material.clon...
2019-08-29 13:21:58
1501
4
原创 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password).
有一次虚拟机地址更改过后链接老是被拒绝因为别的配置都没动过可以确定不是虚拟机的问题最终发现没指定登录用户 git remote add origin 192.168.1.247:gl.git默认Administrator用户登录了的，然鹅我的 gl 库是在git用户里地址改成下就行了 git remote add origin git@192.168.1.247:gl...
2019-08-19 17:15:05
845
转载 将videojs 视频绘制到canvas上
文章转载自嘿嘿嘿https://blog.youkuaiyun.com/qq_37540004/article/details/90750529原理1.原理其实很简单，做过全景图的同学都知道，球模型+全景图片贴图。 全景视频/全景直播就是 球模型+全景视频素材 。2.至于播放器样式，可以自己用Js+Dom自定义，或者更改videojs（别的播放器插件也行）的样式 即便你是用原生video也是可...
2019-07-25 10:42:33
4769
原创 js字符串可执行语句
一. let str = '(function(){console.log("test"); } () )'; let func = new Function(str); func();二. setTimeout(str);三. eval(str);...
2019-07-03 15:20:39
1952
原创 页面通信
主页面和子页面都导入 signal.js在主页面 通过 iframe 或者 open方法打开子页面在子页面加载完成后开始通信主页面 const signal = new Signal（）； signal.atob('from a')； 监听来自子页面的信息 signal.onmessage = function(msg){}子页面 const signal = new S...
2019-06-26 08:45:37
269
原创 url 重定向
假设 目录 public 下有 两个文件 index.html 和sw.js访问地址为 127.0.0.1：8080/index.html正常情况下后端收到 的path 为 “/index.html”现在修改html 在html里 注册Service Worker 导入sw.js重新访问 index.html html 加载完注册了sw.js 这个时候 后端收到的path ...
2019-06-19 10:04:24
271
转载 ssh: connect to host 192.168.1.100 port 22: Connection refused fatal: Could
下载https://github.com/PowerShell/Win32-OpenSSH/releases解压放到C:\Program Files\OpenSSH-Win64进入到C:\Program Files\OpenSSH-Win64按住shift 和鼠标右键 运行cmdpowershell.exe -ExecutionPolicy Bypass -File install-...
2019-06-17 17:57:37
5046
转载 js计算matrix 实现transform
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-05-23 14:59:28
4245
原创 webgl
注： canvas全屏的时候不要用 canvas.style.width 和canvas.style.height 给100%， 图像会失真； 直接 canvas.width = window.innerWidth; canvas.height = window.innerHeight; 或者 canvas.width = document.docume...
2019-05-23 09:00:10
4715
原创 canvas绘制多边形
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> canvas { border: 1px solid red; } &l...
2019-05-15 17:15:12
1446
原创 js实现xlsx, xls转json
思路用前端页面提交数据 用node进行写入数据的过滤逻辑在index.html中完成 node只进行写入操作文件目录如下需要现在根目录下启动index.jsnode index.js默认端口号是8081前端页面显示如下<!DOCTYPE html><html lang="en"><head> <meta...
2019-03-27 08:57:35
2656
原创 js 判断任意对象是否相等
来自vue源码function isObject (obj) { return obj !== null && typeof obj === 'object'} function looseEqual (a, b) { if (a === b) { return true } var isObjectA = isObject(a); v...
2019-03-09 12:10:41
728
原创 CSS图片下方带有4px间隙解决方法
第一种方法: 设置img的display:block;第二种方法. 设置img 父元素的 font-size: 0px;第三种方法: 设置img浮动,如果你的父元素是有img撑起来的,这个时候会导致,父元素没高度, 可以给父元素添加 绝对定位;...
2019-02-27 16:30:26
1528
原创 前端面试题
实现如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&am
2019-02-27 11:59:36
174
原创 Electron踩的那些坑
一切就绪开按照示例开鲁问题来了,总不能 每次修改都去手动重启服务 或者 Ctrl + R 刷新应用吧,太耽误事了.解决办吧 安装 gulp和gulp-watch 和 electron-connect 模块创建gulpfile.js 内容如下const gulp = require('gulp')const watch = require('gulp-watch')const...
2019-02-17 15:59:06
7704
原创 从当前页面跳转到另一个页面的指定区域并改变指定区域的背景色
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial
2019-01-30 11:18:31
723
原创 自定义元素的创建及css选中
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial
2019-01-29 14:54:32
309
1
原创 获取未设置宽高的父容器的宽高
如果父容器未设置宽高直接dom.style.width 或者 dom.style.height 是取不到值的这时可以通过 dom.clientWidth 和dom.clientHeight 取值(值不带单位)
2019-01-29 14:28:33
683
原创 CSS实现首字符下沉
原理: 元素浮动后,不清除浮动后续内容会环绕在浮动元素的周围. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
2019-01-29 14:24:56
1460
转载 width(),outerWidth,innerWidth,clientWidth,clientX, screenX的区别
文章转载来自 https://segmentfault.com/a/1190000010746091$(window).width()与$(window).height()$(window).width()与$(window).height()：获得的是屏幕可视区域的宽高，不包括滚动条与工具条。$(window).width() = width + padding$(window)...
2019-01-18 10:11:46
424
原创 canvas判定重叠区点击了谁
假设 arr=[graphical-1, graphical-2, graphical-3]; arr存储了3个多边型的路径图形显示顺序是3>2>1 3出现在顶层,1在最底层鼠标点击的时候 让arr倒序循环判断 e.offsetX,和e.offsetY是否在多边形中 第一次为true时的元素就是被点击到的for(let i = arr.length; i >0;...
2019-01-16 09:47:50
1313
原创 canvas标定选区
以下代码只有设置部分操作部分在polygon-operation<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> canvas {
2019-01-14 14:55:31
764
原创 requestAnimationFragment帧速控制
let animation = (timestamp, elapsed) => { if (elapsed > 1000 / 30) {//速度控制在每秒30帧以内 //TO DO SOMETHING elapsed = 0 } window.requestAnimationFrame( _time...
2019-01-11 16:15:11
1303
原创 Uncaught TypeError: Converting circular structure to JSON 对象转字符串报错
报错原因: 执行JSON.stringify(obj)时 检测到obj 对象有递归引用 (对象的属性值引用了自身)假设:a = { n: 1};b = {a};b.a = b;控制台输出 b 展开可以看到是个递归对象;这时执行 JSON.stringify(b); 就会报错;解决方法 需要解除对象的属性 对自身的 引用...
2019-01-07 13:24:33
16096
2
原创 js保持图像比例 X轴充满全屏
<div> <img></div> img.onload = function(){ let w = img.width, h = img.height; img.style.width = div.clientWidth + 'px'; img.style.height = h * div.clientWid...
2018-11-02 14:49:05
403
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人