MRTseng

前端路由是现代SPA应用必备的功能,每个现代前端框架都有对应的实现,例如vue-router、react-router。 我们不想探究vue-router或者react-router们的实现，因为不管是哪种路由无外乎用兼容性更好的hash实现或者是H5 History实现，与框…

项目中经常会遇到这样的问题：当某个js脚本加载完成后再执行相应任务，但很多朋友可能并不知道怎么判断我们要加载的js文件是否加载完成，如果没有加载完成我们就调用js文件里面的函数是不会成功的。本文主要讲解怎么在成功加载js文件后再执行相应回调任务。 我们可以动态的创建 <scri…

推荐大家时间充裕的话可以自己阅读英文原文，此文是根据掘金翻译的四篇文章 + 其他的翻译文章 + 自己翻译修改得出的。因为翻译大家懂得，会有一些错误的地方，欢迎大家指出，本人不保证翻译没有错误，但已经尽力去翻译了，所以欢迎大家直接阅读英文原文！！欢迎大家直接阅读英文原文！！欢迎大…

在上篇导航优化方案——预判用户行为（一）中讲到，我们对导航的切换操作设置了延时，解决了移入子菜单时不执行导航切换的问题。但同时引入了新的问题，即导航的延时造成了切换不流程。 其中图中的O点为鼠标的起始位置。 于是问题就转化成了，判断鼠标移动的方向是否位于阴影部分内部，如何判断一…

只要网页内容大于视窗，滚动条就会出现。 一般来说，只要不是body层次的滚动条，那用overflow: hidden;就能解决滚动条出现的问题，但此时页面也会变得无法捲动。 目前网路上已经有诸多可隐藏非body层次的滚动条又可捲动页面的教学，所以本文主要聚焦于如何隐藏浏览器（也…

2年前写过一篇文章用Karma和QUnit做前端自动单元测试，只是大概讲解了 karma 如何使用，针对的测试情况是传统的页面模式。本文中题目中【现代】两字表明了这篇文章对比之前的最大不同，最近几年随着SPA(Single Page Application) 技术和各种组件化解…

今天我们来讲述css3能够做成动画的最小独立单元,并且讲述如何使用这些独立的单元来构成一个‘高大尚’的组合动画。 这是我在网上找的一个案例，修改后的效果图，虽说不是特别的‘高大尚’，但我认为这也跟高大尚占了一点了，中间的菜单按钮就是我们在做responsive开发时会用的到的效…

nodejs 对前端来说真是大大的福音。至少我本人对 nodejs 是非常的迷恋。它带来了很多工具，框架，新的工作方式，甚至让我一个前端从前端写到后端。非常好玩~ 我还因 nodejs 写了 electron 桌面程序和 ES6，太爽了~