- 博客(16)
- 收藏
- 关注
RSS订阅原创 事件订阅派发模式
思路：定义一个state用来存贮订阅事件和事件对应的回调函数。on方法用来订阅事件和添加对应的回调。emit方法则是用来派发事件，并且执行事件对应的回调函数队列。off方法则是用来取消订阅事件的回调函数或整个事件。once方法是只订阅一次事件。
2023-10-27 17:50:54
90
原创 instanceof 的原理以及手写实现
众所周知，js数据类型分为基本数据类型与复杂数据类型，而 instanceof 便是用来检测复杂数据类型，返回一个布尔值。其原理便是，检测构造函数的原型是否出现在检测对象的原型链上。
2023-10-25 20:46:06
137
原创 标签名与：hover前是否有空格
#submitPassed:hover{ box-shadow: 0 1px 2px -2px rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 12%), 0 5px 12px 4px rgb(0 0 0 / 9%); }不加空格，影响的是自身或其他相邻兄弟元素， 写的是一个划过出现盒阴影效果#submitPassed :hover { box-shadow: 0 1px 2px -2px rgb(0 0 0 / 16%), 0 .
2022-02-18 11:12:33
351
原创 实现一个点击保存内容到粘贴板上的功能
const copy = () => { const copyValue = document.getElementById('copyValue') // 如果想要选中内容是input标签包裹的则不需要重新生成input const input = document.createElement('input'); input.setAttribute('readonly', 'readonly'); input.setAttribute..
2022-02-18 10:48:01
273
原创 模糊搜索，搜索框值改变发起请求后，返回的值先后顺序不一致
bug原因及分析：在做视频会议项目中， 遇到一个搜索框的bug, 具体是搜索框值发生改变，就会发起请求，返回下拉框选项，然后就会遇到一种情况，搜索框值连续改变了三次， 因为三次返回值的大小不同，第三次请求返回值先来了，导致我想要的下拉框选项不对应。bug解决方案：先定一个全局变量let searchIndex = 0;然后再onSearch搜索请求中定义一个局部变量const valueIndex = ++ searchIndex;发起搜索请求， 在请求回调中if(searchIndex ==
2022-01-13 18:20:18
386
原创 react实现设置组合快捷键
分析下设置快捷键：1.首先组合快捷键第一个必须为功能键（shift、ctrl、alt）且最后一个键不能为功能键，2.组合键的键数大于1（shift+V），小于等于4(ctrl+shift+alt+A)3.当出现功能键+普通键+功能键时（如shift+A+alt）时，应替换为功能键+功能键+（shift+alt+）,就是功能键必须相连，不相连最后一个功能键把普通键替换掉，4.当出现不符合规则的组合时需要变回未改变时的状态state = { oldKey: 'CTRL+F12', ne
2022-01-13 17:44:17
2032
1
原创 2021-05-25
React引入本地图片的方法类似于引入外部css样式，先用import引进来，起一个变量名。然后src={{变量名}}就可以了
2021-05-25 20:16:42
85
1
原创 关于数组排序方法sort()的理解
我在接触数组排序方法的时候看到这样一组代码：var arr = [10, 4, 50, 32];console.log(arr.sort((a, b) => a - b));然后他就按从小到大的顺序排好了；就很神奇。当时刚学没想那么深入，没弄懂return a-b到底是个什么意思；今天心血来潮，就各种百度，现在总算有个大致的理解了。我的理解是他是个冒泡排序，，内置了一个匿名的比较函数compare(a,b)，遍历数组，a,b为连续的两个数、，a-b,如果>0则交换a,b的位置
2021-04-19 12:44:08
847
原创 数组随机排序的两种实现方法
1.利用数组中的sort()方法： var arr = [10, 4, 50, 32]; console.log(arr.sort((a, b) => a - b));2.Fisher-Yates Shuffle，复杂度为O(n)。从后向前遍历，不断将当前元素与随机位置的元素（除去已遍历的部分）进行交换function shuffle(arr) { let m = arr.length; while (m > 1){ let index =
2021-04-19 11:41:14
755
1
原创 JS 去除数组重复元素
第一种var arr=[1,6,1,5,5,5,1,1,5,5,5,5,55,];function norepeat(){for(var i=0;i<arr.length;i++){for(var j=arr.length-1;j>=i+1;j–){if(arr[i]==arr[j]){arr.splice(j,1)console.log(j)}}}}norepeat(arr);document.write(arr)第二种var arr=[1,6,1,5,5,5,1
2021-03-03 21:31:53
459
4
原创 JS 作用域
作用域：变量或者函数能够被访问到的范围。分为全局作用域和局部作用域一，全局作用域（1）最外层函数或者最外层函数外通过var声明的变量；如：var a = 10;//全局变量function val(){ //全局函数console.log(a)}（2）在函数内部，不通过var声明的变量（不是真正意义上的全局变量）；如： function val(){a = 10}val()console.log(a) //打印的值为10，之所以不是真正意义上的全局变量的原因是：当 consol
2021-03-01 13:10:56
84
原创 js类型转换
一.显式转化：借助转型函数实现转换。1.转化为字符串类型（string）： 直接使用转型函数String（），在小括号内加想要转换的数值或者布尔值就可以。如:可以看出第一个打印值为数值，而以下的数值，布尔值，undefind，null都被转化为字符串类型了。2.转换为数值类型 使用转型函数Number将其他类型函数转换为数值类型 。其中空字符串，空格字符串，null会被Number转换为0，undefined专为NaN，当其他类型无法转换成具体数值时，便会打印成NaN。如下图：3.转化为布尔
2021-02-27 16:00:19
5994
17
转载 Mysql安装、配置、优化
一： MYSQL安装和基本配置在linux上安装，能够用包管理工具来安装，比較简单：RedHat 系列：yum -yinstall mysql mysql-serverDebian系列：sudo apt-getinstall mysql mysql-server安装之后不知道mysql装到哪了怎么办，用whereis mysql 命令来找一下。先找到mysql的默认配置...
2019-12-13 16:34:33
361
转载 防火墙和系统安全防护和优化
如今无论是国家还是企业系统安全尤为重要，所以安全防护就显得特别关键了。防火墙防火墙(Firewall)，也称防护墙，是由Check Point创立者Gil Shwed于1993年发明并引入国际互联网(US5606668(A)1993-12-15)。它是一种位于内部网络与外部网络之间的网络安全系统。一项信息安全的防护系统，依照特定的规则，允许或是限制传输的数据通过。在网络中，所谓“防火墙”，...
2019-12-13 09:43:24
375
转载 cenos基本信息和ssh
centos基本信息和ssh一、 CentOS1.centos是什么“CentOS是基于Linux内核的100％免费的操作系统，多用于服务器系统，CentOS的存在是为了提供一个免费的企业级计算平台，并努力与其上游源Red Hat保持100％的二进制兼容性。”2.CentOS长什么样子？因为 Windows 系统是可视化的操作界面，所以基本上大家都知道 Windows 大概长什么样子。...
2019-12-13 08:50:21
183
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人