2019 年 9月随笔档案 - Web引领者

redux 第二部分

摘要：redux 的使用方法，为什么使用 action.js 文件，进行优化代码将其分开，然后我们通过工厂函数的每次返回不同的对象，由于参数是固定的，每次返回的都是事件类型和事件数据，所以我们可以使用一个函数，通过其返回值来返回一个对象，让后传递给 action ；我们的 reducer 函数有两个参阅读全文

posted @ 2019-09-26 17:12 Web引领者阅读(162) 评论(0) 推荐(0)

redux

摘要：显示 react 脚手架的配置文件使用指令：npm run eject，如果出现报错的解决办法，我们要使用 git 将工作区的文件放到本地库上；指令：git add . 将工作区的文件添加到暂存区 git commit -m '第一次提交' 将暂存区提交到本地库 npm run eject 就阅读全文

posted @ 2019-09-25 17:38 Web引领者阅读(242) 评论(0) 推荐(0)

字符串中最多的字符案例

摘要：var str = 'asdkfjkdsfjisdjfsdkajfkasjflasdjf';function fn(str){ var obj = {}; for(var i=0;i<str.length;i++){ if(obj[str.charAt(i)]){ obj[str.charAt(i) 阅读全文

posted @ 2019-09-25 09:34 Web引领者阅读(249) 评论(0) 推荐(0)

react 路由

摘要：react 提供了实现路由的方式，不过需要我们下载插件 react-router-dom 当我们下载好了插件，然后我们可以通过 import {} from 'react-router-dom' 来引入路由标签；如图，我们可以看到在实现项目中的使用方法 Router.js 我们在全局组件中引入我们阅读全文

posted @ 2019-09-23 16:57 Web引领者阅读(299) 评论(0) 推荐(0)

react-redux 的总结

摘要：第一步，我们将我们要使用的插件来先一步进行安装 create-react-app app // 在这里我们使用了 react 的脚手架来搭建的项目 cd app // 进入我们的项目 npm i -S redux // 这里时我们需要下载的 redux 组件通信的插件 npm i -S prop-t 阅读全文

posted @ 2019-09-12 15:14 Web引领者阅读(376) 评论(0) 推荐(0)

vue 的多页面应用

摘要：vue-cli3 中构建多页面的应用第一步：先创建一个 vue-cli3 的项目：vue create app 然后运行项目：npm run serve 现在开始多页面的应用：首先在 src 的目录下面，创建一个 pages 的文件，然后如图，创建这样的目录结构，每一个文件夹，对应的是一个页面；阅读全文

posted @ 2019-09-10 09:52 Web引领者阅读(1240) 评论(0) 推荐(0)

yarn 包管理工具

摘要：yarn 快速，可靠，安全的依赖包管理工具为什么要使用 yarn 呢？因为他有个缓存机制，当我们第一次下载的包，就会被缓存下来，当我们下次下载的时候，就直接载缓存里面找到使用，就省去了继续下载的时间安装 yarn 安装 yarn 之前，我们需要下载 nodejs 才可以下载 yarn 推荐使用阅读全文

posted @ 2019-09-09 20:53 Web引领者阅读(1008) 评论(0) 推荐(0)

react 脚手架及路由和 redux

摘要：前提是我们需要下载 nodejs 使用 npm 下载 react 的脚手架，react-router-dom，redux 全局下载 react 的脚手架：npm i create-react-app -g 使用 react 脚手架创建一个 app 的项目：create-react-app app 根阅读全文

posted @ 2019-09-07 11:59 Web引领者阅读(711) 评论(0) 推荐(0)

react 的基础知识

摘要：react 是目前最流行的框架；其中是采用 mvvm 的思想，让我们把所有的只关注视图层和逻辑层，从而可以更好的书写代码；在 react 中我们的 html 结构也是通过 js 来实现的，而且在 nodejs 中我们也是通过 js 来实现的服务端，由此可见 js 的能力也是逐渐的变大； rea 阅读全文

posted @ 2019-09-07 11:30 Web引领者阅读(1427) 评论(0) 推荐(0)

vue 指示点的疑点拓展

摘要：1. 为什么 vue 组件中的 data 是一个函数 1. 为了保证组件的独立性和可复用性，data 是一个函数，组件实例的时候，这个函数将会被调用，返回一个对象，计算机会给这个对象分配一个内存地址，实例化几次，就分配几个内存地址他们地址都不一样，所以每个组件中的数据不会相互干扰，改变其中一个组件阅读全文

posted @ 2019-09-06 16:09 Web引领者阅读(208) 评论(0) 推荐(0)

react 的定义组件（了解）

摘要：react 中定义组件的方法 1. 定义组件 React.createClass() （被淘汰了）定义组件中的函数 methods 的中的 this 统统指向组件 2. 函数定义组件定义的组件时无状态的，没有 state 的状态，没有生命周期，就是一个纯粹的静态页面，不能访问 this 3. 阅读全文

posted @ 2019-09-04 17:51 Web引领者阅读(243) 评论(0) 推荐(0)