摘要:服务端渲染(SSR: Server Side Rendering)在React项目中有着广泛的应用场景 基于React虚拟DOM的特性,在浏览器端和服务端我们可以实现同构(可以使用同一份代码来实现多端的功能) 服务端渲染的优点主要由三点 1. 利于SEO 2. 提高首屏渲染速度 3. 同构直出,使用 阅读全文
posted @ 2018-09-03 00:33 -渔人码头- 阅读 (2483) 评论 (0) 编辑
摘要:在程序设计中有很多实用的设计模式,而其中大部分语言的实现都是基于“类”。 在JavaScript中并没有类这种概念,JS中的函数属于一等对象,在JS中定义一个对象非常简单(var obj = {}),而基于JS中闭包与弱类型等特性,在实现一些设计模式的方式上与众不同。 本文基于《JavaScript 阅读全文
posted @ 2018-08-10 23:37 -渔人码头- 阅读 (6723) 评论 (2) 编辑
摘要:highchart图表的一个常见问题是不能复制文字 比如官网的某个图表例子,文字不能选择,也无法复制,有时产品会抓狂... 本文给出一个简单的方案,包括一些解决的思路,希望能帮助到有需要的人 初期想了蛮久也搜了蛮多,没搜到,找到的结论是图表使用的是svg实现,必然无法选择文字,似乎是个死问题,已经濒 阅读全文
posted @ 2019-06-21 20:09 -渔人码头- 阅读 (131) 评论 (0) 编辑
摘要:好久不见,风水轮流转,我竟然写写写python了 近日有个小需求,要求收集统计一些信息上报,并直接在后台控制台打印,写入日志 为了美观,需要以表格形式展现数据,形如 虽说可以用 prettytable 实现这个效果,不过还得安装这个库,需求比较简单就不考虑安装第三方依赖了,所以得自己写 照着这个图, 阅读全文
posted @ 2019-06-21 00:34 -渔人码头- 阅读 (1682) 评论 (0) 编辑
摘要:好久没写东西,博客又长草了,这段时间身心放松了好久,都没什么主题可以写了 上周接到一个需求,优化vue的一个长列表页面,忙活了很久也到尾声了,内存使用和卡顿都做了一点点优化,还算有点收获 写的有点啰嗦,可以看一下我是怎么进行这个优化的,也许有点帮助呢 这个长列表页面,其实是一个实时日志上报的页面,随 阅读全文
posted @ 2019-02-25 00:39 -渔人码头- 阅读 (4949) 评论 (0) 编辑
摘要:前端性能指标,大多有TTFB ,首屏,首次可交互时间等 相关的文章已经有很多,细节这里就不多说了,可参考文末资料 总体来说,需要知道浏览器(新的)给我们提供了 Performance API,使用这个属性,我们可以得到一系列跟性能相关的数据 结合各个时间点的意义,我们可以计算出关键的耗时指标 看看下 阅读全文
posted @ 2018-12-14 15:29 -渔人码头- 阅读 (454) 评论 (0) 编辑
摘要:在列表展示中,经常会使用卡片的内容展示形式,为了美观,常常要求各卡片间的间隙是一致的。 卡片内容不一样可能高度不等,但一般来说为了整体的一致性,会限制每个卡片的宽高都相等。 本文就基于宽高一致的多个卡片,在不同屏幕大小下,每行卡片数量可能有调整,考量如何实现等间隙的布局。 点我预览 放置一张张卡片项 阅读全文
posted @ 2018-12-02 15:26 -渔人码头- 阅读 (564) 评论 (1) 编辑
摘要:图片的横向瀑布流,其实简单地按顺序排列就可以了 但要实现每行中各图片都等高(各行不一定等高,但每行里面等高),且每行都占满,就需要用到flex的特性了 控制每行图片高度都一致,可能会影响图片的比例,所以不能简单暴力地设置高度,需要按比例来动态计算 另外,如要限制图片展示的行数,则只需判断好每行总高度 阅读全文
posted @ 2018-12-02 01:51 -渔人码头- 阅读 (1116) 评论 (0) 编辑
摘要:看到渣浪的查看文章或者查看大图有个效果:弹窗查看内容时,如果内容过长有滚动条,则滚动条会被放到body区滚动 什么意思呢? 看个图片,一般正常弹窗是有宽高限制的,如果内容过长则直接在弹窗中进行滚动 点我预览 将滚动位置放到整个body中,让弹窗中内容自适应高度 这么做的好处自然很明显,body区域有 阅读全文
posted @ 2018-12-01 19:02 -渔人码头- 阅读 (377) 评论 (0) 编辑
摘要:不久前在某运动APP上看到一个卡片缓缓往下展示的效果,感觉这动画还可以 似乎项目中也有类似的卡片列表,列表的展示是直接显示出来的,加上动效之后应该更有活力,便照着样子实现了一下 点我预览 这种效果,核心点就是添加了个CSS动画,主要控制了四个属性 先看HTML结构部分 绑定事件,点击展开则添加一组卡 阅读全文
posted @ 2018-12-01 16:06 -渔人码头- 阅读 (441) 评论 (0) 编辑
摘要:时间飞快,转眼间8102还差一个月就over了,顺了顺好几天没理的胡渣儿,好像已经老了不少。 不,我还很年轻!虽然年终还没到,但好像也差不多了。 几经辗转,年底前终于拿到了微信的offer,可以说是今年一大幸事了。 是一个结束,结束本命年的坎坷;是一个开始,开始新的征程。 这篇杂文就简单记录一下微信 阅读全文
posted @ 2018-12-01 03:11 -渔人码头- 阅读 (2620) 评论 (15) 编辑
摘要:曾经被面试,被拒绝了,很不解,自己觉得明明表现得还可以的,怎么就被拒了呢 如今,当角色转换为面试官之后,站在面试官的角度,再思考问题,应也会拒掉当初的自己 昨日,HR小姐姐突然通知,今天要面试15个候选人,19届的校招儿,每位15分钟左右,而且只有一个是现场面,其他都电面。 说实在的,那一霎那是有点 阅读全文
posted @ 2018-11-07 21:37 -渔人码头- 阅读 (2078) 评论 (26) 编辑