XBear50906

现在写代码比以前好多了，代码的格式都有eslint,prettier,babel(写新版语法)这些来保证，然而，技术手段再高端都不能解决代码可读性（代码能否被未来的自己和同事看懂）的问题，因为这个问题只有人自己才能解决。我们写代码要写到下图中左边这样基本上就功德圆满了。 你可以…

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

vue-cli是一个整合了webpack+vue的脚手架，通过这个脚手架，我们可以很方便地创建一个vue项目，甚至引入了vuex和vue-router。webpack的配置对用户来说是透明，用户无需关注webpack的详细配置，从而提高开发效率。 那么vue-cli真的很好用吗…

高阶函数英文叫Higher-order function。什么是高阶函数？ JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。 一个最简单的高阶函数： 这个区别于Map，…

本文主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名…

在我们浏览各大网站，网页，手机 APP 的时候，可能会遇到很多图片大小不一，看起来杂乱无章，其实，它们是狠有顺序的，排列在一起。这就应用到了网站中一种很流行的页面布局 --- 瀑布流，又称瀑布流布局。

我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…

最近开发遇到了检测用户修改未保存时，关闭浏览器提示保存的需求，类似下图。本文记录下用到的知识点。 详细描述见 onbeforeunload MDN 文档 作用是：当窗口即将被卸载（关闭）时，会触发该事件。此时页面文档依然可见，且该事件的默认动作可以被取消。另外页面刷新和切换也会…