- 博客(298)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 Git命令详解
Git常用命令汇总以及其它相关操作一、常用的git命令 --文件目录操作命令 mkdir * 创建一个空目录 *指目录名 pwd 显示当前目录的路径。 cat * 查看*文件内容 git rm * 删除**文件 --git初始化操作 git init 把当前的目录变成git仓库，生成隐藏.git文件。 git remote add origin url 把本地仓库的内容推送到GitH
2020-11-04 18:46:38
2349
转载 双因素认证（2FA）教程
双因素认证的优点在于，比单纯的密码登录安全得多。就算密码泄露，只要手机还在，账户就是安全的。各种密码破解方法，都对双因素认证无效。缺点在于，登录多了一步，费时且麻烦，用户会感到不耐烦。而且，它也不意味着账户的绝对安全，入侵者依然可以通过盗取 cookie 或 token，劫持整个对话（session）。双因素认证还有一个最大的问题，那就是帐户的恢复。一旦忘记密码或者遗失手机，想要恢复登录，势必就要绕过双因素认证，这就形成了一个安全漏洞。除非准备两套双因素认证，一套用来登录，另一套用来恢复账户。
2024-07-24 11:38:36
13
原创 nginx配置浏览器缓存
Expires：response header里的过期时间，浏览器再次加载资源时，如果在这个过期时间内，则命中强缓存（http1.0的产物，现在一般用cache-control）。cache-control的优先级高于expires，expires是http1.0的产物，而cache-control是http1.1的产物，两者同时存在的时候expire会被cache-control的max-age覆盖，在不支持http1.1的情况下可能就需要expires来保持兼容。强缓存、协商缓存、无缓存区别。
2024-07-22 11:02:00
292
原创 前端开发必备 VS Code 插件大全
最好的软件开发往往来自于程序员的直接需求，Code Runner 作者是一位曾就职于微软的中国程序员，他为了方便自己的日常开发工作，开发了 Code Runner 这款可以在 VS Code 中方便快捷运行各种语言代码的插件。Live Server Live Server是一款实时开发服务器插件，能够在本地启动一个服务器，当你修改代码时，它能自动检测变化并即时刷新浏览器，让你在开发过程中能即刻看到改动效果，尤其适用于静态网页和单页应用（SPA）的开发。提供右键菜单选项，一键在浏览器打开html文件。
2024-07-04 15:17:15
812
原创 前端代码规范 - 日志打印规范
通过以上步骤，我们可以建立一个前端项目的日志输出规范。一个好的日志系统应该是灵活的，能够根据不同的环境和需求进行适当的调整。日志是帮助我们更好地理解和维护应用的工具，合理的使用和管理日志对于任何规模的前端项目都是非常重要的。
2024-07-04 15:16:07
765
1
原创 react中super() 和 super(props) 有什么区别？
在React中，类组件基于ES6，所以在中必须使用super在调用super过程，无论是否传入propsReact内部都会将porps赋值给组件实例porps属性中如果只调用了super()，那么this.props在super()和构造函数结束之间仍是undefined。
2024-06-24 09:43:41
349
原创 react中state 和 props 有什么区别？
组件从概念上看就是一个函数，可以接受一个参数作为输入值，这个参数就是。具有单向数据流的特性，所以他的主要作用是从父组件向子组件中传递数据。一个组件的显示形态可以由数据状态和外部参数所决定，而数据状态就是。的核心思想就是组件化思想，页面会被切分成一些独立的、可复用的组件。在内部不可变的，如果想要改变它看，只能通过外部组件传入新的。来改变，从而达到更新组件内部数据的作用，并且重新调用组件。还可以接受第二个参数，它是一个函数，会在。当需要修改里面的值的状态需要通过调用。来重新渲染子组件，否则子组件的。
2024-06-24 09:42:59
340
原创 说说React Jsx转换成真实DOM过程？
在react源码中，虚拟Dom转化成真实Dom使用React.createElement或JSX编写React组件，实际上所有的 JSX 代码最后都会转换成React.createElement(…) ，Babel帮助我们完成了这个转换的过程。createElement函数对key和ref等特殊的props进行处理，并获取defaultProps对默认props进行赋值，并且对传入的孩子节点进行处理，最终构造成一个虚拟DOM对象。
2024-06-19 14:31:04
337
原创 JavaScript 中内存泄漏的几种情况
并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费。进入环境的变量所占用的内存就不能释放，当变量离开环境时，则将其标记为“离开环境“垃圾回收程序运行的时候，会标记内存中存储的所有变量。然后，它会将所有在上下文中的变量，以及被在上下文中的变量引用的变量的标记去掉。这很麻烦，所以大多数语言提供自动内存管理，减轻程序员的负担，这被称为"垃圾回收机制"程序的运行需要内存。语言中，因为是手动管理内存，内存泄露是经常出现的事情。
2024-06-18 16:10:39
364
原创 react-dnd拖拽库的使用
collected：一个对象，包含从collect函数收集的属性，如果collect未定义函数，则返回一个空对象；collected：一个对象，包含从collect函数收集的属性，如果collect未定义函数，则返回一个空对象；end方法的调用时机晚于drop的调用时机，所以只有在end中做释放后的数据处理才能保证系统的正确性，如果在drop中就更新state或React redux中数据，会引发错误；必须，一个字符串，此放置目标将仅对于指定类型的拖动源产生的项目作出反应；
2024-05-27 10:16:06
1157
原创 npm package.json属性详解
必须是一个严格的json文件，而不仅仅是js里边的一个对象。其中很多属性可以通过npm-config来生成more。
2024-05-27 10:15:33
437
转载 【MathJS】入门mathjs最佳实践，解决JS计算精度丢失的问题
看上去，math.format()只是把number类型转成string类型，别慌，后面讲bignumber时，才会真正体会到它的价值。在实际开发中，需要快速上手，要在最短的时间内解决问题。我的思路就是写一个最简单的用例，搞清楚它的输入和输出，从而正确的理解它的作用。前端的小伙伴，在项目开发中，比如常见的订单模块中，都会进行一些基础的数学运算时，不可避免的就会遇到让人头疼的精度问题。chain调用，返回的是Chain的实例对象，就需要尾部调用，返回chain的value值，如上。还有一些场景需要处理，
2024-05-22 16:35:26
435
原创 在window用bat批处理制作mongodb本地启动文件
bat文件是dos下的批处理文件。批处理文件是无格式的文本文件，它包含一条或多条命令。它的文件扩展名- 为 .bat 或 .cmd。在命令提示下输入批处理文件的名称，或者双击该批处理文件，系统就会调用cmd.exe按照该文件中各个命令出现的顺序来逐个运行它们。使用批处理文件（也被称为批处理程序或脚本），可以简化日常或重复性任务。
2024-05-17 14:46:23
749
原创 Javascript前端本地存储之localStorage、sessionStorage、cookie、indexedDB区别及使用
Javascript前端本地存储之localStorage、sessionStorage、cookie、indexedDB区别及使用
2024-05-16 10:39:15
723
原创 JS深拷贝浅拷贝的区别？如何实现一个深拷贝？
深拷贝开辟一个新的栈，两个对象属完成相同，但是对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。浅拷贝只复制属性指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存，修改对象属性会影响原对象。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。如果属性是基本类型，拷贝的就是基本类型的值。深拷贝是递归拷贝深层次，属性为对象时，深拷贝是新开栈，两个对象指向不同的地址。浅拷贝是拷贝一层，属性为对象时，浅拷贝是复制，两个对象指向同一个地址。
2024-05-16 10:36:15
674
原创 Linux安装Mysql详细教程(两种安装方法)
yum -y install wget，然后再次执行上面命令， 使用上面的命令就直接下载了安装用的Yum Repository，大概25KB的样子，然后就可以直接yum安装了。再次登陆 /usr/local/mysql/bin/mysql -u root -p //输入刚修改的密码1234敲回车键。参数： --basedir 为mysql解压目录，–datadir 为mysql数据存放目录。第1步：查看是否安装了libaio，无返回则说明未安装，执行步骤2。登录mysql，一定要开启服务后才能登陆。
2024-05-06 10:23:39
8213
3
原创 JavaScript 前端面试知识点总结
本部分主要是笔者在复习 JavaScript 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！js 一共有五种基本数据类型，分别是 Undefined、Null、Boolean、Number、String，还有在 ES6 中新增的 Symbol 和 ES10 中新增的 BigInt 类型。Symbol 代表创建后独一无二且不可变的数据类型，它的出现我认为主要是为了解决可能出现的全局变量冲突的问题。
2024-04-18 16:58:00
899
原创 Linux安装Docker完整教程及配置阿里云镜像源
仓库 (repository)docker仓库是用来保存镜像的地方。镜像构建完成后，可以直接在当前宿主机上运行，但是如果需要在其它服务器上使用这个镜像，就需要一个集中存储、分发镜像的服务，docker仓库就是这样的一个服务。镜像(Image)这里面保存了应用和需要的依赖环境，比如运行的runtime和webapp等。为什么需要多个镜像？当开发、构建和运行容器化应用程序时，我们通常会有不同优先级。通过为这些独立的任务提供不同镜像容器(Container)镜像的实例。
2024-04-18 16:56:51
2926
5
原创 ant-design的DatePicker、a-range-picker限制选择今天之前的时间和今天之后的日期时间
我现在用的最后一种情况，这里我就展示最后一个效果图吧！（7.1之后的日期不可选择，可选今天的日期）这里要用到moment插件，大家自行下载， npm i moment。
2024-03-15 13:57:44
1019
原创 汇总全网免费API，持续更新（新闻api、每日一言api、音乐。。。）
如果需要更稳定的api，推荐大家使用付费api欢迎大家提交免费 api 我们共同维护这篇文章。
2024-03-15 11:52:49
1580
原创 React几种避免子组件无效刷新的方案
一个很常见的场景，React中父组件和子组件在一起，子组件不依赖于父组件任何数据，但是会一起发生变化。在探究原理之前，先回忆一下，React中的Diff算法会将更新前后的两棵虚拟DOM树做对比，但这并不会决定组件是否更新，只会决定是否要复用老的节点。return (Child组件没有接收来自父组件的值，每次点击父组件元素让name更新，Child组件会更新吗？答案是会的，你一定会好奇，子组件没有接收任何的props，为什么也会更新呢？
2024-03-13 15:39:50
1483
2
原创 JS跳出for循环三种方法的区别(break, continue, return)
(非函数内使用会直接报语法错)，是用来终止函数的执行，并返回一个指定的值给函数调用者。break会终结当前for循环体。continue仅仅停止该次循环。
2024-03-13 15:35:10
1075
原创 CSS @符规则（@font-face、@keyframes、@media、@scope等）
CSS @ 规则（@font-face、@keyframes、@media、@scope等）
2024-02-21 14:38:26
1490
原创 CSS 函数详解url、min、rgb、blur、scale、rotate、translate等
CSS 函数详解url、min、rgb、blur、rotate、translate
2024-02-21 14:37:32
1205
原创 ECMAScript 2024（ES15）Set新增方法（求交集、并集、差集、超集）
Chrome 浏览器将在下一个版本（Chrome 122）支持 7 个全新的 JavaScript 方法，以增强 Set 对象的功能。这些方法都是由 proposal-set-methods 提案提出的，目前该提案已经进入第三阶段，API 已经基本稳定。预计在 2024 年，这些方法将被纳入 ECMAScript 2024 规范中。这些方法包括：下面先来看看 JavaScript 中的 Set 是什么，如何使用，又有何用处！
2024-02-19 17:19:22
1092
原创 ECMAScript 2024（ES15）将带来超实用的新特性
ECMAScript语言规范每年都会进行一次更新，而备受期待的 ECMAScript 2024 将于 2024 年 6 月正式亮相。目前，ECMAScript 2024 的候选版本已经发布，为我们带来了一系列实用的新功能。接下来，就让我们一起先睹为快吧！
2024-02-19 17:18:10
1657
2
原创 计算机网络知识-笔记
HTTPS 指的是超文本传输安全协议，HTTPS 是基于 HTTP 协议的，不过它会使用 TLS/SSL 来对数据加密。使用 TLS/SSL 协议，所有的信息都是加密的，第三方没有办法窃听。并且它提供了一种校验机制，信息一旦被篡改，通信的双方会立刻发现。它还配备了身份证书，防止身份被冒充的情况出现。我们常说的代理也就是指正向代理，正向代理的过程，它隐藏了真实的请求客户端，服务端不知道真实的客户端是谁，客户端请求的服务都被代理服务器代替来请求。
2024-02-18 11:44:08
989
原创 说说你对算法中时间复杂度，空间复杂度的理解？如何计算？
算法（Algorithm）是指用来操作数据、解决程序问题的一组方法。对于同一个问题，使用不同的算法，也许最终得到的结果是一样的，但在过程中消耗的资源和时间却会有很大的区别衡量不同算法之间的优劣主要是通过时间和空间时间维度：是指执行当前算法所消耗的时间，我们通常用「时间复杂度」来描述。空间维度：是指执行当前算法需要占用多少内存空间，我们通常用「空间复杂度」来描述通常会遇到一种情况，时间和空间维度不能够兼顾，需要在两者之间取得一个平衡点是我们需要考虑的。
2024-01-24 09:52:16
423
原创 说说你对数据结构的理解？有哪些？区别？
树是典型的非线性结构，在树的结构中，有且仅有一个根结点，该结点没有前驱结点。在程序设计中，为了处理方便， 一般情况把具有相同类型的若干变量按有序的形式组织起来，这些按序排列的同类数据元素的集合称为数组。跟栈基本一致，也是一种特殊的线性表，其特性是先进先出，只允许在表的前端进行删除操作，而在表的后端进行插入操作。堆是一种特殊的树形数据结构，每个结点都有一个值，特点是根结点的值最小（或最大），且根结点的两个子树也是一个堆。一种特殊的线性表，只能在某一端插入和删除的特殊线性表，按照先进后出的特性存储数据。
2024-01-23 10:58:38
954
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人