-渔人码头- - 博客园

[置顶] 教你如何在React及Redux项目中进行服务端渲染

摘要：服务端渲染（SSR: Server Side Rendering）在React项目中有着广泛的应用场景基于React虚拟DOM的特性，在浏览器端和服务端我们可以实现同构（可以使用同一份代码来实现多端的功能）服务端渲染的优点主要由三点 1. 利于SEO 2. 提高首屏渲染速度 3. 同构直出，使用阅读全文

posted @ 2018-09-03 00:33 -渔人码头- 阅读(4879) 评论(0) 推荐(2)

[置顶] JavaScript中常见的十五种设计模式

摘要：在程序设计中有很多实用的设计模式，而其中大部分语言的实现都是基于“类”。在JavaScript中并没有类这种概念，JS中的函数属于一等对象，在JS中定义一个对象非常简单（var obj = {}），而基于JS中闭包与弱类型等特性，在实现一些设计模式的方式上与众不同。本文基于《JavaScript 阅读全文

posted @ 2018-08-10 23:37 -渔人码头- 阅读(108696) 评论(11) 推荐(18)

2019年6月21日

如何使 highchart图表标题文字可选择复制

摘要： highchart图表的一个常见问题是不能复制文字比如官网的某个图表例子，文字不能选择，也无法复制，有时产品会抓狂... 本文给出一个简单的方案，包括一些解决的思路，希望能帮助到有需要的人初期想了蛮久也搜了蛮多，没搜到，找到的结论是图表使用的是svg实现，必然无法选择文字，似乎是个死问题，已经濒阅读全文

posted @ 2019-06-21 20:09 -渔人码头- 阅读(876) 评论(0) 推荐(0)

python如何以表格形式打印输出

摘要：好久不见，风水轮流转，我竟然写写写python了近日有个小需求，要求收集统计一些信息上报，并直接在后台控制台打印，写入日志为了美观，需要以表格形式展现数据，形如虽说可以用 prettytable 实现这个效果，不过还得安装这个库，需求比较简单就不考虑安装第三方依赖了，所以得自己写照着这个图，阅读全文

posted @ 2019-06-21 00:34 -渔人码头- 阅读(40759) 评论(0) 推荐(3)

2019年2月25日

记一次vue长列表的内存性能分析和优化

摘要：好久没写东西，博客又长草了，这段时间身心放松了好久，都没什么主题可以写了上周接到一个需求，优化vue的一个长列表页面，忙活了很久也到尾声了，内存使用和卡顿都做了一点点优化，还算有点收获写的有点啰嗦，可以看一下我是怎么进行这个优化的，也许有点帮助呢这个长列表页面，其实是一个实时日志上报的页面，随阅读全文

posted @ 2019-02-25 00:39 -渔人码头- 阅读(21675) 评论(1) 推荐(5)

2018年12月14日

如何收集常见的前端性能信息

摘要：前端性能指标，大多有TTFB ，首屏，首次可交互时间等相关的文章已经有很多，细节这里就不多说了，可参考文末资料总体来说，需要知道浏览器（新的）给我们提供了 Performance API，使用这个属性，我们可以得到一系列跟性能相关的数据结合各个时间点的意义，我们可以计算出关键的耗时指标看看下阅读全文

posted @ 2018-12-14 15:29 -渔人码头- 阅读(1224) 评论(0) 推荐(0)

2018年12月2日

如何实现同等间隙的卡片布局

摘要：在列表展示中，经常会使用卡片的内容展示形式，为了美观，常常要求各卡片间的间隙是一致的。卡片内容不一样可能高度不等，但一般来说为了整体的一致性，会限制每个卡片的宽高都相等。本文就基于宽高一致的多个卡片，在不同屏幕大小下，每行卡片数量可能有调整，考量如何实现等间隙的布局。点我预览放置一张张卡片项阅读全文

posted @ 2018-12-02 15:26 -渔人码头- 阅读(2647) 评论(1) 推荐(2)

图片横向等高瀑布流，每行占满，限制行数的实现

摘要：图片的横向瀑布流，其实简单地按顺序排列就可以了但要实现每行中各图片都等高（各行不一定等高，但每行里面等高），且每行都占满，就需要用到flex的特性了控制每行图片高度都一致，可能会影响图片的比例，所以不能简单暴力地设置高度，需要按比例来动态计算另外，如要限制图片展示的行数，则只需判断好每行总高度阅读全文

posted @ 2018-12-02 01:51 -渔人码头- 阅读(3796) 评论(0) 推荐(0)

2018年12月1日

弹窗查看内容时内容滚动区域设置为body区

摘要：看到渣浪的查看文章或者查看大图有个效果：弹窗查看内容时，如果内容过长有滚动条，则滚动条会被放到body区滚动什么意思呢？看个图片，一般正常弹窗是有宽高限制的，如果内容过长则直接在弹窗中进行滚动点我预览将滚动位置放到整个body中，让弹窗中内容自适应高度这么做的好处自然很明显，body区域有阅读全文

posted @ 2018-12-01 19:02 -渔人码头- 阅读(1268) 评论(0) 推荐(0)

卡片列表项缓缓往下展示效果实现

摘要：不久前在某运动APP上看到一个卡片缓缓往下展示的效果，感觉这动画还可以似乎项目中也有类似的卡片列表，列表的展示是直接显示出来的，加上动效之后应该更有活力，便照着样子实现了一下点我预览这种效果，核心点就是添加了个CSS动画，主要控制了四个属性先看HTML结构部分绑定事件，点击展开则添加一组卡阅读全文

posted @ 2018-12-01 16:06 -渔人码头- 阅读(1384) 评论(0) 推荐(2)

【年终总结】微信前端社招有感

摘要：时间飞快，转眼间8102还差一个月就over了，顺了顺好几天没理的胡渣儿，好像已经老了不少。不，我还很年轻！虽然年终还没到，但好像也差不多了。几经辗转，年底前终于拿到了微信的offer，可以说是今年一大幸事了。是一个结束，结束本命年的坎坷；是一个开始，开始新的征程。这篇杂文就简单记录一下微信阅读全文

posted @ 2018-12-01 03:11 -渔人码头- 阅读(4984) 评论(15) 推荐(16)

2018年11月7日

当角色转换为面试官之后

摘要：曾经被面试，被拒绝了，很不解，自己觉得明明表现得还可以的，怎么就被拒了呢如今，当角色转换为面试官之后，站在面试官的角度，再思考问题，应也会拒掉当初的自己昨日，HR小姐姐突然通知，今天要面试15个候选人，19届的校招儿，每位15分钟左右，而且只有一个是现场面，其他都电面。说实在的，那一霎那是有点阅读全文

posted @ 2018-11-07 21:37 -渔人码头- 阅读(2895) 评论(26) 推荐(4)

公告