简易瀑布流TS版

一、前言

瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。

适用于以图片为主的网站,配合懒加载效果还是不错的

阅读全文

源码分析axios拦截器实现思路

一、前言

为什么要看这个呢,因为前段时间有人提了个问题,axios的 拦截器如果想取消是否还需要return以及return什么值的问题,带着这个问题,看了axios的源码

说是源码分析,其实就是我看代码以及梳理思路的过程,哈哈哈

个人感觉axios的代码规范做的很好,命名规范,注释简洁,建议亲自品尝!

阅读全文

java爬虫爬公众号系列文章

一、前言

最近迷上了历史,茶饭不思,在公众号看连载历史小说,却发现不能像小说阅读器一样保存记录,每天看的时候都得想一想昨天看到哪了,这对于懒人,尤其是像我这样记性不是特别好的我是一场灾难。

要是能用手机看就好了,由于是连更,网上也没有下载资源,既然如此,只好亲自上了,用爬虫搞定吧,前后大概花了一天时间

阅读全文

从Snabbdom了解Diff算法

一、前言

闲着没事逛B站,发现了尚硅谷推出的关于Diff的课程,正好面试种也常问到,就学习了一下。这个课程主要围绕Snabbdom这个库,贴一下视频地址【Vue源码解析之虚拟DOM和diff算法】

这篇文章我会根据视频结合自己的理解对Diff过程进行讲解

关于代码还是建议看Snabbdomtypescript版本的源码,地址

首先要明确,Diff过程就是对新旧两个虚拟节点(VNode)进行比较,从而最小代价对DOM进行修补(patch)和更新

阅读全文

vue+render实现el-table多表头

一、前言

又好久没更新文章了。。补一篇,主要分享封装多表头表格render函数实现多表头表格

在公司维护低代码平台,有个需求需要通过拖拽配置一个多表头的表格(element的el-table),但是发现网上好像没什么资料,特别是平台是通过render函数实现的,对这个还不是很熟悉,摸索着写出来了,分享一下

阅读全文

VUE组件间通信方式总结

一、面试题

不用多说,参加过前端面试的小伙伴应该都遇到过,很经典的面试题。下面这些组件间的通信方式不但要会代码实现,还要知道每种方式的优缺点以及适用场景,学会灵活运用。

听别人说过一句话,原文忘记了,只记得大概是说:架构师在技术选型时不是选择最好最前沿的技术,而是选择项目最适合的方案。可能vuereact很好,但是有些项目可能更适合jsp,这是业务场景决定的。因此我们需要熟悉各个技术的特点,灵活的选用最合适的。

关于每一种通信方式的优缺点总结,是自己平时开发和工作中总结出来的,并没有参考其余博客,可能不是特别全面,大家做个参考,可以结合自己的经验进行思考,也欢迎大家提出自己的意见

阅读全文

JS数据类型判断

一、前言

关于数据类型,面试中考点还是挺多的,最常见的提问方式是基本数据类型,堆栈内存中分别存储哪些,typeofinstanceof对于数据类型判断的应用(深浅克隆判断key),看了很多遍还是容易忘,特此记录

阅读全文

记录项目配置图标的过程

一、前言

之前做过svg图标的批量引入,现在要在新的项目中用到,一时头绪有点乱。证明之前并没有自己的思考,就像听课只是听懂了,并没有消化

借一个新项目搭建过程重新梳理这一过程,并完善之前没有解决的问题(使用image-loader的问题)

环境:vue-cli3,不同于之前webpack搭建的应用【优雅的使用svg图标

阅读全文

刘邦的一生

一、引言

感觉记忆力越来越差,看过的历史人物、事件、地点就在嘴边,可就是说不出来。从秦灭亡到西汉建立,也算是看完了刘邦的一生,就着百度百科总结一下刘邦的一生吧。

阅读全文