前端小Z

瀑布流布局是前端领域中一个很常见的需求，由于图片的高度是不一致的，所以在多列布局中默认布局下很难获得满意的排列。 我们的需求是，图片高度不规律的情况下，在两列布局中，让左右两侧的图片总高度尽可能的接近，这样的布局会非常的美观。 注意，本文的目的仅仅是讨论算法在前端中能如何运用，…

如果面试官，或者有人问你foreach怎么跳出循环，请你大声的告诉ta，跳不出！！！！！！！！！！ foreach 跳不出循环 为什么呢？ 先看看foreach大体实现。 两个输出的结果是一样的没啥问

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

前言 本篇文章是从零开始仿写一个智慧城市系列文章的第一篇，这一篇主要实现一下项目的初始化，添加一下Three场景的三大组件：场景（scene）、相机（camera）和渲染器（renderer），加一个

搞了三年前端，呆过几个不大的公司，做过几个不大的项目。三年来心态略显浮躁，昔日的朋友早已练就大佬之身，而我却在原地停留了很久很久。由于在前段时间离职，所以近期正在备试恶补，弄得日夜颠倒，已分不清白天黑夜。强行灌输总是那么枯燥，并且我那该死的记忆力太不争气，左脑进右脑出，所以找点…

摄像机就相当于人眼，有摄像机才可以看见场景里面的一切物体和光源。相机有正交投影相机和透视投影相机两种。透视投影跟人眼看到的世界是一样的，近大远小；

框架粗略对比，### 一、全景图 来自大圣老师的开课吧网课中的截图 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0ca482b52a07

基于Chrome Devtools Performance进行性能分析与优化，提升大约60%的体验。

Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话题了。之前开发移动端 H5 页面的时候，就遇到过一个有趣的性能问题 —— 某个卖场页面在 IOS 手机上出…