- 博客(27)
- 收藏
- 关注
RSS订阅原创 React学习分享（九）
如上述所写，我们在给变量赋值时，会发现如果我们赋值一个字符串，我们再去改变这个变量的值就只能去赋值字符串，而其他类型的我们都不可能去赋值，我们在使用时，可以不用在变量后面：string，去声明他得类型（有些是必须要声明的），为了规范我们需要强制自己去写。如果有不确定的类型，我们可以用any进行声明。ts其实挺好理解的，前面的基础弄好了，后面多敲熟悉熟悉，用多了就习惯了。所以我们学习ts是有必要的，在未来使用ts也是一种趋势。这里我们先在通过cmd创建一个react + ts的项目。
2022-09-16 16:38:25
399
4
原创 React学习分享（八）
如上述所写，我们在给变量赋值时，会发现如果我们赋值一个字符串，我们再去改变这个变量的值就只能去赋值字符串，而其他类型的我们都不可能去赋值，我们在使用时，可以不用在变量后面：string，去声明他得类型（有些是必须要声明的），为了规范我们需要强制自己去写。如果有不确定的类型，我们可以用any进行声明。所以我们学习ts是有必要的，在未来使用ts也是一种趋势。这里我们先在通过cmd创建一个react + ts的项目。现如今前端使用ts做项目的已经占了50%之后我们就可以进行代码书写。先了解下ts的基本类型用法。
2022-09-16 11:22:07
979
原创 React学习分享（六）
自定义 Hooks 是一个函数，约定函数名称必须以 use 开头，React 就是通过函数名称是否以 use 开头来判断是不是 Hooks。Hooks 只能在函数组件中或其他自定义 Hooks 中使用，否则，会报错！自定义 Hooks 用来提取组件的状态逻辑，根据不同功能可以有不同的参数和返回值（就像使用普通函数一样）axios({(evt) => {
2022-09-05 13:23:17
645
原创 React学习分享（五）
例如：我们点击按钮调用setState对状态进行修改，我们修改完之后，继续点击，会发现componentDidUpdate函数会一直打印出此DOM节点，页面一直重复渲染相同的内容，调用diff算法，所以防止这样，我们可以判断新的state状态和老的state状态是否一样。(1) componentWillMount ,在ssr中这个方法将会被多次调用， 所以会重复触发多遍，同时在这里如果绑定事件， 将无法解绑，导致内存泄漏，变得不够安全高效逐步废弃。2.运行中阶段（更新阶段）...
2022-08-30 15:01:24
239
原创 React学习分享（四）
这里是父组件向子组件传递属性，子组件通过回调函数返回返回值，采用的是受控的方式对子组件进行控制，意思是在子组件中不过多的使用state状态，而是通过父组件的属性进行控制，减少组件内的状态。这里是父组件向子组件传递属性，子组件通过回调函数返回返回值，采用的是受控的方式对子组件进行控制，意思是在子组件中不过多的使用state状态，而是通过父组件的属性进行控制，减少组件内的状态。注意: 另一种说法（广义范围的说法），React组件的数据渲染是否被调用者传递的props完全控制，控制则为受控组件，否则非受控组件。.
2022-08-29 13:09:08
225
原创 React学习分享（三）
因为状态会带来管理的复杂性，我们尽量多地写无状态组件，尽量少地写有状态的组件。（这里需要注意，在React18之前是这样的，18版本之后就发生了改变是wu’lun同步的还是异步的，都会异步的更新状态和DOM）总的来说，在使用一个组件的时候，可以把参数放在标签的 属性当中，所有的属性都会作为组件 props 对象的键值。props 是正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更 改，但是你可以通过父组件主动重新渲染的方式来传入新的 props。
2022-08-23 00:17:14
213
原创 React学习分享（二）
this.state 是纯js对象,在vue中，data属性是利用 Object.defineProperty 处理过的，更改data的 数据的时候会触发数据的 getter 和 setter ，但是React中没有做这样的处理，如果直接更改的话， react是无法得知的，所以，需要使用特殊的更改状态的方法 setState。状态就是组件描述某种显示情况的数据，由组件自己设置和更改，也就是说由组件自己维护，使用状态 的目的就是为了在不同的状态下使组件的显示不同(自己管理)...
2022-08-14 16:48:34
290
原创 React学习分享（一）
React推荐我们使用行内样式，因为React觉得每一个组件都是一个独立的整体，我们大多数情况下还是大量的在为元素添加类名，但是需要注意的是， class 需要写成 className （因为毕竟是在写类js代码，会收到js规则的现在，而 class 是关键字）函数式组件也叫无状态组件，在16.8之前是没有状态的，但是在16.8之后引入了react hooks就可以写状态了。类组件就可以写状态和属性。之后我们只需要在根组件index.js中引入即可使用 (注意组件的名必须开头大写，否则会报错).......
2022-08-12 00:44:08
301
原创 git 常遇到的几种错误（failed to push some refs to ，The requested returned error: 403）
### 一、error: failed to push some refs to ‘https://gitee.com/xxx/xxx.git‘错误的解决方法。##### 解决方法1：直接输入git push origin master -f 强行把本地的分支覆盖掉远程仓库的分支##### 解决方法2：出现错误的主要原因是gitee(github)中的README.md文件不在本地代码目录中 ，所以我们只需要git pull --rebase origin master命令README.md拉到本地。
2022-08-02 15:37:35
7911
1
原创 vue项目打包优化及配置vue.config.js文件（实测有用）
/是否为生产环境//本地环境是否需要使用cdn//cdn链接//cdn模块名称和模块作用域命名（对应window里面挂载的变量名称）externals{'vue''Vue','vuex''Vuex','axios''axios'},//cdn的css链接css[],//cdn的js链接js['https'https'https'https]}//打包配置文件assetsDir'static','./',https。...
2022-07-28 15:08:30
10736
4
原创 vue 在组件中使用$nextTick以及mounted中接收不到props的解决方法
在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。//修改数据//DOM还没有更新//DOM更新了})
2022-07-26 17:25:49
2152
原创 vue中如何适配移动端及PostCSS plugin postcss-pxtorem requires PostCSS 8 报错解决
amfe-flexible：用于自动设置 rem 基准值，即我们在变换不同的设备时html标签的font-size大小也在改变之后就在main.js引入即可然后我们再配置postcss-pxtorem：用于将px自动转化为rem在项目的根目录下创建：postcss.config.js文件然后写入一下代码：如何你想不对某个属性px 转换rem 则只需要在 propList:[’ * ’ , '! font * ’ ] 加入你的属性 后面的*是与font搭配前缀组合。如果出现情况：.
2022-07-14 09:49:33
1535
2
原创 uni-app如何使用uQRCode插件生成自定义二维码
首先我们先到uni-app插件市场中下载此插件，插件下载地址直接导入即可。如何在自己代码中使用：因为我们是直接使用的是uni_modules版本的，所以我们就不必再import导入自己的项目中。我们可以直接使用组件。对于一些其他的配置项我们在options对象上写。可以查看文档：对于方法的使用：下面我写了两个例子：常规二维码（生成）：带logo二维码（生成）：............
2022-07-11 15:47:41
15460
7
原创 Html+CSS垂直居中的N种方法(大全)
利用元素 position: absolute 和 margin: auto实现垂直居中，适用于父子盒子里。代码：利用绝对定位百分比 50% 来实现，然后再用负的 margin-top 和 margin-left 来进行简单的位移即可。适用于父子盒子里。代码：使用 CSS3 的一个计算函数来进行计算即可；方法与上面类似。适用于父子盒子里。了解calc的用法具体参考：CSS calc()函数的用法代码：利用 CSS3 的新特性 transform；因为 transform 的 translate
2022-07-09 18:34:46
9069
原创 什么是WebSocket？WebSocket在Vue中如何使用？
通俗说， WebSocket是一种数据通信协议，用于客户端和服务端数据通信。类似于http协议，但http协议通信只能由客户端发起，就比如我们客户端向服务器发送请求，服务器只会返回给我们查询的结果，不能做到服务器主动向客户端推送消息。 我们想要双向对话，且服务器有连续的状态变化，我们可以使用"轮询"的方法：每隔一段时间，就发送一个请求，服务器返回给我们最新的状态。但是这样会非常浪费资源（需要不停的连接服务器，或者HTTP始终打开着），效率就非常低了。 所以最有效的解决方法就是使用WebSocket：
2022-07-08 10:05:24
1529
原创 实习闲余——对Promise整理和重新深入理解
前端最令人头疼的事情之一就是处理异步请求，代码层级多，可读性差且难以维护，形成回调地狱：有了 Promise，我们可以用同步操作的流程写异步操作，解决了层层嵌套的回调函数的困扰：Promise 也有缺点:下面是本人看到一篇写的很好的文章就写在这里了： Promise 之手把手教你写一版promise 构造函数接受一个函数作为参数，我们称该函数参数为 executor，待 promise 执行时，会向 executor 传入两个函数参数，分别为 resolve 和 reject，它们只做 3 件事：..
2022-07-06 10:39:49
121
原创 实习闲余——对Vue整理和总结
二、mvvm 与 mvc 区别？哪些场景适用？三、Vue的优点有哪些?四、 组件之间的传值父组件通过标签上:data=data方式定义传值子组件通过props方法接受数据子组件通过事件传递数据给父组件，子组件可以通过$emit方法触发事件并传递参数使用Vuex参考博客：（1）vuex是什么？怎么使用？哪种功能场景使用它？（2）vuex有哪几种属性？（3） vuex的State特性（4）vuex的Getter特性（5）vuex的Mutation特性参考博客：
2022-07-04 15:58:15
499
原创 腾讯地图——逆地址解析以及解决跨域问题
详细api参数请查看 官方文档作者也是在使用的时候遇到了几个问题，我在这给大家避下坑：在本地使用接口的使用我们会遇到No ‘Access-Control-Allow-Origin’ header is present on the requested resource’跨域错误，所以就需要我们在vue.config.js配置代理vue.fonfig.js 文件：之后我们就必须改变一下腾讯地图给我们的api接口：注意这里我加了tx这个标识，改成本地的localhost。当我们调用接口时有报错时可以查看
2022-07-01 09:06:11
9602
1
原创 window下怎么启动redis服务及Creating Server TCP listening socket *:6379: bind: No error错误解决
客户端使用config get requirepass命令查看密码。客户端使用config set requirepass yourpassword命令设置密码。一旦设置密码，必须先验证通过密码，否则所有操作不可用。使用auth password验证密码注意：此时命令行设置的密码在服务重启后会失效，需要将密码重写到文件才能永久生效。重启服务(有如图所示即可成功启动)：如若redis-server.exe redis.windows.conf 启动出现一下错误分析问题连接redi
2022-06-29 17:02:02
1759
2
原创 实习闲余——对Pinia的整理和学习
官方文档：Pinia4.引入注册Vue3初始化仓库Store1.新建一个文件夹Store2.在文件夹中新建index.ts3.定义store仓库首先，import { defineStore } from ‘pinia’我们需要知道存储是使用定义的defineStore()，并且它需要一个唯一的名称，作为第一个参数传递。所以我们需要新建文件store-namespace.tsstore引入4.定义值State 是个箭头函数 返回一个对象 在对象里面定义值............
2022-06-29 16:34:45
569
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人