ygy211715的博客

第二种：通过params方式传参，通过这种方式跟第一种相比，麻烦的地方在于路由配置那里也要做出相应的调整，即参数作为path的一部分。注意：BrowserRouter指定路由是history模式，而HashRouter可指定路由模式是哈希模式，哈希模式路径会出现#主页，也就是home组件里，是显示二级路由的组件，需要加上路由出口组件<Outlet />我们这里是举例从登陆页面，跳转到主页面，在主页面有菜单，点击菜单可看到对应的内容。通过编程方式进行路由跳转，也就是useNavigate跳转。

sheetjs,前端读取表格数据

react+typescriptAES密码加密

1：修改config下的index.js文件，将输出路径由绝对路径改为相对路径2;修改build文件夹下utils.js文件3：注意，如果路由使用的是history模式则还是会空白，需要在服务器端设置匹配不到路由则跳转到index.html,简单的还是使用默认路由模式hash模式，搞定。...

由于自己没有服务器，因而是申请的华为云免费服务器2：申请过服务器以后登录主机，安装nginx,nginx安装命令apt-get install nginx启动nginxservice nginx start查看nginx是否处于启动状态systemctl status nginx可以添加配置，让每次打开主机都自动启动nginxsystemctl enable nginx设置过程意：如果申请的是华为云的免费云服务器，还要设置一下安全组才能将公网对外访问这时候去访

vuex的作用是用来状态共享的，state中定义数据，但如果需要对数据进行一定的处理，比如说state中有一个数组，但我们需要显示该数组中某些符合特定要求的值，而这些特定的数据需要在多个组件中shi'yong...

vue中使用v-for指令进行循环渲染的时候需要动态绑定一个key属性，那么，绑定key的作用到底是什么呢官方给出的解释是作为唯一标识，高效的更新虚拟DOM，优化性能，那么我们来看下是如何提高性能的如果vue组件中data里有一数组list，是[1,2,3,4]，我们利用v-for循环输出如下，那么可想而知一定是1，2，3，4这样的顺序进行渲染，可是，如果我们改变list为[0,1,2,3,4]呢那么vue的渲染顺序将是在原来的1，2，3，4的基础上进行修改，将之前1的内容换成0，将之前2.

公司今年下半年的项目用到了react作为技术栈，在使用的过程中我发现它本身学习并不难，难得是当一个项目复杂的时候，只是单纯的父子组件通信并不是很便捷，所以我在项目中引入了redux模块，然后一直没时间进行一个归纳，所以今天就特意做了一个demo，用来小小的总结一下，以后学习起来，也有东西可以翻阅。首先说下什么是redux官方的解释是redux是js应用的可预测状态的容器，可以理解为全局数据状态管理工具，通常我们需要坐组件通信的时候会需要用到，如果只是简单的父组件往子组件传值可使用props进行传值，

在跟着某网学习的时候发现使用scroll-view无法触发下拉刷新事件onPullDownRefresh，在网上找了找解决方案，其中我觉得最佳的解决方案如下1：将scroll-view换成view，如此以来就可以触发下拉刷新onPullDownRefresh事件二： 改成view，那原来scroll-view组件的onScrollLower上拉加载更多事件就不能用了，这时候可以使用onReachBottom...

最近在写代码的时候遇到了异步请求的问题，在这里呢，我想到了应用es6的async awaitasync函数是在ES2017引入的，它主要是让异步操作变得更加方便，他的用法是作为关键字放到函数面前，表示这个函数是一个异步方法，异步方法就是不用管这个方法，会继续往下走，不会阻塞下面js代码的执行async函数返回的是一个promise对象，如果想要获取peomise返回值，需要用then方法await是依附于async的，它的作用就相当于它的字面意思，等一下，就是等着我返回结果以后，再继续走下去

最直接重要的一点，this始终指向当前对象举个例子第一次正常输出，因为getName函数的调用对象时test这个对象，而这个对象里面有name这个属性，所以可以拿到这个值正常输出第二个全局调用getName,相当于window.getName()，而window中没有声明name变量，所以，没有输出名字2：对象里的方法this指向，毫无疑问，指向的是当前对象3：对象里的方法里再声明一个函数，this则指向window，这里getName的内部this指向的是当前对象，也就是tes

浅拷贝是之拷贝一个对象的值，新对象值发生改变，旧对象随之改变，这是因为新对象拷贝的是旧对象的内存地址，指向的是同一个内存地址，所以值会一起改变深拷贝则意味着拷贝新旧对象不会相互影响，具体实现如下结果如下...

最近有个朋友去面试，面试中问到了js代码执行步骤的问题，这里记录下自己的理解大体上是两个步骤，1：预编译阶段，也就是变量提升阶段，把js代码中所有声明的变量提升到顶端2：执行阶段，运行写的执行代码，比如赋值操作，以及函数的执行，打印语句等例如这段代码的编译过程如下...

1：首先在项目中引入模块npm install --save react-router react-router-dom2：然后新建一个文件，专门用来设置整个项目所用的路由，我这里叫router.js,在这个文件里引入想要配置路由的组件，给组件设置名称import './index.css'import React,{Component} from 'react';import ...

1：首先编写action，描述要发生的行为，我们要做的是实现简单的加减，所以定义两种action，type字段就是描述这两种行为，最后暴漏这两种action//定义action，主要用于描述将要发生的行为const counterAddAction={ type:'add'};const counterSubAction={ type:'sub'};export ...

1：普通函数中的this定义时不明确，最终指向调用函数的对象的thisvar x=11;var obj={ x:22, say:function(){ console.log(this.x) }}obj.say();这里this.x的this指向的时调用其的对象obj，obj中有x值为22,所以输出结果22下面箭头函数输出结果11这里匿名函...

react组件允许你将UI拆分为独立可复用的代码片段，并对每个片段进行独立构思，从概念上类似于js函数,它接受任意的入参（即props），并返回用于描述页面展示内容的React元素举例声明组件Welcome,如果React元素是自定义组件时，它会将JSX所接收的属性转换为单个对象传递给组件，这个对象被称之为"props",组件名称必须以大写字母开头，以小写字母开头的组件视为原生DOM标签...

1：首先下载安装githttps://www.git-scm.com/download/2：新建一个文件夹作为存放你项目的文件夹，然后问你们项目上的人要你们项目的git地址，你们老大把你拉到项目里，你就能看到下面的东西，能看到项目的地址，然后复制该地址，回到你的git终端，执行命令 git clone 你的项目地址3：然后配置下你的ssh key首先配置下信息，查看个人信息命令...

es6的模板字符串个人觉得是很好用的，尤其简化了字符串拼接这块，下面说下它是如何使用的首先，模板字符串是增强版的字符串，使用反引号``来包括字符串，如果需要拼接上变量，那拼接的格式是使用${}包裹变量即可举个例子看下最基本的用法，可以看出来跟普通字符串拼接比较起来简洁容易了很多2：模板字符串的另一优点是，空格和缩进都会保留在输出中,之前的字符串换行的话需要拼接换行符，缩进需要使用缩...

1：首先为什么选择ui-router,而没有选择ng-router最主要的原因是ui-router路由可以多层路由嵌套具体用法1：首先引入这个插件2：如何使用路由1：首先全局注入路由模块angular.module('mainApp',['ul.router'])2:开始使用首先，配置路由 angular.module('mainApp',['ui....