07 2020 档案
摘要：//通过函数构造器定义 function beverage_treat(){ } // 这里不用加分号 //通过函数表达式定义, 此时我们认为该函数是一个变量 var beverage_treat = function(){ }; // 这里一定要加分号，不然在后面紧跟一个如下形式的函数封装时会报错
阅读全文
摘要：本篇简单介绍three.js中矩阵变换及两种旋转表达方式。 矩阵变换 three.js使用矩阵来保存Object3D的变换信息。 矩阵变换的基础 平移变换 比例变换 旋转变换 (x,y,z,1) 绕x轴旋转 (x,y,z,1) 绕y轴旋转 (x,y,z,1) 绕z轴旋转 three.js中的矩阵 v
阅读全文
摘要：语法： Array.prototype.concat.apply([],array); 示例： concat 如果concat方法的参数是一个元素，该元素会被直接插入到新数组中；如果参数是一个数组，该数组的各个元素将被插入到新数组中； apply apply方法会调用一个函数，apply方法的第一个
阅读全文
摘要：navigator.app.exitApp(): document.addEventListener("deviceready", function() { console.log("deviceready"); document.addEventListener("backbutton", fun
阅读全文
摘要：打包debug调试版 在工程目录下执行cordova build android，生成的apk就是debug调试版本；apk生成目录：/platforms/android/app/build/outputs/apk/debug/app-debug.apk 打包release发布版在工程目录下执行co
阅读全文
摘要：HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持，也可以方便的获取DOM元素，语法跟jQuery类似。 获取文档中id=”container”的元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="
阅读全文
摘要：console.log(“detail:”+this.props); 输出结果如下图： 【解决方法】： 改为如下即可（原因：字符串+将调用toString()函数将对象专为字符串了，所以不能展开详情）。 console.log(this.props); 或 console.log("detail:"
阅读全文
摘要：用Cordova打包vue项目时，发现deviceready事件没有被触发。 解决方法：加入 <script src="cordova.js"></script> 程序正常运行。 cordova.js直接引入即可，是自动生成的。
阅读全文
摘要：1.config/index.js文件 开发环境： 生产环境： 2.webpack.prod.conf.js文件 注释掉的UglifyJsPlugin（或者terser-webpack-plugin）用于js打包、压缩、混淆 3.打包结果多一个map文件
阅读全文
摘要：第一步：参照https://www.cnblogs.com/vickylinj/p/13347168.html中将打包好的app安装到手机 第二步：启动google浏览器的开发者工具，如果没有识别到设备，可能是usb链接问题或者是电脑识别手机的驱动问题 参照：https://www.cnblogs.
阅读全文
摘要：双向数据绑定无非就是，视图 => 数据，数据 => 视图的更新过程 以下的方案中的实现思路： 定义一个Vue的构造函数并初始化这个函数(myVue.prototype._init) 实现数据层的更新：数据劫持，定义一个 obverse 函数重写data的set和get(myVue.prototype
阅读全文
摘要：Object.defineProperty() 和 ES2015 中新增的 Proxy 对象,会经常用来做数据劫持. 数据劫持: 在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果.数据劫持最典型的应用 双向的数据绑定(一个常用的面试题), Vue 2.x 利用
阅读全文
摘要：需求： 原理： 拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了）。
阅读全文
摘要：比如有父组件 Parent 和子组件 Child，如果父组件监听到子组件挂载 mounted 就做一些逻辑处理，可以通过以下写法实现： // Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() { this.$emit(
阅读全文
摘要：前言 vue通信手段有很多种，props/emit、vuex、event bus、provide/inject 等。还有一种通信方式，那就是 $attrs 和 $listeners，之前早就听说这两个api，趁着有空来补补。这种方式挺优雅，使用起来也不赖。下面例子都会通过父、子、孙子，三者的关系来说
阅读全文
摘要：首先你必须知道的是：top、right、bottom、left这四个属性要生效的话,必须得设置相对定位/绝对定位，即position：relative;或者position：absolute;，也就是说top、right、bottom、left是为相对定位/绝对定位而生的。 子绝父相就是：子元素为绝
阅读全文
摘要：这是一组非常容易弄混的参数，都是描述某个盒子元素的宽度、高度以及上或左的距离偏移量。 1. offsetWidth / offsetHeight（不包括外边距） offsetWidth：返回元素的宽度（content+padding+border）offsetHeight：返回元素的高度（conte
阅读全文
摘要：一、provide/inject实现组件通信 provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。 inject 选项应该是：一个字符串数组，或一个对象 provide/inject是Vue.js2.2.0版本后新增的API： provide：Object | ()
阅读全文
摘要：自己建了个html文件，把three.js里面的例子代码扒下来直接双击html打开页面报跨域，如下图： 报错的js代码如下，只是引用js文件： 报跨域的原因是：加载js文件时使用了file协议，该协议会导致跨域，而使用htpp、https等协议时则没有跨域问题。而使用file协议则是因为在浏览器中查
阅读全文
摘要：1：修改名字 找到config.xml文件，修改<name>你的app名字</name> 2：更改icon 多个icon对应android系统的多种尺寸，比如平板、大尺寸的手机，这些icon提供了一个可以选择适应的尺寸展现给用户（如果只用一个图标，在手机平板上安装图标大小是一样的，不过可能会有拉伸）
阅读全文
摘要：最近项目用hbuilderx打包web项目为app，发现经常有闪退的问题，尝试改用其他工具打包，以下是实验步骤。 参考：https://blog.csdn.net/bing103425/article/details/81169784 官网：https://cordova.apache.org/do
阅读全文
摘要：vue源码中编译部分有下面一段代码，里面用到了with： export function generate ( ast: ASTElement | void, options: CompilerOptions ): CodegenResult { const state = new CodegenS
阅读全文
摘要：web页面放在移动端，点击button 标签或者添加了cursor:pointer 样式的标签，会出现 蓝色背景色， 解决方案： 给相应标签 或者直接在body 标签上添加 样式： -webkit-tap-highlight-color: transparent; 或者 -webkit-tap-hi
阅读全文
摘要：通过查看其API文档，入参除了key和secret（注册账号后申请获得）外，只有模版图、模版图中人脸位置、用户上传图，三个参数。Face++的人脸检测API可在线获取模版图中人脸位置，例如：251,167,169,169。依次代表人脸框左上角纵坐标（top），左上角横坐标（left），人脸框宽度（w
阅读全文
摘要：学习《ECMAScript6入门》中的模板字符串的案例中看见了new Function()创建函数的语法： let str = 'return ' + '`Hello ${name}!`'; let func = new Function('name', str); func('Jack') //
阅读全文
摘要：template： <!-- mark用来确定方向的指向 --> <el-select v-model="scope.row.mark" style="width: 100%;" placeholder="请选择" @change="changeSelection(scope)" :ref="'se
阅读全文
摘要：一、pick 从系统相册选择文件（图片或视频） 详情见官网：https://www.html5plus.org/doc/zh_cn/gallery.html#plus.gallery.pick 语法： void plus.gallery.pick(successCB, errorCB, option
阅读全文
摘要：<input type="file" accept="image/*" mutiple="mutiple" capture="camera" /> 三个属性： accept - 规定可提交的文件类型。 capture - 系统所捕获的默认设备。camera(照相机)，camcorder(摄像机)，m
阅读全文
摘要：一、方法定义： apply：将函数绑定到某个对象，apply()不会创建一个函数，函数体内的this对象的值会被绑定到传入apply()中的第一个参数的值，例如：f.apply(obj)，实际上可以理解为obj.f()，这时f函数体内的this指向的是obj； call：将函数绑定到某个对象，cal
阅读全文
