- 博客(15)
- 收藏
- 关注
RSS订阅原创 React错误边界的使用
React 处理错误：只处理在渲染期间或组件生命周期方法期间抛出的错误。在事件处理程序中（通常通过try catch处理）或异步代码（setTimeout，回调等等）或服务器端的渲染或者在错误边界本身（而不是其子女）中抛出的错误，这些运行后引发的错误不会被捕获。上周遇到了一个问题，因为React组件Table报错，这个错误没有被捕获，导致整个React组件树被卸载，进而导致整个页面显示为白屏。控制台异常抛出的错误只是指向这个组件但是并没有说是那一块的错误。怎么能清楚的分析这个报错的具体原因？
2024-01-02 14:29:27
647
1
原创 开发中常用的GIT命令
有没有习惯使用终端对git命令操作的，作为一名前端开发总是不习惯使用vscode工具上面自带的快捷键对代码进行管理的。也可以使用git commit -a将本地代码送到本地仓库，会使用到vi编辑信息对提交信息进行备注。使用git stauts查看 Git 仓库当前状态的命令，距离上一次提交到此刻文件的状态的。命令可将文件暂存更改 (暂存检测到所有已修改的文件不包括删除的)命令将本地的分支版本上传到远程并合并。从远程获取代码并合并本地的版本。命令将暂存区的内容送到本地仓库中。推到远程的代码，需要回退怎办？
2023-12-01 14:35:15
917
原创 使用VSCode切换分支下载代码
GitHub/Gitee/GitLab上面有非常丰富的代码资源在项目中我们也会用到git对我们的代码进行管理，我们从git上面克隆代码往往需要一个网址就OK了。但是有时候给的网址不是我们想要的代码，比如说git上面给的是A分支下面的的网址，此时如果使用git clone只能克隆A分支下面的内容，而B分支在没有权限的情况下，是不能够通过HTTP/SSH下载的。但是我们可以通过VSCode 来下载其他分支内容，也就说只要给一个网址，其他分支HTTP和SSH没有明确给出来，我们也是可以通过网址git cl
2022-02-23 18:00:03
2250
原创 react项目中Manifest: Line: 1, column: 1, Syntax error.报错解决方法
react项目中Manifest: Line: 1, column: 1, Syntax error.报错解决方法
2022-02-16 16:54:25
2213
原创 解决npm下包速度慢的问题
解决下包速度慢的问题---下载地址从国外的服务器切换到国内的服务器上（淘宝镜像服务器）但是存在一个弊端，不能最新拿到更新的数据1.用户直接从国外npm官网服务器上下载包，速度会比较慢2.用户通过国内npm淘宝镜像服务器下载，国内淘宝npm镜像服务器会从国外npm官网服务器同步包的数据，但是这种同步是每隔一段时间同步的。如果想要从国内npm淘宝镜像服务器下载包，就需要更改下载路径第一步：首先查看npm的下载路径npm config get registryhttps://regi.
2022-02-11 11:28:04
2193
原创 一篇文章带你弄懂Promise(含Promise源码)
Promise一定要会的知识点，它来了，它来了。一篇文章带你搞懂Promise，不用发愁了。
2022-01-05 13:49:24
754
原创 VUE3对比VUE2改动知识点(区别)
vue2和vue3 对应的文件vue2 vuex2 vue-router3 element-ui vant2 vue3 vuex3 vue-router4 element-ui-plus vant3 VUE2 和VUE3的区别：Performance:（优化）重写了虚拟DOM的实现（跳过静态节点，只处理动态节点）<DIFF算法> update性能提高1.3~2倍 SSR速度提高了2~3倍(服务端)T
2021-10-23 12:14:32
367
原创 Vue写一个购物车计算器
Vue写一个购物车计算器CSS部分：*{ margin: 0; padding: 0;}.box{ box-sizing: border-box; margin: 0 auto; width: 480px; height: 590px; background-image: url(./images/bg.png); }/* 按钮 */.minus,.add{ display: inline-block; width
2021-10-11 11:20:36
243
原创 webpack模块化编程进化史及规范
首先我们要知道webpack是什么？webpack是一个现代JavaScript应用程序的静态模块打包工具。当webpack处理应用程序时，它会在内部构建一个依赖图，此依赖图会映射项目所圃的每个模块，并生成一个或多个bundle包! webpack本身是基于node.js开发的!（比如说：有多个js文件，我们需要构建这些js文件的依赖关系，读取这些js文件中的代码，最后合并在一起 放在一个新的js文件中，最后压缩）我们为什么要学习webpack？（webpack的好处）代码转换: TypeScr
2021-10-10 23:01:34
297
原创 回流和重绘消耗性能怎么解决？
由于回流和重绘消耗性能怎么解决？俗话说：操作DOM 非常消耗性能？=因为操作DOM 会导致页面的：回流 （重排）跟重绘 尽可能减少回流操作回流（重排）：当某个节点的位置或者大小发生改变（含:新增或者删除节点，调整节点位置以及大小等），再或者浏览器视口大小发生改变，浏览器都需要重新计算每一个节点在视口中的布局位置（或者只调整节点所在文档流中的位置），也就是重新进行Layout，我们把这个操作称之为‘回流（重排）’重绘：节点的位置和大小不变，只是修改了节点的背景颜色，文字颜色等样式，此时只需要
2021-09-04 20:03:15
341
原创 浏览器底层渲染机制和CRP性能节点优化
浏览器底层渲染机制和CRP性能节点优化编写一个页面所需的技术栈HTML$CSS[less/sass/style…]按照w3c规范去编写代码，浏览器本身也是按照w3c规范去编译解析我们的代码, 最后渲染出我们想要的效果!!javascript[ES6+/XMLHttpRequest/vue/react…]开发者按照ECMAScript-262规范去开发代码，浏览器也按照这个规范解析浏览器基于自己的内核[渲染引擎 webkit->v8引擎]，自上而下，自左而右(有特殊情况)渲染和解析代码，最
2021-09-04 19:38:56
328
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人