05 2018 档案

摘要:1.GET 请求 2.POST 请求 注:post 请求需要 在 app.js 中 config 里配置 headers $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; 阅读全文
posted @ 2018-05-31 23:52 每天都要进步一点点 阅读(368) 评论(0) 推荐(0) 编辑
摘要:搜索框组件开发: 1.注册组件 app.js 2.创建组件 components/nameSearch.html 3.父页面调用 templates/tab-alarm.html 4.父页面接收 组件传参 5.效果图 阅读全文
posted @ 2018-05-30 18:30 每天都要进步一点点 阅读(266) 评论(0) 推荐(0) 编辑
摘要:ionic 中一个上拉刷新的组件 ion-infinite-scroll,如果页面未填充满页面高度,会自动检测并无限调用多次加载更多的函数; 当然,主要会导致首次调用的时候,会执行几次加载更多的函数; 解决方案: 在ion-infinite-scroll标签中,设置immediate-check=" 阅读全文
posted @ 2018-05-29 18:36 每天都要进步一点点 阅读(502) 评论(0) 推荐(0) 编辑
摘要:情况: 无法获取 ng-model 的值 解决方案: 绑定到对象的属性值上 1.页面 2.controller 3.效果图 阅读全文
posted @ 2018-05-29 18:36 每天都要进步一点点 阅读(214) 评论(0) 推荐(0) 编辑
摘要:先说原因吧,这是因为http请求的缓存问题引起的 前后调用了两个相同的请求,服务器懒得给你重新发一个请求,所以就304咯 那怎么办呢? 解决方法也很简单,加一个时间戳就行了 比如: 原请求为: 那么我们加一个参数就行了,这个参数没有什么实际意义,但是可以帮助我们让每次发的请求都不一样 . 阅读全文
posted @ 2018-05-27 23:17 每天都要进步一点点 阅读(1341) 评论(0) 推荐(0) 编辑
摘要:0.state的设定原则,如果render里用不到,则就不应该是一个state。1.数组遍历时,用每一条数据的唯一标识作为key,尽量不要使用遍历的索引值作为key,如果它们从不重新排序,它们工作也很好,但是如果存在重新排序,性能将会很差。2.处理事件,推荐使用属性初始化语法,如下: 3.条件渲染, 阅读全文
posted @ 2018-05-26 23:35 每天都要进步一点点 阅读(485) 评论(0) 推荐(0) 编辑
摘要:想象一下这种场景,一个父组件下面一大堆子组件。然后呢,这个父组件re-render。是不是下面的子组件都得跟着re-render。可是很多子组件里面是冤枉的啊!!很多子组件的props 和 state 然而并没有改变啊!!虽然virtual dom 的diff 算法很快。。但是性能也不是这么浪费的啊 阅读全文
posted @ 2018-05-25 09:10 每天都要进步一点点 阅读(339) 评论(0) 推荐(0) 编辑
摘要:react 实现pure render的时候,bind(this)隐患 发现一个问题,对于Child这个子组件来说,在父组件re-render的时候,即使Child得前后两个props都没改变,它依旧会re-render。。即使用immutable.js也不好使。。。原来啊,父组件每次render, 阅读全文
posted @ 2018-05-24 09:15 每天都要进步一点点 阅读(181) 评论(0) 推荐(0) 编辑
摘要:1、构造器内绑定this 这种方式的好处是每次render,不会重新创建一个回调函数,没有额外的性能损失。需要注意的是,使用这种方式要在构造函数中为事件回调函数绑定this: this.handleClick = this.handleClick.bind(this),否则handleClick中的 阅读全文
posted @ 2018-05-23 19:27 每天都要进步一点点 阅读(224) 评论(0) 推荐(0) 编辑
摘要:1.待定 阅读全文
posted @ 2018-05-22 17:01 每天都要进步一点点 阅读(522) 评论(0) 推荐(0) 编辑
摘要:1.fetch . 阅读全文
posted @ 2018-05-21 19:50 每天都要进步一点点 阅读(257) 评论(0) 推荐(0) 编辑
摘要:扩展运算符(...)用于取出参数对象的所有可遍历属性,拷贝到当前对象之中。 这等同于使用Object.assign方法。 扩展运算符可以用于合并两个对象。 如果用户自定义的属性,放在扩展运算符后面,则扩展运算符内部的同名属性会被覆盖掉。 上面代码中,a对象的x属性和y属性,拷贝到新对象后会被覆盖掉。 阅读全文
posted @ 2018-05-20 15:07 每天都要进步一点点 阅读(2390) 评论(0) 推荐(0) 编辑
摘要:上面我们提到的创建组件的方式,都是用来创建包含状态和用户交互的复杂组件,当组件本身只是用来展示,所有数据都是通过props传入的时候,我们便可以使用Stateless Functional Component来快速创建组件。例如下面代码所示: 这种组件,没有自身的状态,相同的props输入,必然会获 阅读全文
posted @ 2018-05-19 20:10 每天都要进步一点点 阅读(396) 评论(0) 推荐(0) 编辑
摘要:我们知道,当组件的props或者state发生变化的时候:React会对组件当前的Props和State分别与nextProps和nextState进行比较,当发现变化时,就会对当前组件以及子组件进行重新渲染,否则就不渲染。有时候为了避免组件进行不必要的重新渲染,我们通过定义shouldCompon 阅读全文
posted @ 2018-05-18 21:06 每天都要进步一点点 阅读(478) 评论(0) 推荐(0) 编辑
摘要:因为ES6对类和继承有语法级别的支持,所以用ES6创建组件的方式更加优雅,下面是示例: 可以看到Greeting继承自React.component,在构造函数中,通过super()来调用父类的构造函数,同时我们看到组件的state是通过在构造函数中对this.state进行赋值实现,而组件的pro 阅读全文
posted @ 2018-05-17 22:41 每天都要进步一点点 阅读(244) 评论(0) 推荐(0) 编辑
摘要:如果你还没有使用ES6语法,那么定义组件,只能使用React.createClass这个helper来创建组件,下面是一段示例: 这段代码,包含了组件的几个关键组成部分,这种方式下,组件的props、state等都是以对象属性的方式组合在一起,其中默认属props和初始state都是返回对象的函数, 阅读全文
posted @ 2018-05-16 17:35 每天都要进步一点点 阅读(350) 评论(0) 推荐(0) 编辑
摘要:无状态函数式组件,顾名思义,无状态,也就是你无法使用State,也无法使用组件的生命周期方法,这就决定了函数组件都是展示性组件,接收Props,渲染DOM,而不关注其他逻辑。 其实无状态函数式组件也是官方比较推荐的一种方式,尽量让底层的组件变成无状态函数式组件,也即组件尽量只用来显示数据,把数据操作 阅读全文
posted @ 2018-05-16 17:34 每天都要进步一点点 阅读(1276) 评论(0) 推荐(0) 编辑
摘要:在我们的生产实际中,后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前端来说显得十分的被动,于是有没有可以制造假数据来模拟后端接口呢,答案是肯定的。应该有人通过编写json文件来模拟后台数据,但是很局限,比如增删改查这些接口怎么实现呢 阅读全文
posted @ 2018-05-14 23:13 每天都要进步一点点 阅读(462) 评论(0) 推荐(0) 编辑
摘要:在react中使用得先导入: 调用: 注意:在2.4.0,全局导出的时刻对象已被弃用。将在下一个主要版本中删除。 示例: (1)当前时间 (2)今天是星期几 (3)Unix时间戳 (4)相对时间 (5)20天后的日期 (6)9小时后 (7)明天 (8)将毫秒转换成年月日 . 阅读全文
posted @ 2018-05-13 22:59 每天都要进步一点点 阅读(19907) 评论(0) 推荐(0) 编辑
摘要:1 阅读全文
posted @ 2018-05-12 20:18 每天都要进步一点点 阅读(1495) 评论(0) 推荐(0) 编辑
摘要:1.通过 map 方法 . 阅读全文
posted @ 2018-05-11 21:08 每天都要进步一点点 阅读(349) 评论(0) 推荐(0) 编辑
摘要:1 阅读全文
posted @ 2018-05-10 12:33 每天都要进步一点点 阅读(805) 评论(0) 推荐(0) 编辑
摘要:讲你下载下来的官方提供的字体库解压后所有文件复制到node-modules/antd/dist目录下 创建新的文件夹iconfont 在你项目生成的css入口文件对应的源码less文件开始添加如下两句话我的是app.less 第二句是引入你自己下载的本地 字体和图标库。 此时编译后 访问 ,本地添加 阅读全文
posted @ 2018-05-09 19:19 每天都要进步一点点 阅读(928) 评论(0) 推荐(0) 编辑
摘要:Failed to load resource: the server responded with a status of 404 (Not Found) 报错情况:图标加载失败 原因分析:路径错误 解决方案: 添加 favicon icon . 阅读全文
posted @ 2018-05-08 12:27 每天都要进步一点点 阅读(11720) 评论(1) 推荐(0) 编辑
摘要:1.媒体查询 响应式组件 2.使用方法 (1)引入 (2)规定屏幕尺寸 (3)页面渲染 . 阅读全文
posted @ 2018-05-07 09:16 每天都要进步一点点 阅读(4854) 评论(0) 推荐(0) 编辑
摘要:1.安装: 2.引入: * dva路由跳转 * dynamic(app, model, component ) * 第一个参数为挂载的对象,就是你要将这个router挂载到哪个实例上。 * 第二个参数为这个router所需要的model。 * 第三个参数为这个router的组件。 3.实例: . 阅读全文
posted @ 2018-05-06 21:21 每天都要进步一点点 阅读(8913) 评论(1) 推荐(1) 编辑
摘要:最近做项目的时候,在通过post请求向服务端发送数据的时候,请求失败了。错误信息如下: 返回的400(bad request)错误,说明客户端这边发送的请求是有问题的。 和通过jquery中的ajax方法发送的请求作对比。发现问题出在了请求的主体部分。 这里的请求主体部分是payload的形式的。 阅读全文
posted @ 2018-05-05 22:25 每天都要进步一点点 阅读(2301) 评论(0) 推荐(0) 编辑
摘要:Please enter a commit message to explain why this merge is necessary. 请输入提交消息来解释为什么这种合并是必要的 git 在pull或者合并分支的时候有时会遇到这个界面。可以不管(直接下面3,4步),如果要输入解释的话就需要: 1 阅读全文
posted @ 2018-05-04 21:52 每天都要进步一点点 阅读(189) 评论(0) 推荐(0) 编辑
摘要:根据不同的路由改变文档的title 使用该组件: . 阅读全文
posted @ 2018-05-03 09:57 每天都要进步一点点 阅读(2010) 评论(0) 推荐(0) 编辑
摘要:1.Route 是路由的一个原材料,它是控制路径对应显示的组件。我们经常用的是exact、path以及component属性。 2.Switch 常常会用来包裹Route,它里面不能放其他元素,用来只显示一个路由。 阅读全文
posted @ 2018-05-02 19:51 每天都要进步一点点 阅读(137) 评论(0) 推荐(0) 编辑
摘要:前言 React的作用View层次的前端框架,自然少不了很多中间件(Redux Middleware)做数据处理, 而redux-saga就是其中之一,目前这个中间件在网上的资料还是比较少,估计应用的不是很广泛,但是如果使用得当,将会事半功倍的效果,下面仔细介绍一个这个中间件的具体使用流程和应用场景 阅读全文
posted @ 2018-05-01 10:00 每天都要进步一点点 阅读(585) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示