- 博客(6)
- 收藏
- 关注
RSS订阅原创 前端页面性能优化
页面编译渲染阶段1、减少http请求，webpack设置url-loader，设置limit对于小容量图片转换成base64位图片，为什么不对所有图片使用转换是因为容量较大的图片转换成base64位体积会成倍的增加，违反性能优化的初衷；合并多个小型功能性图片，变成cssspirit(雪碧图），减少http图片资源对于服务器的请求；2、减少重绘回流，特别是回流，回流对于页面有比较大的性能损耗，减少无意义的html的标签的深度嵌套，动画特效可以使用css3特效。3、压缩图片，通过配置image-w.
2020-08-15 22:59:42
144
1
原创 基于react、redux的todoLists
上篇的counter例子其实太简单，action太少，reducer也只有一个，只能说一个初窥的样例，但是这个todoLists例子应该初学redux的人最常遇见，因为其五脏虽小，但是几乎使用了redux和react-redux该使用的所有特性。按照我的理解，使用redux起来最难的是如何定义数据结构，这个就直接决定了你的项目的可维护性，所以写的顺序应该是actions => componen
2017-03-24 10:49:01
2742
原创 关于es6中的import，export， export default
写这篇文章之前，我很气，之前一直是很草率得在使用export，直到今天碰到问题后，一直傻傻解决不聊，浪费了一个小时才检查出来。import、export 是ES6得新语法，模块的导入导出，有点类似于node中得模块处理方式，不同得是ES6的方法没有限制，什么都可以导出导入，很方便，不过要使用babel编译一下，不然现在浏览器很多不兼容。如果使用 export
2017-03-11 21:35:35
625
原创 基于react、react-redux的加减计数器
其实很早就已经解除react了，当时还看的是es5语法，本来js基础就不扎实，秉着初生牛犊不怕虎的精神去看了react，结果看了云里雾里，这种硬塞的知识过几天就全忘了，过了一段时间，想着有空了，就又去看了react，这次直接看的es6语法，看完后顺道看了react-redux，刚开始，很痛苦，本来react就已经不太容易理解了，再加上redux和react-redux，更加懵逼了，一个很简单的应用
2017-03-09 10:48:19
4543
原创 关于CSS的垂直居中
第一次写，有点紧张在页面中，垂直居中是个老大难的问题，方法各种各样，我这边列举了我最喜欢的方便的几个方法：1.父元素高度一定，单行文本垂直居中html部分： 我是单行内容css部分：.outside { margin: 10px auto; width: 250px; height: 200px;
2017-02-06 15:40:07
292
原创 第一步
第一次在csdn写博客，自己的博客也正在搭建，于是想着边搭边在其他第三方博客上写起来，其实很早就想几篇博客了，无奈苦于没有多少干货可以吐槽和记录，想想学了也有一段时间的前端了，对于自己几斤几两其实并不是很好估计，脑子的知识乱糟糟的，想着找个时间梳理一下，可以当个错题集一样的东西，方便以后回过头来看，顺便缓一缓最近郁闷不堪的心情
2017-02-05 17:48:04
217
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人