- 博客(10)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 九个你忽略的React 无状态组件的优势
React 0.14 引进了一种更简单的方式来定义组件，也就是无状态组件。这种组件使用了原生Javascript 函数，下图就是在用ES6的情况下，React 0.14 之前版本的组件写法和它之后对应的组件写法。前者用了27行代码来实现，而后者只用了21行，这当然也没有什么了不起的。需要说明的是，由于性能方面的原因，右边代码中的sayHi 函数应该尽量避免这样使用。（原因见文末评论
2018-01-31 16:33:06
987
原创 微信小程序swiper使用注意
在开发微信小程序时，使用官方提供的swiper组件必须放在最外层，并且不能使用任何嵌套，不然没有效果。有时，我们希望自己自定义小圆点的样式，可以将默认小圆点关闭，自己写样式比如：再加上自己的样式就可以自定义了，但是这只是个样子，没有功能，所以就需要在js文件中利用swiper的事件来修改如下：然后再将自定义的结构修改如下：
2018-01-31 00:00:17
2899
原创 使用pushState()改变url而不刷新
编者注：这个pushState()是一个HTML5的新接口，你可能在一些科技博客如36kr上看到过，ajax加载新的文章，并且改变网址却不需要刷新页面，本站也用到了这个，当你在首页往下拉时，加载分页内容，网址也随着改变，有利于后退和增加用户体验。HTML5 的 pushState+AjaxHTML5提供history接口，把URL以state的形式添加或者替换到浏览器中，其实现
2018-01-30 16:22:11
2814
原创 使用pushState()改变url而不刷新
编者注：这个pushState()是一个HTML5的新接口，你可能在一些科技博客如36kr上看到过，ajax加载新的文章，并且改变网址却不需要刷新页面，本站也用到了这个，当你在首页往下拉时，加载分页内容，网址也随着改变，有利于后退和增加用户体验。HTML5 的 pushState+AjaxHTML5提供history接口，把URL以state的形式添加或者替换到浏览器中，其实现
2018-01-25 20:15:52
1513
原创 React 构建单页应用方法与实例
首先在学习这门框架前，你需要对以下知识有所了解：原生JS基础CSS基础npm包管理基础webpack构建项目基础ES6规范以上五个知识点也是目前学习其他前端框架所必须了解的前置任务。JS和CSS就不多说了，npm是目前最提倡也是占据主导地位的包管理工具，还在用bower或者其他工具的童鞋可以考虑下了。而webpack作为新一代打包工具，已
2018-01-24 00:14:44
1570
1
转载 React：组件的生命周期
在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。实例化当组件在客户端被实例化，第一次被创建时，以下方法依次被调用：1、getDefaultProps2、getInitialState3、componentWillMount
2018-01-18 15:57:25
183
转载 js实现滚动条滚动到页面底部继续加载
原理很简单，就是为window添加一个scroll事件，浏览器每次触发scroll事件时判断是否滚动到了浏览器底部，如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部，算法如下滚动条卷起来的高度 + 窗口高度 > 文档的总高度 + 50/*我这里将滚动响应区域高度取50px*/；如果这个判断为true则表示滚动条滚动到了底部。实例?
2018-01-15 18:42:41
2894
转载 document.compatMode属性
document.compatMode属性document.compatMode用来判断当前浏览器采用的渲染方式。官方解释：BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当document
2018-01-15 18:40:58
109
转载 React Native初探
很久之前就想研究React Native了，但是一直没有落地的机会，我一直认为一个技术要有落地的场景才有研究的意义，刚好最近迎来了新的APP，在可控的范围内，我们可以在上面做任何想做的事情。PS：任何新技术的尝鲜都一定要控制在自己能控制的范围内，失败了会有可替换方案，不要引起不可逆的问题，这样会给团队造成灾难性的后果。事实上，RN经过一段时间发展，已经有充分数量的人尝试过了，就我身
2018-01-11 20:14:08
275
原创 IE9下JQuery发送ajax存在跨域问题
最近在做项目的时候，测试PC端网页，在IE9下会失效，不能正常的发送POST请求，经过仔细的排查，发现是IE9下JQuery发送ajax存在跨域问题。 目前有两种解决方案： 解决方案一: 设置浏览器安全属性，启用【通过域访问数据源】选项,如下图所示:
2018-01-08 14:52:01
1735
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人