qq_45178972的博客

原创 pm2使用

pm2 delete/stop/restart/start/list/info/monit/log

原创 mongodb

分三层管理：database > collection > document类似mysql中的collection = 表document = 一行数据记录

原创 mongodb 6/7的 windows安装问题

https://cloud.tencent.com/developer/article/2205068

原创 找到组件 最近的指定父组件。找到组件 的所有指定子组件

/** * 找到组件 最近的指定父组件 * componentName：指定父组件名 * eventName: 父组件触发事件 * */ Vue.prototype.$dispatch = function(componentName, eventName){ let parent = this.$parent; while(parent){ let name = parent.$options.na.

原创 根据一个 id 返回在树中的父级节点 id 数组

//根据一个 id 返回在树中的父级节点 id 数组 // 入参 tree,id,parentIds //返回：数组，或者 null const parseParentIds = (tree, id, parentIds = [])=>{ if(!tree || !tree.length){ return null } for(const node of tree){ if(node.id === id){.

原创 判断是否整数

const isInteger = (value)=> ‘’ +_parseInt(value, 10) === value; //

原创 import export

原创 图片增加水印

原创 复制 vue

原创 route占位符

route.param.id

原创 es6 知识碎记

1.箭头函数的this向上查找作用域，最后指向foo的this,而调用foo函数的是window对象。如果setTimeout里面的回调是普通函数，则输出id:21 ,因为普通函数是谁调用的，this就指向谁。2.Timer里的this指向timer，因为是new出来的3.4.对象不构成单独的作用域5.6. 解构赋值可以读取对象的原型上的属性； 扩展运算符的解构赋值，只能读取对象自身的属性7.8.9.10.11.1213...

原创 小程序 组件

原创 onclick addEventListener

正常的onclick 是冒泡 ，addEventListener 要看第三个参数，如果是true则是捕获机制，如果是false则是冒泡机制，

原创 并发发出远程请求。

async function logInOrder(urls) { // 并发读取远程URL const textPromises = urls.map(async url => { const response = await fetch(url); return response.text(); }); // 按次序输出 for (const textPromise of textPromises) { console.log(await textPr

原创 http缓存

文章

原创 支付宝小程序控制组件的渲染

可以给组件外层加一层v-if ，然后在onFirstAppear中调用函数控制 v-if 引用的变量，为true时就渲染组件了。

原创 class 定义的属性和方法区别

1.方法：在类中定义方法，但其实方法还是定义在prototype上的；2.属性：静态属性：class本身的属性class Example { // 新提案 static a = 2;} // 目前可行写法 Example.b = 2;公共属性：被实例共享的属性。class Example{ }; Example.prototype.a = 2;实例属性：classExample{ a = 2; }...

原创 给HTML文件设置缓存头

什么时候浏览器会自动在请求头加上Cache-Control:max-age=0在当前页面手动刷新的时候，浏览器会在请求头自动加上 Cache-Control:max-age=0 。而如果是在新标签页去访问是不会加的。所以可能版本上线后，用户访问的还是旧版本。所以咋整访问某个url时，如果这个url对应的资源是可能变化的，那就要在上线时设好缓存头 Cache-Control:max-age=0 ，不要依赖浏览器默认行为...

原创 js闭包变量回收问题

js变量回收规则：在js中定义的全局变量是不会被销毁的，因为随时都可能会用到这个变量，所以不能被销毁。具体引用关系的不会被销毁如果一个对象不被引用，那么这个对象就会被回收；如果两个对象互相引用，但是没有被第3个对象所引用，那么这两个互相引用的对象也会被回收。链接...

原创 Promise的状态一旦改变，就保持该状态不变

reject()方法的作用，等同于抛出错误。如果 Promise 状态已经变成resolved，再抛出错误是无效的。const promise = new Promise(function(resolve, reject) { resolve('ok'); throw new Error('test');});promise .then(function(value) { console.log(value) }) .catch(function(error) { console

原创 resolve函数参数是个promise

resolve函数的参数除了正常的值以外，还可能是另一个 Promise 实例，比如像下面这样。const p1 = new Promise(function (resolve, reject) { // ...});const p2 = new Promise(function (resolve, reject) { // ... resolve(p1);})上面代码中，p1和p2都是 Promise 的实例，但是p2的resolve方法将p1作为参数，即一个异步操作的结果是返回

原创 xmlHttpRequest promise

const getJSON = function(url) { const promise = new Promise(function(resolve, reject){ const handler = function() { if (this.readyState !== 4) { return; } if (this.status === 200) { resolve(this.response); } el

原创 异步加载图片 promise

function loadImageAsync(url) { return new Promise(function(resolve, reject) { const image = new Image(); image.onload = function() { resolve(image); }; image.onerror = function() { reject(new Error('Could not load image at '

原创 this 指向

function foo(){ this.b=100; return this.a;}var func=foo.bind({a:1});func();//1new func();//{b:100}bind函数绑定了this，即this={a:1}，运行func后，this会增加b属性{a:1,b:100}，但是new的话，会忽略bind的作用，即this的绑定，重新新建一个空的对象，并且其原型指向foo.prototype，而且如果return不是返回一个对象会忽略并且默认返回

原创 无法将“xxx”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次

在命令前添加npx

原创 +转化为数值

在前面加个+，无法转化为数值类型的，结果为NaN

原创 canvas beginPath closePath

https://www.cnblogs.com/xuehaoyue/p/6549682.html如果不beginPath, stroke方法会重头开始绘制一次。相当于路径没有断开，而是延续。restore方法会将canvas的context上下文重置到save之前的状态，之后的全无效。background-size:cover–>宽高保持等比例，目的是为了完全覆盖背景区，可能背景图片部分看不见；contain: 宽高保持等比例，目的是将背景图片完全装入背景区，可能背景区部分空白。...

原创 vue优化：

把非首屏的组件变成异步组件，异步加载。//Ensure a function is called only once function once(fn:Function): Function{ let called = false; return function(){ if(!called){ called = true; fn.apply(this,arguments) .

原创 Math.floor和 | 0

或0 的作用跟Math.floor一样都是向下取整

原创 nextTick

数据虽然变化了，但dom还没更新，可以用 await nextTick();

原创 宏任务，微任务，eventloop

虽然说JavaScript是单线程语言，但是浏览器不是单线程的。而不同的线程就会对不同的事件进行处理，当对应事件可以执行的时候，对应线程就会将其放入任务队列。js引擎线程：用于解释执行js代码、用户输入、网络请求等；GUI渲染线程：绘制用户界面，与JS主线程互斥（因为js可以操作DOM，进而会影响到GUI的渲染结果）；http异步网络请求线程：处理用户的get、post等请求，等返回结果后将回调函数推入到任务队列；定时触发器线程：setInterval、setTimeout等待时间结束后，会把执行函

原创 path.resolve

path(__dirname, '../', 'src/web/test.js')__dirname: 当前文件所在的目录，'../' : 当前文件所在的目录的上一级目录，'src/web/test.js'： 该上一级目录里面的src/web/test.js文件

原创 antd 表单 修改label样式

修改label样式：labelCol: { style: { width: '150px' } },

原创 class定义static属性的两种方式

假设当前类：MyClass1.在MyClass的内部写：static myStatic = ’ myStatic’;2.MyClas.myStatic = ’ myStatic’;

原创 watchEffect 防抖

watchEffect(onInvalidate => { console.log('execute watchEffect:' + val.value); let timer = setTimeout(() => { console.log(val.value); }, 1000); onInvalidate(() => { //初次不会执行，第二次开始就率先执行 console.log('execut

原创 window.open

如果路径没有http 开头，则会使用网页的域名。否则不会用。比如：你的个人网站域名是http://mysite.com然后window.open(‘http://zjh.com/hello?search=world’) 就是跳转到http://zjh.com/hello?search=world.但是如果window.open(’/hello?search=world‘）就是跳转到http://mysite.com/hello?search=world...

原创 公钥 私钥

一、公钥加密 假设一下，我找了两个数字，一个是1，一个是2。我喜欢2这个数字，就保留起来，不告诉你们(私钥），然后我告诉大家，1是我的公钥。我有一个文件，不能让别人看，我就用1加密了。别人找到了这个文件，但是他不知道2就是解密的私钥啊，所以他解不开，只有我可以用 数字2，就是我的私钥，来解密。这样我就可以保护数据了。我的好朋友x用我的公钥1加密了字符a，加密后成了b，放在网上。别人偷到了这个文件，但是别人解不开，因为别人不知道2就是我的私钥， 只有我才能解密，解密后就得到a。这样，我们就可以传送加密的

原创 sourcetree 出现无效的路径

应该是github 无法访问的问题~ 晚点再试试！

原创 随机图片api

https://picsum.photos/360/460?random=1

原创 小程序知识点

app.js里的onShow()在小程序重新展示的时候（比如从后台切换到了前台），自动执行的函数页面级别Page({onload(){} //是页面被加载到内存里的时候，或者说页面第一次启动的时候，只会调用一次onShow(){} //页面每次被展示的时候自动执行onReady(){} //页面被加载到内存里的时候，或者说页面第一次启动的时候，并且，页面被渲染完成之后自动执行onHide(){} //页面每次被取消展示的时候自动执行})首次加载时的顺序：onload --> onS