前端优化
10篇文章 · 0订阅
  • 前端性能优化之防抖-debounce
    这周接到一个需求－给输入框做模糊匹配。这还不简单，监听input事件，取到输入值去调接口不就行了？ 然而后端小哥说不行，这个接口的数据量非常大，这种方式调用接口的频率太高，而且用户输入时调用根本没有必要，只要在用户停止输入的那一刻切调接口就行了。 大家一定见过那种左右两边中间放…
    前端 后端 Promise
  • 浅谈高并发-前端优化
    最近接到个任务，业务场景是需要处理高并发。 原谅我第一时间想到的居然是前段时间阮一峰的博客系统遭到了DDoS攻击，因为在我的理解中，它们的原理是想通的，都是服务器在一定时间内无法处理所有的并行任务，导致部分请求异常，甚至会像阮一峰的博客一样崩溃。 之前不太有接触过高并发的机会，…
    前端 CDN
  • 2018 前端性能优化清单 - 第 3 部分
    下面你将会看到你可能需要考虑到的前端性能优化问题，以保证你的应用具有快速和流畅的响应时间。 在 2005 年，Google 推出了 Brotli，一个新的开源无损数据压缩格式，现在 被所有的现代浏览器所支持。实际上，Brotli 比 Gzip 和 Deflate 更有效。取决于…
    前端 掘金翻译计划
    2018 前端性能优化清单 - 第 3 部分
  • 年终回顾，为你汇总一份「前端技术清单」
    记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。 在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此…
    React.js JavaScript 前端
  • 前端必须懂的计算机网络知识—(跨域、代理、本地存储)
    浏览器只对网络请求有同源限制，同源就是协议、域名和端口号一致，不同源的客户端脚本在没有明确授权的情况下，不能读写对方XHR资源，反之不同源脚本读取对方XHR资源就是跨域。以http://www.a.com/test/index.html 的同源检测举例： 浏览器对script标…
    前端 百度 服务器
  • 移动spa商城优化记（一）---首屏优化篇
    随着公司业务的不断壮大，最近老是有用户反应公司APP内的商城打开比较慢，这可不行啊，慢了容易流失用户，流失用户减少公司业绩，公司业绩少我的年终奖就少…………，所以为了公司，也为了自己，开始优化之路。 商城系统是去年开发的，是一个基于vue2.0的spa项目，最好的优化思路当然是…
    Vue.js 前端框架 前端
  • 框架源码中用来提高扩展性的设计模式
    我们写的代码都是为了一定的需求服务的，但是这些需求并不是一成不变的，当需求变更了，如果我们代码的扩展性很好，我们可能只需要简单的添加或者删除模块就行了，如果扩展性不好，可能所有代码都需要重写，那就是一场灾难了，所以提高代码的扩展性是势在必行的。怎样才算有好的扩展性呢？好的扩展性…
    前端 设计模式
  • 工作中遇到的一些问题和处理
    onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。 *为通配符。 一个更简单的方法就是在<body>中加入如下的代码,这样鼠标的左右键都失效了. 在JavaScript中，Truthy(真值)指的是在Bo…
    前端
  • 记一次前端面试的全过程
    接上一篇面试总结一年半经验，百度、有赞、阿里面试总结，把这段时间的面试总结结束一下吧。 本文主要记录一下当天面试的全过程（可能有遗漏，事隔三四天了，我已经尽量回忆了），答案亦为参考答案，仅供借鉴。 有赞一面结束后过了两天就收到了二面的邀请，我回复面试邀请的短信，说最近可能请假太…
    CSS 面试 前端
  • 前端黑科技：美团网页首帧优化实践
    自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…
    前端 Node.js JavaScript