魔方是个结构简单而变化无穷的神奇玩具。那么如何在万能的浏览器里模拟出魔方的无尽变换，又如何将其还原呢？下面让我们一步步地来一探究竟吧。 拆解过魔方的同学可能知道，现实中魔方的内部结构包含了中轴、弹簧、螺丝等机械装置。但当我们只是想要「模拟」它的时候，我们只需抓住它最显著的性质即…

简单来说，模板引擎就是先定义好一个模板，然后喂它数据，就会生成对应的html结构。 这样就体现了数据与视图分离的思想，以后修改任何一方都是很方便的。 参数分别对应模板和数据，而返回值对应最终的html。函数原型如下： 由于我在工作中经常用到Django开发，所以我对Django…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

🚀 由于现在手机都是"高密度屏幕", 我们写的1px到了手机上会用2/3个物理像素点去显示, 这样1px边框看起来就会比较粗, 所以如果你也觉得自己的1px边框比较粗, 那么请往下看. 其实如果你百度"1px边框"会有很多文章, 大部分都会说有7种方法, 不过其实经过我的测试…

本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内容有误，也请大家亲喷或者纠正👌 1. querySelector 2. querySelectorAll…

当你冲这个标题点进来的时候，我猜你一定知道 React 是什么，更多详情请戳这里，就不介绍React了，一个神般存在的前端框架。另外，浏览器和移动端横行的时代，为什么还需要桌面应用？我就不解释了，反正优点很多，做为技术多学一点总没错。 Electron is an open s…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

最近一直想学下node,毕竟会node的前端更有市场。但是光看不练，感觉还是少了点什么，就去github上看别人写的项目，收获颇丰，于是准备自己照葫芦画瓢写一个。 作为程序员，一定要保持不断学习的状态，这样我们才可以在职场中有一席之位。 我相信现在出去面试，被问到的问题一定不限…

inMap 是一款基于 canvas 的大数据可视化库，专注于大数据方向点线面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式；致力于让大数据可视化变得简单易用。 要显示的文字空间不够时，就会造成文字重叠显示混乱，用户体验很不友好。 怎么解决这个问题呢？我们采用文字…