- 博客(62)
- 收藏
- 关注
RSS订阅原创 react的state是一张快照
设置 state 不会更改现有渲染中的变量，但会请求一次新的渲染。React 会在事件处理函数执行完成之后处理 state更新。这被称为批处理。要在一个事件中多次更新某些 state，你可以使用 setNumber(n => n + 1) 更新函数。
2024-10-16 17:03:35
545
原创 跟着小白学linux的基础命令
-本文的目的在于启蒙，所以只会以最简约的方式展示这些操作的命令，而不是详尽的列举完所有的操作项。在实际应用中，你只需要根据一下大类去谷歌，找到更细节的内容。
2024-06-03 17:54:02
1181
原创 MobaXterm两种方式上传下载文件
直接右键，选择Send file using Z-modem，选择物理机上传的文件等待上传完成即可。出现，以下图片 选中Receive file using Z-modem，选择文件下载位置。依旧使用上图 ， 4. 上传按钮，可以选择文件，注意输入框的文件目录。当然你也可以直接通过拖拽的方式将文件上传。最重要的是输入框的文件目录要正确！
2024-06-03 17:50:39
3961
原创 react完整项目搭建的思路
在React应用中，获取运行环境（如开发环境、生产环境）通常涉及到对当前环境变量的检测。react默认支持用scss，不支持less，直接使用less时会报错，因此当使用less的时候需要进行额外配置。它可以让你在不编写 class 的情况下，使用 state 以及其他的 React 特性。早期并没有 React-Hooks 的加持，函数组件内部无法定义和维护 state，因此它还有一个别名叫“无状态组件”。使用process.env.NODE_ENV是一个全局变量，用于标识当前的运行环境。
2024-04-28 15:40:38
1487
原创 yarn 显示info There appears to be trouble with your network connection. Retrying...
移除yarn.lock,重新yarn一遍 问题解决。
2024-04-24 15:18:53
798
原创 在react配置使用less的最优解
react默认支持用scss，不支持less，直接使用less时会报错，因此当使用less的时候需要进行额外配置。至于技术选型选择less或scss完全取决于你的个人偏好。你当然可以采取别的方式去实现对less的配置。但是我这里只提供了一种方式用于解决问题，主要是为了记录，便于自己日后查看。
2024-04-19 11:23:43
589
原创 Vue.extend()和我的两米大砍刀
一个全局API,用于注册并挂载组件。传统的引用组件的方式是使用import直接引入，但是使用Vue.extends()也可以实现。
2024-04-17 15:33:35
778
原创 为了减少对 DOM 操作的代价, 可以采取以下优化措施:
这样，我们就只需要为父元素添加一个事件监听器，而不是为每个子元素都添加一个事件监听器，从而减少了对 DOM 的操作，提高了页面性能。在上述代码中，我们首先创建了一个文档片段（DocumentFragment），然后将需要修改的元素添加到该片段中，最后再将整个片段一次性添加到页面中。如果我们使用传统的逐个操作的方式，那么每次操作都会触发一次回流和重绘，导致页面性能下降。如果我们使用传统的逐个操作的方式，那么每次点击都会触发一次回流和重绘，导致页面性能下降。
2024-02-19 17:12:43
479
原创 react新旧生命周期钩子
当你充分理解旧的生命钩子之后，看下面这张图对你来说应该易如反掌。大体来说用来划分的区块方式一致，即：创建时、更新时【三条路径】、卸载时。
2023-12-06 09:48:01
1191
原创 vue2、vue3傻傻分不清楚
前端工作也做了几年了，好多东西还是分不清楚。特别是对于最基础的书写格式还是有点模糊不清，今天特地整理一下，以供日后查阅。
2023-11-17 10:14:11
140
原创 react中使用路由起手式,一些思路和细节。
该组件是有两个属性一个是path，一个是component，path是组件对应的路由，component是对应的组件。核心：借助his.prosp.hstory对象上的API对操作路由跳转、前进、后退。按收参数: const {id,title} = this.props,match.params。接收参数: this.props,location,state备注:刷新也可以保留住参数。按收参数: const {search} = this,props,location。
2023-08-10 16:46:18
841
原创 慢慢来，这次一定能搞懂Promise
主要应用的场景应该还是对网络请求（异步调用）进行执行顺序的控制。比如先进行个人身份认证，再进行登录操作。我这里只是针对自己的需求对Promise进行了一个简单的梳理，更多详情。根据控制控制台的输出可见Promise 是一个构造函数，本身身上有 all、reject、resolve 这几个方法，原型（prototype）上有 then、catch 等方法。Promise 将异步操作队列化，按照期望的顺序执行，返回符合预期的结果。根据这些前置信息，我们可以简单实现编写代码实现一下Promise构造函数。
2023-08-09 15:25:23
123
原创 从vue2到vue3的生命周期
同时为了命名的统一，将beforeDestroy改名为beforeUnmount，destroyed改名为unmounted。beforeCreate（建议使用setup代替）created（建议使用setup代替）
2023-06-05 15:42:23
983
原创 js高程个人总结分享----执行环境及作用域
当某个执行环境中的所有代码执行完毕后，该环境就会被销毁，保存在其中的变量和方法也会被销毁。当执行流进入一个函数=时，函数的环境就会被推入到一个环境栈中。在函数执行完之后，该函数的执行环境就会被栈弹出（销毁）。简单来说就是里层环境可以访问外层环境的变量，而外层无法使用里层的变量。而里层的环境当在当前执行环境中找不到定义的变量时向父级寻找。，环境中定义的所有变量和函数都会保存在这个变量中。全局执行环境是最外围的执行环境，在Web浏览器中，全局环境是window。执行环境定义了变量或函数有权访问的数据。
2023-06-04 16:52:00
69
原创 js高程个人总结分享-----arguments
重载函数是函数的一种特殊情况，为方便使用，C++允许在同一范围中声明几个功能类似的同名函数，但是这些同名函数的形式参数（指参数的个数、类型或者顺序）必须不同，也就是说用同一个函数完成不同的功能。重载函数常用来实现功能类似而所处理的数据类型不同的问题。也就是说通过对同名的函数进行不同的参数传递就可以实现函数完成不同的功能。而我们已经知道ECMAScript函数是如何接受参数的了，也是就是对于参数我们是无差别的处理。如果想要模仿重载效果，我们就需要在一个函数体内通过对参数的类型和数量进行判断来执行不同的动作。
2023-06-04 15:04:13
92
原创 关于使用 Element UI 的 el-image 组件导致本地图片不显示的问题
在 element 组件上使用相对路径时 webpack 不会对路径进行处理，导致请求了一个无效的路径。【附】：:src属性后面的字符串会被当做变量解析使用，而src属性后面的只会被当字符串使用。在网页中加载本地图片时，会出现图片加载失败的问题，但使用。（注意给 src 属性加 : ）
2023-03-15 09:30:25
3977
1
原创 由js到vue的依赖注入
依赖注入 DI (Dependency Injection) 是编程领域中一个非常常见的设计模式，它指的是将应用程序所需的依赖关系（如服务或其他组件）通过构造函数参数或属性自动注入的过程。这样做的好处是可以减少组件之间的耦合，更容易测试和维护。
2023-01-30 10:10:24
170
原创 es6 new Map()映射 及ts中的枚举
在力扣遇到一到题，是其中实现的过程中有一部分需要字符串到数字的映射。我的第一想法是通过switch进行实现虽然也实现了，但是后来看到题解的时候就觉得很憨。这不就是映射嘛，完全没想到，所以在这里整理一下。
2023-01-29 11:03:22
443
原创 element plus el-table 设置border边框 底部边线消失
elementplusel-table设置border边框底部边线消失。
2022-07-28 11:37:44
2180
原创 文件流方式下载文件(导出）
浏览器下载策略由于浏览器的策略问题，当文件类型为 pdf 或 jpg 等类型时，浏览器会默认进行预览，即使你设置了 download 属性，大多数浏览器都仍然会执行预览。要想直接下载 pdf 或 jpg 之类的文件，就需要了解浏览器的文件策略。浏览器在文件请求中的 Content-Type 中可以获取到文件的类型，比如 pdf 的请求返回的 Content-Type: application/pdf，浏览器判断文件为 pdf ，则会自动执行预览的策略，如果我们在后端代码或nginx中设置其 Conten
2022-05-16 10:51:17
1441
原创 Vue设置全局css文件以及css组合器
ue设置全局css只要在main.js里引入css文件即可，如：import '@/assets/style.css'; // 全局css后代选择器 (空格)//下面的例子选择 <div> 元素内的所有 <p> 元素：div p { background-color: yellow;}子选择器 (>)//下面的例子选择属于 <div> 元素子元素的所有 <p> 元素：div > p { background-co
2022-04-12 10:48:52
3582
原创 vue package.json 脚本使用
一、package.json scripts 脚本是什么npm 允许在package.json文件里面，使用scripts字段定义脚本命令。在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。{ "scripts": { "serve": "vue-c
2022-03-31 14:23:44
3056
原创 title使用变量
<span v-else-if="record.type == '6'" :title = "`当天平均发言数比昨天同时间段内增长${record.increaseMultiple}倍（${record.increaseCount}）条`"> 当天平均发言数比昨天同时间段内增长{{ record.increaseMultiple }}倍（{{ record.increaseCount }}）条</span >.
2022-03-29 11:08:50
944
原创 一张图让你搞懂scrollHeight、offsetHeight等
名称属性说明clientTop只读clientTop 表示一个元素的顶部边框的宽度，不包括左外边距和左内边距。top可写该属性规定了元素的顶部位置，包括：内边距、滚动条、边框和外边距。scrollTop可写scrollTop表示被选元素的垂直滚动条位置offsetTop只读元素到offsetParent顶部的距离 offsetParent 元素的顶部padding、border及滚动条clientHeight/clientWidth只读元素...
2022-03-08 16:05:27
767
原创 vue注册全局、局部组件、函数式组件。
在开始之前我们先来了解一写基本知识elel的作用就是表明我们要将当前vue组件生成的实例插入到页面的哪个元素之中，el属性的值可以是css选择器的字符串，或直接是对应的元素对象。并且只能在使用new生成实例的时候才能配置el属性，而我们在组件中只是export一个配置对象，如果设置了el则会报错//错误提示 【vue warn】:option 'el' can only be used during instance creation with the 'new' keywoedexport def
2022-01-27 17:55:52
1527
原创 vue中的面试题
v-if和v-show的区别为何v-for中要使用keyv-for在更新已渲染的元素队列时，它会根据key值去判断某个值是否被修改。如果被修改则重新渲染这一项，如果没有被修改则继续复用之前的元素，并且会移除 key 不存在的元素。描述vue生命周期（有父子组件的情况下）加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父
2021-07-21 10:03:57
245
原创 搞定vue中computed、watch
watch可以用来干什么当你有些数据要根据其他数据变化而变化时，你可以使用watch。监听一个数据而能修改多个要相应变化的数据，一对多的关系。经典面试题：watch和computed的区别computed:支持缓存，只有依赖属性发生变化，才会重新计算？？？？？？？不支持异步，在computed内写异步无法监听数据变化一对一 或 多对一watch:不支持缓存，数据变，直接会触发相应的操作；支持异步一对一 或 一对多watch的触发条件基本类型（Undefined、Null、B
2021-07-20 15:35:53
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人