模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…

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

如果没有, 别急, 我这里有一份 前端知识脑图 100多页, 相信我, 你只要看了一定会点赞, 评论加收藏, 然后明年的今天我换个标题 前端知识脑图 102 页, 你还会来点赞, 评论加收藏. 接受自己就是棵韭菜, 这是你有别于其他韭菜的重要特征, 因为只有你接受自己是棵韭菜才…

经常使用，交互实现在我的开发习惯里是能用原生css实现就用原生。 比如一些hover操作需要淡进淡出，就需要用 transation 和 opacity 相结合去实现。 还有一些窗口的抖动可以通过 animation 去实现，设定 keyframes 关键帧。 加入购物车的动画…

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

vuex作为vue生态的重要组成部分，是对store进行管理的一柄利剑。简而言之，vuex是vue的状态管理器。使用vuex可用使数据流变得清晰、可追踪、可预测，更可以简单的实现 类似时光穿梭 等高级功能，对于复杂的大型应用来讲，vuex将变得尤为重要，对于 store的切分、…

跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。 所谓的同源是指，域名、协议、端口均为相同。 jsonp跨域其实也是JavaScript设计模式中的一种代理模式。在html页面中通过相应的标签从不同域名下加载静…

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

相信大家看到这张图片就知道我们这篇文章要讲什么了，没错就是-商品多规格选择的解法。 近来在掘金上面看见大家都在研究“商品多规格选择”的问题，例如晨曦大佬的前端电商 sku 的全排列算法很难吗？学会这个套路，彻底掌握排列组合。 在这篇文章里面，大佬写明了如何实现sku的全排列，思…