阿莹yes-CSDN博客

原创 react原理及合成事件原理

React合成事件是React框架中非常重要的一部分，它通过事件委托、事件池和统一化事件处理等机制，提供了高效、跨浏览器的事件系统。使用React合成事件可以有效地提高性能，简化开发流程，并保证事件处理函数在不同浏览器下的致性。因此，掌握React合成事件的原理和使用方法对于React开发者来说是非常重要的。简单说就是：react是在原生浏览器的枝上做了一层封装，把对应事件做了一次合成，最大的好处是合成事件可以匹配不同浏览器之间的差异，比如事件委托、事件池、事件合并这些。

2023-11-20 13:41:43 681

原创 px、em、rem、百分比的区别

css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm；px,em和rem用的较多，em和rem是用来适配不同屏幕的，最终也会换算成px来进行布局因此对于精确度没有限制1）网页布局中一般都是用px。2）百分比一般宽泛的讲是相对于父元素，自适应网页布局用的多。3）viewport：可视窗口，也就是浏览器。calc()使用通用的数学运算规则，但是也提供更智能的功能：使用“+”、“-”、“” 和 “/”四则运算；可以使用百分比、px、em、rem等单位；

2023-11-20 13:30:30 473

原创 sourcetree中添加秘钥 - 工具篇

参考文章：https://blog.csdn.net/qq_40968685/article/details/131328007。然后，从gitlab中复制ssh地址到sourcetree中，会看到如图提示，则表示配置成功！

2023-07-03 16:20:41 1121

原创解决sourcetree中推送不显示分支 - 软件篇

原文链接：https://blog.csdn.net/qq_60976312/article/details/126647355。众所周知：在我们没有新创建分支的情况下，他会默认有一个master分支，这也是我们的主分支。再重新打开git，点击推送的时候分支就出现了。推送的弹窗里不回显示我们的分支；如上图所示，在我们使用。

2023-06-28 20:31:46 773

原创函数柯里化 - js篇

Javascript高级程序设计（第3版）：用于创建已经设置好了一个或多个参数的函数。基本方法是使用一个闭包返回一个函数。维基百科：柯里化（英语：Currying），是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。用大白话来说就是只传递给函数一部分参数来调用它，让它返回一个新函数去处理剩下的参数。输入是一个函数，并且这个函数拥有n个参数输出也是一个函数，并且可以使用fn()()()这种方式调用。

2023-06-27 10:44:15 302

原创创建ssh密钥并向gitlab添加完整流程 - 前端

3、或者你也可以直接打开你用户（一般都是 Administrator）下的 .ssh 文件夹，打开它里面的 id_rsa.pub 文件。d. 查看公钥：cat id_rsa.pub 或者 vim id_rsa.pub。2、或者你也可以直接输入命令：cat ~/.ssh/id_rsa.pub。查看是否生成了id_rsa和id_rsa.pub。b. 进入 .ssh 目录：cd ~/.ssh。c. 找到 id_rsa.pub 文件：ls。a. 打开你的 git bash 窗口。

2023-06-21 15:05:01 4333

原创前端入职第一天安装程序及配置环境

前端入职第一天配置环境

2023-06-16 13:54:48 1054

原创 [‘1‘, ‘2‘, ‘3‘].map(parseInt) - js篇

规定使用10，但是并不是所有的浏览器都遵循这个规定。一个介于2和36之间的整数(数学系统的基础)，表示上述字符串的基数。方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。开头, 基数是8（八进制）或者10（十进制），那么具体是哪个基数由实现环境决定。回调函数需要三个参数, 我们通常只使用第一个参数 (其他两个参数是可选的)。函数解析一个字符串参数，并返回一个指定基数的整数 (数学系统的基础)。以其它任何值开头，则基数是10 (十进制)。数组中正在处理的当前元素的索引。

2023-06-11 10:28:25 546

原创数组扁平化的8种方法 - js篇

用简单的话来说，就是将一个。

2023-06-05 19:12:04 759

原创 var的变量提升和函数提升 - js篇

代码之前首先对齐进行编译，编译过程中的一部分工作就是找到所有的声明，并用合适的作用域将他们关联起来，这也正是词法作用域的核心内容。且不会被变量声明覆盖。

2023-05-31 09:37:44 187

原创关闭eslint - vue篇

我们在开发vue项目的时候，创建的时候可能会不小心选择了eslint，这个检测规则对于新手来说，简直就是噩梦，会让你崩溃。这些方法基本足以解决这个问题了，但是笔者还是建议各位有了一定开发经验的时候，用上这个检测文件，不仅能培养自己良好的编程习惯，而且容易和团队其他人保持一个风格。上图红框框部分，我项目中的文件内容是这样的，其他项目可能有别的一些内容，我们把框框中的内容注释掉或者去掉就可以了。有这个文件的话，就直接修改这个文件就可以解决。文件，把你不需要校验的文件添加进去即可，文件都不进行校验了，同理，

2023-05-22 19:22:17 3907 7

原创使用scss报错的解决方案-vue篇

总结一下大概就是要安装跟node版本匹配的node-sass和，如果使用的都是最新版本，直接执行以下指令即可或这里的–save-dev和–save的区别只是下载到里的或，两者区别在于前者是在本地环境用到的依赖，后者是在开发环境需要用到的依赖，只在本地开发的话–save-dev即可。踩坑，留下足迹~原文链接：https://blog.csdn.net/August_802/article/details/124985920。

2023-05-18 09:31:15 801

原创 vue中引入scss依赖的步骤 - vue篇

SCSS是一种CSS预处理语言定义了一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS) 和LESS、POSTCSS。

2023-05-15 21:32:42 1405

原创 getaddrinfo ENOTFOUND localhost - vue篇

时，报错根据报错内容，基本断定是localhost的问题，很有可能是localhost没有绑定127.0.0.1亲测有效！

2023-05-14 12:01:17 911

原创 rem、px、em的区别 -前端

在做项目的时候用什么单位长度取决于你的需求，我一般是这样的：1、像素（px）：用于元素的边框或定位。2、em/rem：用于做响应式页面，不过我更倾向于rem，因为em不同元素的参照物不一样（都是该元素的父元素），所以在计算的时候不方便，相比之下rem就只有一个参照物（html元素），这样计算起来更清晰。1、rem和em单位是由浏览器基于你的设计中的字体大小计算得到的像素值。2、em单位基于使用他们的元素的字体大小。3、rem单位基于html元素的字体大小。4、em。

2023-05-12 15:11:37 426

原创 input限制的正则表达式

input限制的正则表达式。

2023-03-13 12:15:40 1321

原创页面显示超时的问题处理-uniapp

使用构造函数代替 // 格式。

2023-02-20 14:16:57 236

原创 new Date() 使用 --- js篇

year的值为：需设定的年份-1900。例如需设定的年份是1997则year的值应为97，即1997-1900的结果。所以Date中可设定的年份最小为1900；hrs的值域在0～23之间。从午夜到次日凌晨1点间hrs=0，从中午到下午1点间hrs=12；month的值域为0～11，0代表1月，11表代表12月；min和sec的值域在0～59之间。date的值域在1～31之间；将字符串形式的日期转换成日期对象。

2023-02-13 09:26:46 839

原创缺少nodejs环境,请在设置中配置nodejs的安装路径 - uniapp

运行到微信小程序内置环境

2022-09-22 09:02:18 8026 3

原创 webpack打包 - webpack篇

webpack 打包流程

2022-08-10 17:08:38 568

原创 new Set()去重原理 --js篇

`set()` 函数中会先调用对象的 `hash()` 方法，获取 `hash` 结果；如果 `hash` 结果相同，用比较操作符 `==` （也就是调用函数` eq()`）判断二者的值是否相等；如果都相等，去重；否则，`set()` 认为二者不同，两个都保留到结果中。......

2022-08-10 14:40:17 3099

原创 vue及rect面试点(更新中) - 面试篇

文章目录一、事件的执行顺序阻止事件冒泡的方式二、事件循环 EventLoop三、异步编程的方法1.回调函数2.事件监听3.发布/订阅｜观察者模式4.Promise 对象5.Generator 函数6.async 与 await四、call、apply、bind 的区别call fn.call(obj, 1, 2);apply fn.apply(obj, [1, 2]);bind fn.bind(obj, 1, 2);五、vue 和 react 中不被渲染出来的标签六、js 里 for..in 和 for

2022-04-30 18:27:37 1200

原创 React性能优化 - React篇

React性能优化1. 延迟加载不是立即需要的组件2. 调整 css 而不是强制组件加载和卸载3. 使用 Fragment 来避免添加额外的 DOM 节点4. 避免使用匿名函数5. 避免使用内联对象6. 使用 memo 来缓存组件7. 使用 useMemo 缓存大量计算8. 使用 PureComponent、shouldComponentUpdateReact 凭借 v-dom 和 diff 算法拥有高效的性能，除此之外也有很多其他的方法和技巧可以进一步提升 React 的性能。1. 延迟加载不是立

2022-04-29 22:45:19 1102

原创数组的去重，截取，转字符串 - js篇

数组的一些处理方式1. 数组的去重 12种方式1.1 利用ES6 Set去重（ES6中最常用）1.2 利用for嵌套for，然后splice去重（ES5中最常用）1.3 利用indexOf去重1.4 利用sort()1.5 利用对象的属性不能相同的特点进行去重（这种数组去重的方法有问题，不建议用，有待改进）1.6 利用includes1.7 利用hasOwnProperty1.8 利用filter1.9 利用递归去重1.10 利用Map数据结构去重1.11 利用reduce+includes1.12 [..

2022-01-17 22:40:42 768

git2.28版本压缩包

前端入职第一天安装程序及配置环境

空空如也