从效果图中可以看出来，最外层是放了一个大盒子，最终的大图会铺满这个大盒子，而整个一张大图是被分割成了许多的小图，将它们打乱顺序，然后在一个一个的推入到大盒子中。 这里其实是用了100个"小盒子"，每个小盒子中装了大图的一部分，通过给它们加上背景图片然后设置对应的定位值，最后把这…

更多精彩文章。 欢迎Linux和java后端的同学关注公众号。 1. 问题引入 之前在使用tomcat的时候，启动tomcat默认都会绑定到127.0.0.1这个地址，最近在使用hexo写博客的时候发现通过 hexo server命令启动服务的时候绑定的ip地址是0.0.0.0…

事情是这样的，前两天有学员问我轮播图无缝滚动的原理，说平时用框架习惯了，到自己手撸的时候不会了。 如果是几十张图片，那就直接做成一个3D的圆环，还是那句话，有解决思路最重要。 想看代码的，继续往后看，代码量其实很少，连着css一起也才一百多行而已，所以其实一点都不复杂，重点还是…

很多公司的年终奖是根据员工的工资基数和年底绩效情况来发放的。例如，绩效为 S 的人年终奖有 4 倍工资，绩效为 A 的人年终奖有 3 倍工资，而绩效为 B 的人年终奖是 2 倍工资。假设财务部要求我们提供一段代码，来方便他们计算员工的年终奖

欢迎来前端食堂年终总结的评论区盖楼，听说食堂的小伙伴们都来了。 进入正文。 不过建议看完本文后还是要亲自去读一读，不多 bb，开始展示。 Promise 的三个状态分别是 pending、fulfilled 和 rejected。 pending: 待定，Promise 的初始…

之前写过两篇文章分别介绍了 Cookie 和 JSON Web Token，很多网站会在用户登录完毕设置 Cookie 值或者返回一个 Token，这就相当于令牌，只要拿着这张令牌就等同于证明了你是某个用户。如果防御不到位，Cookie 和 Token 很容易被 XSS 攻击窃…

块级元素：总是独占一行，可以设置高度和宽度。没有设置宽度时为100%。常见的块级元素有：h1-h6 行内元素：和其它元素在一行，不可以设置高度、宽度和内边距。 宽高就是内容的高度，依靠自身字体大小和图形支撑结构，不可以改变 。可以设置padding和margin-left以及m…

女朋友突然问我DNS是个啥.... 今天晚上我正在床上躺着刷手机，然后我女朋友突然说她的电脑坏了。说连着WIFi上不了网，让我给她看一下。(这就是有个程序员男朋友的好处😂) 然后我拿到电脑看了一下发现访问网页会出现DNS解析错误，就立马定位到问题了。解决起来很简单就直接修改了…

这个就是典型的跨域问题，那为何会跨域？是因为浏览器的安全功能“同源策略”，它限制了两个不同源之间的数据访问以及交互，因为不同源，浏览器限制访问不到。本质上是一个安全机制，为了防止程序恶意调用。 答：这就是个预检操作。对于非简单请求，会在真正发起请求之前，发起一次HTTP查询请求…