前段时间工作中,有客户反应了系统中某类待办重复出现两次的情况。我核实了数据之后,分析认为是并发请求下导致的数据不一致性问题,并做了重现。其实这并不是一个需要频繁调用的功能,但是客户连续点击了两次,导致出现了并发问题。除了前端优化,这里重点探讨后台方面代码层面的处理,最终解决问题。 ...
分类:
Web程序 时间:
2019-01-28 01:32:19
阅读次数:
238
首先是图片上的 其次是webpack dll js包的分包 代码上的 相同功能 封装组件/函数 nginx 配置 gzip 打包发布的时候 压缩JS、Css、html 这样的话就减少了体积 增加了加载速度 HTML 上的 js 文件的引用,wexin jdk.js 加 async HTML 头的优化 ...
分类:
其他好文 时间:
2019-01-12 01:06:12
阅读次数:
126
之前写过一篇“漫谈前端优化”的文章,里面提到过DataUrl,粗鲁的描述了下,感觉不甚详焉,所以这几天也总结了这方面的知识,参考一些资料,补充一篇文章在这里,对这方面的资料来说,也是一种强化记忆应用; Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器 ...
分类:
Web程序 时间:
2019-01-10 12:08:25
阅读次数:
198
一、背景介绍浏览器是前端工程师或页面重构师工作中必不可少的,WEB页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验,特别是浏览器渲染页面的原理,页面渲染就是浏览器将HTML代码根据CSS定义的规则显示在浏览器窗口中的这个过程,理解了原理就更会容易理解前端优化的一些准则。 ...
分类:
其他好文 时间:
2018-12-13 23:31:53
阅读次数:
271
前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2 ...
分类:
其他好文 时间:
2018-12-08 22:39:51
阅读次数:
256
前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2 ...
分类:
其他好文 时间:
2018-11-27 22:15:57
阅读次数:
239
1.ajax的原理? new XMLHttpRequest/ActiveXObject() 2.html语义化 3.web前端性能优化的方法有哪些? 1. 减少http请求数 2. 减少dom数 3. 优化图片加载,可用css spirite 4. 使用CDN 5. 将样式表放在头部 6. 将JS脚 ...
分类:
其他好文 时间:
2018-11-18 13:06:42
阅读次数:
105
毫秒必争,前端网页性能最佳实践 你愿意为打开一个网页等待多长时间?我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站,博客,你的网页响应速度如何呢?在这篇文章中我们来介绍一下提高网页性能的最佳实践,以及相应的问题解决方案,让站长或者即将要成为站长的朋友 ...
分类:
其他好文 时间:
2018-11-18 00:42:59
阅读次数:
256
缓存一直是前端优化的主战场, 利用好缓存就成功了一半. 本篇从http请求和响应的头域入手, 让你对浏览器缓存有个整体的概念. 最终你会发现强缓存, 协商缓存 和 启发式缓存是如此的简单. 导读 浏览器对于请求资源, 拥有一系列成熟的缓存策略. 按照发生的时间顺序分别为存储策略, 过期策略, 协商策 ...
分类:
其他好文 时间:
2018-11-13 18:09:40
阅读次数:
210