- 博客(21)
- 收藏
- 关注
RSS订阅原创 frp内网穿透保姆级教学（访问内网Web服务）
本文主要提供了通过公网机器搭建frp内网穿透的教学（提供本地的web服务接口测试）。frp主要有两个部分，客户端(frpc)和服务端(frps)，服务端需要部署在具有公网IP的机器上（也就是我们自己买的ecs），客户端就是我们需要进行穿透的电脑（本地机器）frp搭建好后，使用起来非常的稳定、强大并且方便。还是推荐经常有内网穿透需求的小伙伴自己搭建一下。不要为了一时的偷懒，造成了长久的麻烦，提效是关键。
2022-10-13 00:12:18
1399
1
原创 用一个小故事生动形象的讲解JS中的 call(), apply(), bind() 用法区别
张三手机还有70的电，也带了充电宝，所以可以给手机充电，但李四不想带充电宝的同时，又想给手机充电该怎么办呢？
2022-04-25 00:31:34
259
原创 1.两数之和-JavaScript（JS)
题目给定一个整数数组 nums 和一个整数目标值 target ，在数组中找出和为目标值target的那两个整数，返回两个整数的数组下标测试用例var nums = [2,7,9,11]var target = 9console.log(twoSum(nums,target)) // [0,1]var nums = [3,2,4]var target = 6console.log(twoSum(nums,target)) // [1,2]var nums = [3,3]var tar.
2022-04-09 13:43:53
612
原创 iframe的局限性
目录前言主要缺点前言之前公司使用的技术便是通过iframe组成微前端的页面，遇到过一些问题，这几天正好面试又被问到，特地总结一下。主要缺点大致为一下四点：创建速度比一般的DOM元素慢1~2个数量级阻塞页面加载。onload事件触发浏览器的“忙”指示，告诉用户网页加载完毕。使用iframe后需要等所有iframe加载完毕才会onload。在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况唯一的连接池。浏览器只能开少量的连
2022-04-04 17:31:58
1208
原创 一文入门Promise，理解各种场景下的promise操作
目录Promise介绍Promise基本使用Promise的APIPromise一些关键问题Promise自定义封装async与awaitPromise介绍JS的ES6规范中一门新的技术，是JS进行异步编程的新解决方案（旧方案为单纯使用回调函数）常见的异步操作：fs文件操作 require('fs').readFile('./index.html',(err,data)=>{})数据库操作AJAX $.get('/server',(data)=>{})定时器 setTimeou
2022-04-02 09:42:52
174
原创 markdown符号表情 readme符号表情 github Profile自述文件用
专门提供可以在markdown实现的emoji表情符号，由于在github上三栏需要左右翻动不方便查阅，特地转载到这里。在浏览器中通过`Ctrl+f`可以对符号码进行搜多定位，使用时直接复制表情到markdown中使用，也可以使用符号码，如`:blush:`，显示为:blush:
2022-03-30 00:56:28
611
原创 window.open()打开链接内含有中文编码问题
文章目录前言-URL中的中文变成%百分号字符问题解决-decodeURI总结前言-URL中的中文变成%百分号字符在项目中遇到一个bug，在A页面中对某个按钮设置了事件监听，当点击后经过一系列的处理，会调用windos.open()方法，传入的URL大概为：/abc/abc?id=1&key=测试，然后跳转到B页面。在新页面数据渲染阶段会根据页面参数进行get请求，发现请求出错，打开浏览器开发者工具中的Network发现get请求变成了：http:xxx:xxx/abc/abc?id=1&a
2021-08-12 15:53:23
2814
原创 Vue中修改数组长度或数组内某个值时无法更新情况
文章目录前言-Vue中改变了数据页面却不刷新原因总结前言-Vue中改变了数据页面却不刷新最近刚开始实现，导师给的任务很简答，做某个Table行数据的删除。在清空整个data数组时，用到了两种方法this.formData = [] // 直接用一个空数组覆盖this.formData.length = [] // 设置length为0进行清空但是这两种方式都是无法触发Vue中的响应，在Vue的官方文档中也有解释，并且推荐了解决方案为：使用set方法或splice方法。原因因为vue实现双
2021-08-05 11:36:29
1956
原创 关于CSS中opacity:0, visibility:hidden, display:none的对比区别
文章目录前言opacity:0visibility:hiddendisplay:none总结前言前几天参加笔试的时候被考到opacity这个CSS属性，因为平时自己写代码没用过，所以懵了，现在特此总结一下opacity:0这个属性是设置元素透明度用的，设置opacity:0后元素会直接变成透明，但还会占用着页面元素的位置，并且设置的事件能够触发。相当于一个透明人站在你面前，虽然看不见，但依旧能触摸到。visibility:hidden这个属性是设置元素是否可见的，设置visibility:.
2021-07-22 22:09:47
1762
原创 Java中的Math对象基本操作和使用
文章目录前言案例代码前言本文主要介绍使用了JavaScript中的Math对象，包含方法有：取最大值max(), 取最小值min(), 取绝对值abs(), 向下取整floor(), 向上取整ceil(), 四舍五入round(), 取0至1的随机浮点数random()。案例代码 <script> // 一些js内置对象，js原生支持的api，Math、Date、Array、String // 原生的内置对象通常是静态的不需要使用new操作符创建，
2021-07-19 21:50:52
420
1
原创 JavaScript中变量以及基本变量类型和变量关键字
文章目录一、变量二、JavaScript中的变量类型1. Number（数字类型）2.3.4.5.三、JavaScript中的变量关键字1. var2. let3. const总结二、使用步骤1.引入库2.读入数据总结一、变量基本上每种语言都有变量类型，像C、Java、Python等，但与他们不同的是，JavaScript是弱类型语言，通常来说变量大致分为字符型、数字（又分整数型和浮点数型）、布尔值、对象等。JavaScript中弱类型语言就体现在，我们在为一个变量赋值时，不用考虑它的类型，程序运行
2021-06-22 00:14:08
2174
原创 JavaScript中的变量关键字详解（var、let、const）
文章目录前言一、var二、let三、const总结前言继上一篇讲JavaScript变量的文章，这次单独写一篇讲三个变量关键字的介绍、区别、使用场景和需要注意的事项等。希望看完文章的你会有所收获。一、var比较需要注意的是var变量关键字的作用范围和变量提升 <script> // 1.var的作用域为局部变量,作用范围为函数作用域 function test(){ var temp = "abc"; }
2021-06-21 00:07:38
1980
2
原创 浏览器内核介绍&在网页(HTML)中使用JavaSrcipt
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport
2021-06-19 16:01:05
842
原创 JavaScript的三大组成
文章目录一、JavaScript三大组成1. ECMAScript2. DOM3. BOM总结一、JavaScript三大组成JavaScript的三个部分为：ECMAScript（JavaScript语法规范），是JS的基础也是核心。DOM（Document Object Model 文档对象类型），Web APIs一部分，提供与网页内容交互的方法和接口。BOM（Browser Object Model 浏览器对象模型），Web APIs一部分，提供与浏览器交互的方法和接口。API（A
2021-06-11 00:44:41
3027
3
原创 HTML复习巩固系列（一）——HTML结构/骨架
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport
2021-06-10 01:44:01
1283
原创 Linux服务器安装/配置宝塔bt，附Xshell和Xftp下载安装和简单使用教程
文章目录前言一、安装Xshell7和Xftp7二、使用Xshell连接Linux服务器1.服务器配置2.Xshell配置三、安装宝塔bt1.服务器配置2.安装配置总结前言之前使用的阿里云服务器过期了，没续费也没保存镜像，如今准备面试实习，想重新弄好放在简历上，特此记录一下。服务器配置：阿里云或腾讯云的轻量应用服务器或ESC突发性能型服务器服务器系统：CentOS7.1以上使用的服务器链接工具：Xshell7和Xftp7操作环境为Windows系统一、安装Xshell7和Xftp7现在
2021-06-08 03:25:25
3572
原创 mysql order by limit 一起使用的坑，解决方案。order by和limit的混用产生的bug
mysql order by limit 一起使用的坑，解决方案。order by和limit的混用产生的bug问题产生环境说明问题的出现问题产生的原因问题解决问题产生环境说明服务器Mysql版本：5.7前端需要对某个表的内容根据某一个字段的值进行分页排序显示。先排序使用到了 order by ，后分页取一页的数据使用到了 limt。问题的出现当前端进行显示时，出现部分排序错误，甚至是重复数据将原本正常的数据覆盖的情况。这里服务器已经调整好了就不放错误对比图了。问题产生的原因我认为本质上是m
2021-01-08 13:05:34
1869
原创 （附计算过程）采用1200bps的同步传输时，若每帧含56位同步信息、48位控制位和4096位数据位，那么传输1024字节数据需要()秒
（附计算过程）采用1200bps的同步传输时，若每帧含56位同步信息、48位控制位和4096位数据位，那么传输1024字节数据需要()秒。①1024 个字节包含 1024 × 8 = 8192 位②每帧包含 4096 个数据位，则需要 8192 ÷ 4096 = 2 个帧传输③每帧一共 56 + 48 + 4096 = 4200 位，所以一共需要传输 4200 × 2 = 8400 位④所以所需时间为 8400 / 1200 = 7 秒。...
2020-12-23 19:04:45
3640
2
原创 (超详细避坑)实现服务器的代码与Gitee的代码同步更新：通过宝塔的WebHook、Git、Gitee的WebHooks
实现服务器的代码与Gitee的代码同步更新：通过宝塔的WebHook、Git、Gitee的WebHooks。（超详细避坑）前言一、效果展示二、实现步骤2.1 使用宝塔git生成公钥2.2 创建Gitee仓库，添加公钥2.3 宝塔安装WebHook并配置2.4 配置Gitee的WebHooks2.5 将Gitee仓库clone到服务器的本地目录中总结前言提示：内容中的服务器环境为centos7，配置了宝塔的LNMP。 本篇文章最好需要已掌握Git，Gitee操作，宝塔操作的相关知识。一、效果展示.
2020-11-28 23:35:57
4890
13
原创 JAVA将字符串拆分并翻转
JAVA将字符串拆分并翻转如何做题目解析代码题目编写一个程序，将下面的一段文本中的各个单词的字母顺序翻转，“To be or not to be."，将变成"oT eb ro ton ot eb."。解析这题的核心是对java字符串的理解，如果掌握了相关的java库知识，会显得非常简单。我感觉代码中注释写的挺详细的了，第一写算法博客，如果还有没说清楚的地方，欢迎大家伙留言评论提问。代码public class Main { static String stArray[];//用来存储分割
2020-11-09 14:52:51
1300
原创 vue+element-ui实现表格内嵌套el-image自动绑定tableData中的图片url，并实现点击大图功能
vue+element-ui实现表格内嵌套el-image自动绑定tableData中的图片url，并实现点击大图功能预期效果实现预期效果预期的目标结果如下图中的效果： 点击图片弹出大图实现官方文档：element-ui的table部分首先，我们知道element-ui的数据绑定方式是：method方法里return一个tableData数据数组，然后在el-table表格中设置 :data=“tableData” ，再使用 prop=“key” 进行数据绑定。而因为我们使用的是展开行，所以对
2020-11-09 14:41:56
3749
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人