前端-PC端瀑布流【10张图】

.HTML 利用封装的 jquerywaterfall.js 方法完成 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-…

面试问了解Linux内存管理吗？10张图给你安排的明明白白！

文章每周持续更新,各位的「三连」是对我最大的肯定.可以微信搜索公众号「后端技术学堂」第一时间阅读(一般比博客早更新一到两篇) 今天来带大家研究一下Linux内存管理.对于精通 CURD 的业务同学,内存管理好像离我们很远,但这个知识点虽然冷门(估计很多人学完根本就没机会用上)但绝对是基础中的基础,这就像武侠中的内功修炼,学完之后看不到立竿见影的效果,但对你日后的开发工作是大有裨益的,因为你站的更高了. 文中所有示例图都是我亲手画的,画图比码字还费时间,但是看图理解比文字更直观,需要高清示例图…

前端jQuery实现瀑布流

瀑布流是我们经常会见到的东西,一直刷新一直有,其实它实现起来是很简单的.具体代码如下 1.css代码 <style> *{ margin:; padding:; } .container{ position: relative; } .container .box{ float: left; padding:15px 0 0 15px; } .container .box .pic{ border:1px solid #ccc; padding:10px; border-radius: 5px…

使用vue做移动端瀑布流分页

讲到瀑布流分页有一个方法一定是要用到的 pullToRefresh() 这个也没什么好解释的,想了解的可以去百度一下下面上代码 <div id="main" class="content" style="background-color: #FFFFFF; width: 100%;height:100%;position: absolute;overflow: hidden;"> <div class="list-m…

自实现PC端jQuery版轮播图

最近其他项目不是很忙,被安排给公司的官网项目做一个新的页面(之前没接触公司官网项目),其中有一个用到轮播图的地方,最开始想直接用swiper.js插件实现就好了,可是发现官网项目里之前都没有引入过swiper.js,后来想了想,就不引入它了,免得又得增加依次一次网络请求,项目里既然已经用到了jQuery,那就索性用jQuery写一个轮播图吧. 现在把自己写的轮播图这块代码单独拿出来,做一个小demo写在这里记录一下(demo中轮播图的图片网上随意找的) 实现的效果: 1.自动轮播(轮播时间间隔在…

web前端学习笔记-瀑布流的算法分析与代码实现

瀑布流效果目前应用很广泛,像花瓣,新浪轻博,蘑菇街,美丽说等好多网站都有.也有好多支持该效果的前段框架,今天学习了一下这种效果的实现,不依赖插件,自己动手分析实现过程,为了便于叙述清楚,分析中的一些名词为自己拟定,不当之处还望见谅. 思路分析步骤一:构建成行元素 + 寻找新增元素追加位置瀑布流所有元素的宽度是固定的,我们用浏览器的宽度除以每个瀑布流块的宽度,就是每一行可容纳的瀑布流块的个数.因为,每个瀑布流块的高度不一,我们姑且把组成一行的这组元素称为成行元素,在成行元素放置完毕后,我们如果…

10 张图打开 CPU 缓存一致性的大门

前言直接上,不多 BB 了. 正文 CPU Cache 的数据写入随着时间的推移,CPU 和内存的访问性能相差越来越大,于是就在 CPU 内部嵌入了 CPU Cache(高速缓存),CPU Cache 离 CPU 核心相当近,因此它的访问速度是很快的,于是它充当了 CPU 与内存之间的缓存角色. CPU Cache 通常分为三级缓存:L1 Cache.L2 Cache.L3 Cache,级别越低的离 CPU 核心越近,访问速度也快,但是存储容量相对就会越小.其中,在多核心的 CPU 里,每个…

10 张图聊聊线程的生命周期和常用 APIs

上一篇文章我们聊了多线程的基础内容,比如为什么要使用多线程,线程和进程之间的不同,以及创建线程的 4 种方式.本文已收录至我的 Github: https://github.com/xiaoqi6666/NYCSDE 今天我们来说一下线程的生命周期和常用 APIs:我们需要非常清楚的知道线程的各种状态,比如排查程序运行慢的原因时,就需要看下是不是哪里被阻塞了:另外它也是面试时非常喜欢问的,如果基础内容都答不好,恐怕直接就挂了. 本文分为两大部分, 线程的 6 大状态: 多线程常用的 APIs:…

前端 PC端兼容性问题总结

1.如果图片加a标签在IE9-中会有边框解决方案: img{border:none;} 2.rgba不支持IE8 解决方案:可以用 opacity eg: opacity:0.7;/*FF chrome safari opera*/ filter:alpha(opacity:70);/*用了ie滤镜,可以兼容ie*/ 但是,需要注意的是,opacity会影响里面元素的透明度 3. display:inline-block ie6/7不支持解决方案: display:inline-block…

用10张图来看机器学习Machine learning in 10 pictures

I find myself coming back to the same few pictures when explaining basic machine learning concepts. Below is a list I find most illuminating. 1. Test and training error: Why lower training error is not always a good thing: ESL Figure 2.11. Test and t…

【前端-PC端瀑布流【10张图】】的更多相关文章