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