L2395183536的博客

原创 SPA首屏加载速度慢的怎么解决（gzip压缩）

首屏时间（First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节计算首屏加载的时间通过或者来计算出首屏时间// 方案一：});

原创 控制台打印图片

c 后面两个空格，CSS 是给这两个空格写的样式，100px 决定这个背景图的大小，腾讯文档的应该是 40px ，这个值改得越大，这个图越大。不小心按到了 F12 ，看到了这么一个东西。文章来自妖趣用户kaiki，多谢大佬。

原创 el-table修改表格每行的高度包含表头

需要修改el-table表格每行的高度为54px，并且包含表头。如果样式没有生效，可能。

原创 页面切换操作加入提示看不到el-message

需要在请求成功后跳转页面，但是请求成功后设置的message因为跳转页面太快看不见了。

原创 多选按钮关联多个el-checkbox-group

如图设计稿，全部企业成员下面的数据来源与两个接口，点击全部企业成员需要勾选全部，下面选中全部企业成员要是选中状态，所以需要两个数组变量，两个。正常情况下确实可以，但是还有个表单提交的请求，需要分别传两个数组中勾选的id，所以不能放一个数组里，不然没发区分勾选id的来源。有人可能会疑问为什么不把两个数据接口的数据放一个数组里，用一个。

原创 经典面试题：https为什么比http安全

完整性保护：HTTPS使用消息摘要算法（例如SHA-256）来计算数据的哈希值，并将其附加到传输的数据中。相比之下，HTTP是明文传输数据的，没有任何加密措施，因此容易受到中间人攻击和数据窃听的威胁。攻击者可以轻松截取、篡改或窃听HTTP传输的数据，造成数据泄露、账户被盗等安全问题。这种加密方式确保只有目标服务器可以解密加密数据，防止中间人窃听、篡改或伪造数据。Security）协议来对传输的数据进行加密。这意味着在数据从客户端发送到服务器的整个过程中，第三方无法轻易地截取、窃听或篡改数据。

原创 axios配置代理ip

最离谱的是，在网上搜了一圈，全是关于axios配置proxy跨域的解决办法，没有配置代理ip的方法。对于在nodejs中使用axios作为请求库时，有需要配置代理ip的需求（比如爬虫等等）

原创 Vue路由跳转传参后无法清空地址栏参数问题解决

因为页面有用到路由参数，但是这样刷新的话，参数会一直携带在路由上，就会刷新了页面还会处理这些参数。使用的路由模式是history，通过以下方式进行跳转传参。这样跳转后路由和地址栏将变成。

原创 Vue中使用样式穿透无效解决办法

在Vue项目中经常需要使用到组件库，遇到需要修改组件库组件的样式时通常会使用样式穿透，但是有时候使用样式穿透会失效（比如修改页面中子组件里的组件库组件样式），又不知道如何调试解决，这里分享一下总结的方法。

转载 一段JS代码获取QQ群内所有人QQ号

一段代码获取QQ群内所有人QQ号

原创 解决只能微信浏览器访问的网页实现调试

1.首先用数据线把手机连接到电脑2.手机打开USB调试3.手机进入微信随便打开一个聊天窗口输入并发送： http://debugxweb.qq.com/?点击打开这个链接，弹出“执行成功”，即可4.手机微信打开想要抓包调试的网页5.电脑上打开chrome内核的浏览器或edge浏览器chrome内核的浏览器输入chrome://inspect/#devicesedge浏览器输入：edge://inspect/#devices打开后稍等片刻然后在打开的界面中点击这个。

原创 h5跳转微信小程序(实现多端兼容)

h5在安卓和IOS跳转微信小程序，是通过后端接口返回的URL scheme进行跳转，但是遇到在微信打开网页想要跳转小程序的场景实现不了，微信浏览器不能通过URL scheme这种方式，所以需要判断环境切换跳转方式，在微信端使用微信提供的开放标签进行跳转wx-open-launch-weapp微信开发文档-开放标签什么是URL scheme？URL scheme是App提供给外部的可以直接操作App的规则。比如微信提供了打开扫一扫的URL scheme。weixin://dl/scan比如支付宝提供了

原创 el-table合并相同数据列

element-plus的文档给的合并行和列的示例都是写死的指定行或列，应用场景太小，对于下图需求完全不能满足。我们需要实现将表头第一行根据相同数据项进行合并列，以下是实现代码。

原创 el-table横向数据表格实现

众所周知，el-table大部分场景下包括官方例子，table都是纵向数据，就是渲染每一项的数据是一列的。最近有个需求它是横向数据渲染，是一行一行的，之前没写过一时间没思路，现在解决了记录一下。

原创 Element plus ui 表单校验避坑

【代码】Element plus ui 表单校验避坑。

原创 面试题——实现一个链式调用的query方法

定义 groupBy 方法，该方法接受一个字符串类型的参数 key，按照 key 对 results 数组中的元素进行分组，并将分组后的结果存储回 results 数组中，然后返回 this 对象以支持链式调用。定义 filter 方法，该方法接受一个回调函数作为参数，过滤 results 数组中的元素，并将过滤后的结果存储回 results 数组中，然后返回 this 对象以支持链式调用。需要注意的是，这只是一个简单的实现方式，还有很多细节需要考虑，例如对于分组操作，如果 key 的值为 null 或。

原创 逆向实战——Seet Art数字藏品平台

进入加密函数，可以很明显看出是DES对称加密，且配置项mode和padding都是默认值，要想DES加密现在还差个key和iv。debugger一下就能找到处理加密的地方，将包含手机号验证码的对象转为字符串传给加密函数加密。iv的值来源于s()，找一下就能发现iv就是一段固定字符串。最后key的值也是一段时间格式字符串。

转载 突破前端反调试：阻止页面无限不断debugger

突破前端反调试：阻止页面无限debugger

原创 uniapp运行APP报错Cannot start service: Host version “0.16.17“ does not match binary version “0.15.18“

uniapp的vue3+vite项目运行APP报错

原创 手写Promise.all,resolve,reject.race(面试题)

Promise手写实现、Promise静态方法实现

原创 解决nrm默认npm镜像源没有星号*显示的问题

解决nrm默认npm镜像源没有星号*显示的问题

原创 Git报错解决：OpenSSL SSL_read: Connection was reset, errno 10054 错误解决

Git报错解决：OpenSSL SSL_read: Connection was reset, errno 10054 错误解决网上查阅网络不稳定会导致，然后把梯子代理关了，clone项目成功了

原创 关于form表单传值中文乱码问题解答

关于form表单传值中文乱码问题解答在写jsp项目时发现通过form的input传中文值时乱码，后来查询资料得知原因及解决办法如下：传值的请求方式分为 1. get 2. post而get会乱码，post不会，常见的有通过URL传参是get，如url?username=1。form一般为get传值，可在form的method属性改为post<form action="" method="post"></form>...

原创 JSP,JAVA字符串的比较要用equals，而不能直接用==号

JSP,JAVA字符串的比较要用equals，而不能直接用==号今天在写JSP的if判断条件是发现if不起作用，查找资料发现改为equals来判断就可以，原来String 是对象，如果用==号就是比较两个String对象内存地址是否一样，equals()比较的是String内容时候一样，不过不同的编程语言两者不太一样，所以在JAVA和JSP中不可以，而Javascript中却可以...

原创 JavaScript将a标签阻止链接跳转当成按钮用

JavaScript将a标签阻止链接跳转当成按钮用在使用JavaScript的a标签时，点击后总是会链接跳转，不能仅仅当成点击的按钮使用解决办法如下：<a herf="#">删除按钮</a>//会跳转<a herf="javascript:;"></a>//不会跳转...

原创 一些常犯的小错误

写的js代码运行出现问题，检查发现是将false写成flase,这个错误经常犯

原创 2021-10-14关于js的函数优先

关于js的函数优先今天水群看到这么一个题目，答案与我所想不一致，看来还有很多不足的地方。上图的输出是100.原因是：函数声明和变量声明都会被提升，但是函数优先级更高，提升到变量声明的上面。所以真实过程如下：...

原创 java实现打印一个带索引的二维数组

代码如下：package com.demo;public class MyTable{ public static void main(String args[]){ int myTable[][] = { {23, 45, 65, 34, 21, 67, 78}, {46, 14, 18, 46, 98, 63, 88}, {98, 81, 64, 90, 21, 14, 23}, {54, 43, 55, 76, 22, 43, 33}}; int sum=0;.

原创 小程序缓存处理与web的区别

原创 js数组去重方法详解

js数组去重方法详解var arr=[1,2,3,1,6,2,3]let newArr=[];for(var i=0;i<arr.length;i++){if(newArr.indexOf(arr[i])==-1){newArr.push(arr[i])}}console.log(newArr);indexOf()方法从newArr数组中找arr数组的元素，依次去重，如果在newArr中不存在，indexOf返回-1，则push进去。...

原创 vue实现点击式切换类名

vue实现点击式切换类名1.三元运算符实现<span :class="num==1?'active':''" @click="num==1">这是个文本</span>2.使用对象<span :class="{active:num==1}" @click="num==1">这是个文本</span>

原创 如何在css中引入外部字体

如何在css中引入外部字体具体看以下代码：/*全局引入*/@font-face{ font-family:字体名字; src:url('../assets/字体名字.ttf');}/*具体使用*/.class{font-family:字体名字;}

原创 vue知识点

vue知识点1.可以通过以下代码来获取父组件的数据值this.$parant2.可以通过以下命令来启动项目，前提是要安装依赖npm run servenpm start原因：在package.json中，有一个scripts属性"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint"}定义了所有可以进行npm run xxx的地

原创 vue的router

vue的routervue-router | 编程式导航组件中通过 this.$router.push(地址)可以通过代码实现切换。this.$router.push('/result')vue-router | 路由传参在地址的后面写上分隔通过key=value&key2=value的方式添加参数,key自定义参数。this.$router.push("/result?q="+this.inputValue)this.$router.push(`/result?q=${this.

原创 axios的使用方法

axios的使用方法首先cmd进入项目，安装axios。npm install axios然后在要使用的页面导入并配置：import axios from ' axios'export default {name:'discovery',created(){axios({url:'https://autumnfish.cn/banner',method:'get',params:{}}).then(res=>{})...

原创 vue-router安装

vue-router安装在项目的根目录打开终端通过命令npm install vue-router下载npm install vue-router然后在main . js 中1.导入import VueRouter from 'vue-router'use一下Vue.use(VueRouter)3.创建路由let router=new VueRouter({import discovery from './components/03.discovery.vue'import

原创 Vue-cli 环境配置

Vue-cli 环境配置保证Node.js安装成功的情况下通过命令npm install -g @vue/cli安装一个小工具如果失败了：先输入npm install -g cnpm安装一个小工具(cnpm)成功之后再输入cnpm install -g @vue/cli通过刚刚安装的工具来安装vue-cli接着安装完后，在想要创建项目的文件夹下输入vue create项目名。项目配置选第二个空格取消下面的星写y就是yes后一直回车等待创建成功...

原创 关于用js改变元素位置

关于用js改变元素位置在使用javascrip更改元素位置时，发现改来改去一直不生效，上网查询一番，发现原来是写法错了，但vscode没有报错。原来错误写法：a.style.position="left:50px"正确写法：a.style.left="50px"...

原创 设置子元素行高与父元素一致为什么不能对齐？

设置图片子元素行高与父元素一致为什么不能对齐？原因：因为图片子元素设置行高后，默认与文字底边基线对齐，所以没有居中对齐。解决办法：给父元素设置 vertical-align:middle;把此元素放置在父元素的中部。ps：设置图片子元素居中对齐，父元素设置text-align:center也有用...

原创 设置了position后为什么margin:auto没用

设置了position后为什么margin:auto没用原因：因为该元素已经脱离了文档流。另外，不管它的祖先元素有没有定位，都是以文档流中原来所在的位置上偏移参照物。所以margin这个时候不会骑作用滴，需要用left， right, bottom,top来进行精确定位了...