JavaScript
小楫轻舟丶
https://github.com/superpest
展开
-
el-table拖拽宽度然后存储
<div id="app"> <el-table :border="true" @header-dragend="handleDrag" ref="testTabel" :data="tableData" style="width: 100%"> <el-table-column :resizable="true" v-for="it in tableColumns" :key="it.prop" :prop=".原创 2021-10-19 10:15:03 · 592 阅读 · 0 评论 -
canvas draw
// 鼠标点击canvas获取图片坐标function convertPoint (canvasPoint){canvasPoint=canvasPoint.subtract( Vector.create(imgConfig.translate) )var left=(config.canvasW-imgConfig.width)/2;var top=(config.canvasH-imgConfig.height)/2;var clientOff=Vector.create([left,to原创 2021-08-26 18:19:32 · 1732 阅读 · 0 评论 -
ajax formdata
$.ajax({url: ‘http://example.com/script.php’,data: fd,processData: false,contentType: false,type: ‘POST’,success: function(data){alert(data);}});https://stackoverflow.com/questions/6974684/how-to-send-formdata-objects-with-ajax-requests-in-jquery原创 2021-06-03 14:39:33 · 145 阅读 · 0 评论 -
js触发文件下载
function download(url, filename, type) { var a = document.createElement("a"); a.href = url; a.target='_blank' // a.download = filename; document.body.appendChild(a); a.click(); setTimeout(function() {原创 2021-05-08 17:13:20 · 408 阅读 · 0 评论 -
pdfjs的滚动demo
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <style> #pdf-viewer { width: 800px; height: 600px; overflow-y: auto; overflow-x: hidden; } </style> &.原创 2021-04-25 15:21:56 · 1021 阅读 · 0 评论 -
链表的头插和尾插
1图 尾插的存储效果2图 头插的存储效果原创 2021-04-02 17:49:25 · 75 阅读 · 0 评论 -
2021年3月
webpack下怎么把vue用script引入?配置webpack里的externals即可。import引入的模块不兼容ie,页面就会不显示?? 这是为什么?如何兼容ie9? 如何不打进包里 只在需要时加载1 引入@babel/polyfill2 引入es6-promisebabel里那么多东西是做啥的?? core-js是做啥的?...原创 2021-03-05 20:14:20 · 65 阅读 · 0 评论 -
OrthographicCamera当调整窗口resize时变形的解决方法
修改相机的aspect就好了 function onWindowResize() { const aspect = window.innerWidth / window.innerHeight; camera.left = - frustumSize * aspect / 2; camera.right = frustumSize * aspect / 2; camera.top = frustumSize / 2; camera.bottom =原创 2021-01-19 19:54:13 · 490 阅读 · 0 评论 -
three自适应场景大小的相机设置
https://stackoverflow.com/questions/34098571/fit-3d-object-collada-file-within-three-js-canvas-on-initial-load原创 2020-12-19 16:47:10 · 1170 阅读 · 1 评论 -
关于canvas
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } canvas{ border: 1px solid #ccc; } </style></head><body> <canvas id="a"><原创 2020-10-12 16:58:12 · 369 阅读 · 0 评论 -
git学习
使用远程分支时候要绑定远程的名字:[ -t | --track]git checkout -b 0.1.x -t origin/0.1.xgit branch -t 0.1.x origin/0.1.x原创 2020-09-05 17:20:36 · 86 阅读 · 0 评论 -
前端开发要配置的东西
node环境:window-nvm / nvmnvm配置镜像: NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/nodenpm配置镜像:npm config set registry https://registry.npm.taobao.org/yarn配置镜像:yarn config set registry https://registry.npm.taobao.org/node-sass: SASS_BINARY_SITE=http:/原创 2020-08-16 12:52:44 · 394 阅读 · 0 评论 -
Too many levels of symbolic links
在使用electron时用了knex,它在打包时报的错,原因是它的模块相互依赖。。resolve-dirglobal-modules原创 2020-08-12 11:47:43 · 729 阅读 · 0 评论 -
electron的镜像问题
taobao有electron的镜像,但是,没有electron-builder-binaries(:没有新版本。。这个会在打包时下载。只好自己先下载下载,,然后设置环境变量指向自己export ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electronexport ELECTRON_BUILDER_BINARIES_MIRROR=http://127.0.0.1链接在这:https://npm.taobao.org/mirrors/...原创 2020-08-11 19:54:51 · 1631 阅读 · 0 评论 -
opencvjs处理图片
opencvjs处理图片的demo ,这里使用的base64<!DOCTYPE html><html><head><meta charset="utf-8"><title>Hello OpenCV.js</title><script src="opencv3.4.9.js" type="text/javascript"></script></head><body><原创 2020-08-05 19:27:42 · 1624 阅读 · 1 评论 -
js的类型判断
typeof不靠谱,比如typeof [] typeof {} 就区分不了,null Reg也是不能区别了,那有好的方式吗,当然,用Object.prototypetoString就好了,可以解决。当然还有一些奇葩的类型需求,如isEmptyObject isPlanObject isDate isWindow isArrayLike就需要自己动脑了...原创 2019-11-25 11:04:17 · 108 阅读 · 0 评论 -
canvas笔记
元素大小canvas有两个尺寸,元素的大小和绘图环境的大小,属性可以控制绘图环境(drawing surface)和大小的一致,css只能控制元素的大小。当两者不统一时,会缩放。...原创 2019-11-13 10:33:36 · 143 阅读 · 0 评论 -
数组到二叉树
把节点变成树function createNode(data) { return { data: data || null, left: null, right: null }}var dataArr = [1, 2, 3, null, 5, null, 6, ...原创 2019-11-11 12:04:15 · 105 阅读 · 0 评论 -
树的路径
根到节点的路径某个节点到根的路径判断条件为 页节点左右孩子都是空拷贝每个节点function createNode(data) { return { data: data||null, child:[] }}var toString=Object.prototype.toString;function extend( src) { ...原创 2019-11-11 11:10:31 · 1315 阅读 · 0 评论 -
js的call
call可以改变this的指向,下面一个forEach例子,我们可以在回调函数里直接用this,和item是一样的(当基本类型是会变成object)var forEach=function(obj,fn){ for(var i=0;i<obj.length;i++){ fn.call(obj[i],obj[i]); }}forEach([1,2],fu...原创 2019-11-09 19:14:55 · 140 阅读 · 0 评论 -
js中的extend拷贝
var class2type={};var toString=class2type.toString;var extend = function( src) { var dest; if ( toString.call(src) == "[object Array]") { dest = []; for (var i = 0; i < src.l...原创 2019-11-09 18:33:35 · 282 阅读 · 0 评论 -
git
git rebasegit rebase -i 合并多次提交git rebase 调整线上合并的次序原创 2019-11-08 18:41:47 · 78 阅读 · 0 评论 -
树的深度和宽度
收集树中的节点,放在一个map中去。二叉树function createNode(data) { return { data: data||null, left: null, right:null }}var tree = { data: 1, left: { data: 2, ...原创 2019-11-08 18:34:36 · 975 阅读 · 0 评论 -
js二叉树拷贝
<script>function createNode(data) { return { data: data||null, left: null, right:null }}var tree = { data: 1, left: { data: 2, left: {...原创 2019-11-08 14:30:16 · 355 阅读 · 2 评论 -
闭包
表现出来是 一个函数里返回一个函数目的:1 私有化一些属性和方法。下面例子,不用new的方式,每一个arr都是私有的,只要创建就是一个新的。var queue=function(){ var arr=[]; return { add:function(v){ arr.push(v) }, shift:function(){ arr.shift();...原创 2019-11-05 10:25:44 · 63 阅读 · 0 评论 -
threejs记录
在es6使用require加载three包里的内容:const { STLExporter } = require(‘three/examples/jsm/exporters/STLExporter.js’);saveAS使用 https://github.com/eligrey/FileSaver.js原创 2019-11-05 10:24:34 · 288 阅读 · 0 评论 -
jquery中form的序列化
jquery可以对form进行数据的收集,然后序列化,它的ajax的data也被默认使用了序列化。它使用的序列化是 url-encode的格式,看起来是 a=1&b=2它提供三个函数:param: 序列化函数,URI-encode序列化form有两个:serialize: param( serializeArray() )serializeArray:负责收集form的数据,...原创 2019-10-30 14:24:10 · 713 阅读 · 0 评论 -
js判断空json
isEmptyObject: function( obj ) { var name; for ( name in obj ) { return false; } return true; }如何判断一个json是不是空呢,上面是jquery的方法,它用遍历的方法来检测它有没有key值,有的话就不是空。ps: 以前我都是把它 JSON.stringify() ==’{...原创 2019-10-30 10:12:12 · 1097 阅读 · 0 评论 -
bootstrap的模态框modal.js居中的解决方法
问题:bootstrap的模态框默认是距离顶部30px,但是设计通常是居中的。解决方法:bootstrap提供了一个 show.bs.modal 的事件,代码如下 $(document).on('show.bs.modal','.modal',function(e){ var $this= $(this); var $modal_dialog = $this.find('.modal...原创 2018-12-06 17:08:51 · 819 阅读 · 1 评论 -
js中for、$.each、 forEach,while的对比和break,continue使用
js中的循环for 原始 但有一点繁琐, $.each jQ提供的for函数 forEach es5提供的方法跳出循环for => break; $.each => return false; forEach 没有跳过循环for =>continue; $.each => return true;/return; forEach => return /* any */;原创 2017-09-03 15:31:49 · 8024 阅读 · 0 评论 -
js中的字符串数值比较大小
字符串数值比较时不会转化成数字原创 2017-09-14 17:21:28 · 860 阅读 · 0 评论 -
js中的splice用法
在js里数组有个方法是splice,用来添加和删除,它有三个参数, index :位置 howmany : 删除的个数 (可以是0) item1,item2 添加的值 (添加在Index之前)删除: 一般我和indexOf搭配来删除某个值,现在试试:var f = [1,2,4,5];f.splice( f.indexOf(5),1 ); 添加:情景一 我有两个数组:var c =原创 2017-05-11 23:04:23 · 4401 阅读 · 0 评论