09 2019 档案

摘要:store store是一个数据仓库,一个应用中store是唯一的,它里面封装了state状态,当用户想访问state的时候,只能通过store.getState来取得state对象,而取得的对象是一个store的快照,这样就把store对象保护起来。 action action描述了一个更新sta 阅读全文
posted @ 2019-09-27 07:46 前端xh 阅读(476) 评论(0) 推荐(0)
摘要:下面这张图看懂以后,至少上面2个问题就迎刃而解了,基本也就够了 这张图最关键的地方就是理解pt和px是什么,以及它们之间的关系 pt:逻辑像素或逻辑分辨率 相当于我们用浏览器模拟调试移动端时看到的各手机的像素,如下图iPhone6看到的宽高375*667, 这个就是逻辑像素,也可以看做是一个长度单位 阅读全文
posted @ 2019-09-25 20:25 前端xh 阅读(506) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2019-09-25 20:13 前端xh 阅读(2145) 评论(0) 推荐(0)
摘要:rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖 阅读全文
posted @ 2019-09-25 20:05 前端xh 阅读(4234) 评论(0) 推荐(0)
摘要:1 安装 npm install --save-dev sass-loader//sass-loader依赖于node-sass npm install --save-dev node-sass 2 配置: 在build文件夹下的webpack.base.conf.js的rules里面添加配置 { 阅读全文
posted @ 2019-09-25 19:50 前端xh 阅读(4055) 评论(0) 推荐(1)
摘要:举例: 参数:value数组中的当前项,index当前项的索引,array原始数组; 数组中有几项,那么传递进去的匿名回调函数就需要执行几次 理论上这个方式是没有返回值的,只是遍历数组中的每一项,不对原来数组进行修改,但是可以自己通过数组的索引来修改原来的数组 foreach无返回值 参数:valu 阅读全文
posted @ 2019-09-25 19:46 前端xh 阅读(397) 评论(0) 推荐(0)
摘要:在a标签下面添加一个按钮并加上onClick事件,通过this.props.history.push这个函数跳转到detail页面。在路由组件中加入的代码就是将history这个对象注册到组件的props中去,然后就可以在子组件中通过props调用history的push方法跳转页面。 很多场景下, 阅读全文
posted @ 2019-09-23 21:08 前端xh 阅读(1552) 评论(0) 推荐(0)
摘要:组件嵌套:将子组件以标签的形式写在父组件的模板中。 组件之间的通信 子传父 子传父 通过函数层层传递 点击h3 执行fn 而fn中去执行onlick函数而onlick是来自于props的,props中的onlick又是ff,转移去执行ff把参数赋给a 修改了a的值。 父传子 .使用props传值 具 阅读全文
posted @ 2019-09-23 21:02 前端xh 阅读(3094) 评论(0) 推荐(0)
摘要:注意事项: 组件类的名称首字母必须大写,否则报错。组件类中的模板只能有一个顶层标签,否则报错。组件标签上class属性改成className for属性改成htmlFor 使用React.createClass({})生成组件类 组件标签上可以任意添加属性 在组件类中使用this.props获取组件 阅读全文
posted @ 2019-09-23 20:53 前端xh 阅读(876) 评论(0) 推荐(1)
摘要:在src里新建一个comsrctros再建两个两个文件夹,分别命名为“pink”和“red”。文件夹命名为 建一个路由组件文件夹,命名为“pink”,里面有一个rpink.js和pinkcss并编写如下代码 import React from 'react'; import "./pink.css" 阅读全文
posted @ 2019-09-23 20:28 前端xh 阅读(913) 评论(0) 推荐(0)
摘要:链接导航 <router-link tag="li" to="/about"> <a>About</a> </router-link> 标签将会成为真实的链接 (并且可以获取到正确的跳转) 编程导航 <Button @click=”headleson1”></Button> <button @cli 阅读全文
posted @ 2019-09-11 17:59 前端xh 阅读(968) 评论(0) 推荐(0)
摘要:<span>用户登陆</span> </div> <form action="https://api.it120.cc/small4/user/m/login?deviceId=007&deviceName=monkey" method="post"> 账户: <input type="text"  阅读全文
posted @ 2019-09-11 13:31 前端xh 阅读(6199) 评论(0) 推荐(0)
摘要:也是直接上代码吧 <form action="https://api.it120.cc/small4/user/m/login?deviceId=007&deviceName=monkey" method="post"> 账户: <input type="text" name="mobile"> 密 阅读全文
posted @ 2019-09-11 13:26 前端xh 阅读(658) 评论(0) 推荐(0)
摘要:直接上代码吧 两个数据一样 通过post请求的 第一个请求的数据 function getUserAccount() { return axios({ methods:"post", url: 'https://api.it120.cc/small4/user/m/login?deviceId=00 阅读全文
posted @ 2019-09-11 13:20 前端xh 阅读(7671) 评论(1) 推荐(2)
摘要:码云 托管项目流程 1.git init 创建git 2.git status 查看状态 所有都是未提交 3.git add . 放到暂存区 4git status . 变成 newfile; 还没被提交 5 git commit - m “init my project” 提交成功 6 git s 阅读全文
posted @ 2019-09-06 10:32 前端xh 阅读(167) 评论(0) 推荐(0)
摘要:通过app目录下的controller下的home.js 将 将本来是 index换为news 在写上 hi news 然后 在 router.js 添加 router.get('/news', controller.home.news); 然后 保存 刷新以后出来 动态传值 通过传值必须在后面填写 阅读全文
posted @ 2019-09-05 21:17 前端xh 阅读(433) 评论(0) 推荐(0)
摘要:通过npm i egg-init -g下载后 通过 mkdir showcase 查看目录 cd showcase 进入showcase文件夹 npm init egg --type=simple 下载 在进行回车 npm install进行下载 或cnpm install进行下载 建议用cnpm 阅读全文
posted @ 2019-09-05 20:05 前端xh 阅读(658) 评论(0) 推荐(0)
摘要:react state(存储数据) 在class定义组件中添加state 直接添加在constructor构造器中 以this.state={} 的方式添加 修改 通过this.setState({}) 进行state的改变 访问 通过this.state.属性名 props(组件标签属性的集合) 阅读全文
posted @ 2019-09-05 19:24 前端xh 阅读(624) 评论(0) 推荐(0)
摘要:一般页面的视图App.vue 一.父组件向子组件传值 1.创建子组件,在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props,然后创建一个名为message的属性 3.在App.vue中注册Child组件,并在template中加入child标签, 阅读全文
posted @ 2019-09-05 17:31 前端xh 阅读(10347) 评论(0) 推荐(1)
摘要:{path: '/banana', name: 'myba', component: Banana} 需要特别注意的是,我们在使用v-bind进行路由的路径的绑定的时候,有两种方式,一个是直接以对象的方式进行绑定,类似于 <template><div>{{ msg }}<p>{{ $route.pa 阅读全文
posted @ 2019-09-05 17:23 前端xh 阅读(478) 评论(0) 推荐(0)
摘要:快速开始 首先安装create-react-app npm i react-router-dom -S 在app.js中引入 import { BrowserRouter as Router, Route, Link } from "react-router-dom"; import React f 阅读全文
posted @ 2019-09-05 16:14 前端xh 阅读(129) 评论(0) 推荐(0)