qq_46302247的博客

参考：https://blog.youkuaiyun.com/zhao97/article/details/109203025?没有python，太奇怪了，然后找了各种方法也没有解决。npm install 时报错如下图。然后重新install，终于可以了。

【代码】vue 使用 eruda（移动端H5调试工具）

如下图，NFT文件就是工作区，.git文件就是版本库。

ts类型申明函数一旦报错就立即终止，never用的很少

js中 的 if，for都是没有块级作用域的；只有函数是有块级作用域的；es6 的 let 就是用于解决 if，for 没有块级作用域的问题；在 le t出现前，是用 es5的闭包(函数作用域) 解决 if，for 没有块级作用域的问题；......

methods ：getFullName()每调用一次，就会执行一次getFullName方法；computed ：fullName每调用一次，会先观察 firstName 和 lstName 的值有没有改变，如果两个都没变，则不会执行fullName；若其中一个发生变化了，才会执行fullName；因为vue内部对computed 是有缓存的；总结：computed 的性能更好，建议使用computed.....................

在postcss.config.js 下写配置；（如果没找到 postcss.config.js 可以自己新建）这里配置的是一个375*667的设计稿，也就是按照 真实iPhone6的宽高除2// postcss.config.js

移动端300ms延时

nginx官网地址：下载稳定版本在D盘（不是C盘都行），新建一个Nginx的文件夹（文件夹名字最好不要有中文），将刚才 下载的压缩包 解压到 Nginx的文件夹下，双击nginx.exe在浏览器地址栏输入 localhost ，回车到 Nginx\nginx-1.22.0\conf 下找到 nginx.config打开nginx.config修改后：将vue项目打包后的dist文件夹，直接拖到 Nginx\nginx-1.22.0 目录下在浏览器地址栏输入 localhost

参考：https://blog.youkuaiyun.com/weixin_43915587/article/details/93628935发现 beforeDestroy 只能监听到页面间的跳转，无法监听到页面刷新和关闭标签页。所以还是要借助 onbeforeunload 事件。顺便复习了一下 JavaScript 中的一些加载，卸载事件：页面加载时只执行 onload 事件。页面关闭时，先 onbeforeunload 事件，再 onunload 事件。页面刷新时先执行 onbeforeunload事件

1、npm i screenfull@5 （建议是5开头的版本，5以上版本会报错）2、如下代码<template> <div class="screenfull"> <button @click="toFul">摁我全屏</button> </div></template><script>import screenfull from "screenfull"; //只需要在vue文件内引入即可

1、数组去重2、两个数组求交集3、两个数组求并集4、两个数组求差集

当跨域请求需要携带cookie时，请求头中需要设置Access-Control-Allow-Credentials:true。Access-Control-Allow-Credentials值为true时，Access-Control-Allow-Origin必须有明确的值，不能是通配符（*)另：如果出现下图，接口调两次的情况，第一次是Preflight (预检请求)时，可以检查代码中是否有’Access-Control-Allow-Credentials’: true,注释掉该行，则可以避免预检请求

安卓手机的软键盘，默认有“搜索”按钮，可以触发search方法；ios(苹果)手机的软键盘，默认没有“搜索”按钮（用“换行”按钮代替了），所以无法触发search方法；如果想让 ios(苹果)手机触发search方法,解决办法如下：// 在 van-search 外面套一个form，并且有 action=""<form action=""> <van-search /></form>加上 form 后，ios(苹果)手机的软键盘，就可以显示“搜索”按钮

// x > 350px； (大于350px) @media screen and (min-width: 350px) { .bottom { margin: 0rem .08rem 0rem .08rem; .icon { margin-right: .08rem; } } } // 330px < x <= 350px； (大于330px，小于等于350px) @media screen and ..

可参考：https://blog.youkuaiyun.com/kill_fish/article/details/115211381方法一（不封装）：// 列表页 activated() { let scrollTop = this.$route.meta.scrollTop; let classElement = document.querySelector('.box'); // .box 为滚动条所处区域（容器）的类名 // 如果保留了分页等信息，可以从路由中获取

当keep-alive存在时， activated，deactivated才会被调用；默认情况下，当路由(浏览器url)改变时，改变前的路由 所映射的组件(假设是组件A) 会被销毁(destroyed回调)，组件A 的data中保存的变量都会被销毁；但是当有keep-alive时，组件A 不会被销毁，只会调用deactivated，所以组件A 的data中保存的变量和值都被缓存了，再次回到组件A时，会执行activated，而不会执行created，之前保存的data值也没改变；注意：假设 路由A对应组

https://www.cnblogs.com/ming1025/p/13092441.html

普通filter<view class="date"> {{date | formatDate}}</view>filters: { formatDate(date) { const nDate = new Date(date) const nyear = nDate.getFullYear() const nmonth = (nDate.getMonth()+1).toString().padStart(2,0) const nday = nDate.g

前闭后开var str = "abcdefg";var s1 = str.substring(0,str.length-3); // 7-3=4console.log(s1) //abcd未知长度字符串，去掉后几位var str = 'abcdefg'var s1 = str.substring(str.length-3); // 7-3=4console.log(s1) //efgsubstr 前闭，第二个参数表示截取几位var str = 'abcdefg'var str1

<el-form-item label="录入时间："> <el-date-picker type="datetime" v-model="form.createStartDate" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions0" @change="TimeStart" default-time="00:00:00" placeholde.

//向上取整Math.ceil( 11.5 ) //12//向下取整Math.floor( 11.5 ) //11//四舍五入Math.round( 11.4 ) //11Math.round( 11.5 ) //12

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

方法一： Array.prototype.unique = function() { return new Set(this) } let a = [1,1,2,2,3,4,] console.log(a.unique());方法二： Array.prototype.unique = function() { let newArr = [] for(let i=0;i<this.length;i++) { if(newArr.inde

<el-row> <el-col :span="24"> <div style="display:flex"> <el-form-item prop="merSelectedOptions" style="width: 400px"> <span slot="label" > <i class="el-icon-collection-tag"></..

let a = 'john-reese'let b = a.split("-")console.log(b) //['john', 'reese']

在iPhone6上，如果要绘制一个宽为100px，高为30px的盒子，换算成rpx单位，宽高分别为200rpx 和 60rpx

npm安装： npm install --save js-md51、在需要使用的项目文件中引入： import md5 from 'js-md5'; 使用： md5('holle') // bcecb35d0a12baad472fbe0392bcc0432、或者在main.js文件中将md5转换成vue原型： import md5 from 'js-md5'; Vue.prototype.$md5 = md5; 在需要用到的文件中使用： this.$md5('holle')

Mixin混入，可以将多个组件通用的data，methods，以及生命周期钩子 封装到一个js中。当data和methods混入时，如果和组件本身的data和methods有冲突，则以组件本身的为准；当生命周期钩子混入时，如果组件中已有该钩子，则会先执行Mixin中的钩子，再执行组件中的钩子1、局部使用mixin2、全局使用mixin...

1、后端返回的数据如下图2、原生ajax调接口（get方式）exportList() { var xmlhttp = new XMLHttpRequest(); xmlhttp.responseType = "blob"; //这个必须有，否则为乱码 // get方法带参数是将参数写在url里面传过去给后端 xmlhttp.open("GET", "https://dev.96365.com/pay/llPay/admin/exportPaySerials?orderId="+t

https://www.cnblogs.com/xr210/p/10176312.html&#8197; //空格符

.wrapper::-webkit-scrollbar{display: none}.wrapper { overflow: scroll; padding-bottom: 50px;}

var arr = ['a','b','c']console.log(arr.join('、')) // a、b、cconsole.log(typeof(arr.join('、'))) //stringconsole.log(typeof(arr.join()),arr.join('')) //string abc

echart位置控制grid: { left: '20%', right: '20%', bottom: '40%', containLabel: true },

//浅拷贝 this.sendPrizeList = this.prizeList this.sendPrizeList.shift()this.sendPrizeList 和this.prizeList都是数组，是引用数据类型。直接“=”赋值时（如上图）是浅拷贝，相当于将this.sendPrizeList 和this.prizeList的指针指向同一个对象，所以当this.sendPrizeList修改时，this.sendPr...

首先要有一个模拟的场景，鼠标是在一直滚动的。需求：在鼠标一直滚动的过程中，每隔一秒输出滚动条位置节流代码：function throttle(fn,delay){ console.log("只执行一次") let valid = true return function() { console.log("滚轮滚动中",valid) if(!valid){ return false }

Promise.all的用法function runAsync1(){ var p = new Promise(function(resolve, reject){ console.log("1111") resolve("aaaa") }); return p; }function runAsync2(){ var p = new Promise(function(resolve, reject){ .

encodeURIComponent('https://www.baidu.com/')'https%3A%2F%2Fwww.baidu.com%2F'

https://portal.zjzwfw.gov.cn/media/oss/image/PORTAL/B265B2918761DCB72BDF6EF33F817F15.jpg?x-oss-process=image/format,jpg/resize,l_900,h_600?x-oss-process=image/format,webp/resize,l_900,h_600 //放在图片链接后面可以直接压缩图片

#在el-table-column中添加新的div 和 :style绑定行内样式（scope带有红色波浪下划线是因为还没连接后台数据）