前端学习杂记，记录学习中的前端知识。

有时候，我们工作当中会遇到各种各样的需求，对于我们前端来说，为了做好本职工作，就得完成产品提出来的各种需求，提高用户体验度。今天分享一个优化小案例，工作当中经常会遇到的。banner图片的懒加载。有时候我们做完banner图的动画效果，却很少考虑到它的性能好不好，我也是这样，有一次做web端网站的时候，产品给我提出一个问题，说我们网站banner图在网站加载的时候一次性给所有banner图全加...

<div> <ul class="beyond-table normal"> <li class="item"> <table class="table mb-20"> <tbody> ...

基于jquery.js的插件(function($){ $.fn.djkPop = init; function init(url,imgSrc) { wrapPop(url,imgSrc); } function wrapPop(url,imgSrc){ var wrapPop = "<div style='position: fixed;right: 0.3rem;bottom: 4rem;'><a style='display: block;width: 1.2

今日在写pc官网的时候，一直对于HTML+css的结构编写完全按照自己的思维方式，今天把代码交给老大的时候，被他指出很多编写代码的错误性，比如代码结构，标签的使用，语义化，css的可扩展性，由于网站主要还是需要做seo优化，所以在标签使用上也有些不合理之处，给了我一些建议，自己记录以下1、在HTML标签的使用上，一定尽量语义化，比如列表用ul+li、ou+li,2、在csss上相同的结构先以一定样式控制，如果有其他地方需要，再在下面控制不同的地方，这样这段代码结构不管在哪个结构下面，始终样式不会错乱