20190724 前端开发日报

性能测试的绝密武器 Web 压力测试工具 webbench;Go返回int64类型字段超出javascript Number范围;最全 HTTP 安全响应头设置指南;如何优化你的超大型React应用 【原创精读】;Vue中对iframe实现keep alive(无刷新);Vue项目webpack打包优化实践总结;「HTML5」FileAPI 文件操作实战;WebSocket其实没那么难

  1. 性能测试的绝密武器 Web 压力测试工具 webbench Web压力测试工具webbench webbench最多可以模拟3万个并发连接去测试网站的负载能力,个人感觉要比Apache自带的ab压力测试工具好,安装使用也特别方便。 1、适用系统:Linux 2、编译安装: wget http://www.ha97.com/code/webbench-1.5.tar.gz tar zxvf webbench-1.5.tar.gz c…
  2. Go返回int64类型字段超出javascript Number范围 最近在项目中,一个go服务给前端提供了一个接口,返回json格式数据,其中Int64字段会超出javascript Number可表示的最大的Int值会丢精度,可以通过返回string类型值来屏蔽这个问题。 问题描述 Go服务返回的json格式如下,其中deviceId_O为:144115188584281742 而前端拿到的deviceId_O变成了:144115188584281…
  3. 最全 HTTP 安全响应头设置指南 销售“安全记分卡”的公司正在崛起,并已开始成为企业销售的一个因素。这些公司组合使用 HTTP 安全报头和 IP 信誉来进行评级。不过,在很大程度上,公司的得分取决于对外开放网站上设置的安全响应报头。本文介绍了常用的安全响应报头及对应的推荐安全值,并给出了示例。 销售“安全记分卡”的公司正在崛起,并已开始成为企…
  4. 如何优化你的超大型React应用 【原创精读】 React 为了大型应用而生, Electron 和 React-native 赋予了它构建移动端跨平台 App 和桌面应用的能力, Taro 则赋予了它一次编写,生成多种平台小程序和 React-native 应用的能力,这里特意说下 Taro ,它是国产,文档写得比较不错,而且它的升级速度比较快,有 issue 我看也会及时解决,他们的维护人员还是非常敬业的…
  5. Vue中对iframe实现keep alive(无刷新) 最近一个需求,需要在 Vue 项目中加入 含有iframe 的页面,同时在路由切换的过程中,要求iframe的内容 不会被刷新 。一开始使用了Vue自带的keep- alive发现没有用,于是自己研究了一下解决方案。。。。。。 Vue的keep-alive原理 要实现对保持iframe页的状态。我们先搞清楚为什么Vue的keep-alive不能凑效。keep-al…
  6. Vue项目webpack打包优化实践总结 Vue项目的页面是使用的虚拟路由,页面内容是靠vue-router配置的路由链接来访问的,SPA单页面应用开发,适合开发后台系统,但是对搜索引擎不友好,因为最后只生成一个页面。 搜索引擎是靠页面的链接来爬取网页内容,然后搜录进去搜索引擎数据库的,而vue打包以后的项目只有一个页面,所以其中的内容搜索引擎蜘蛛当然无法…
  7. 「HTML5」FileAPI 文件操作实战本文整理了兼容性检测、文件选择、属性读取、文件读取、进度监控、大文件分片上传以及拖拽上传等开发中常见的前端文件操作。
  8. WebSocket其实没那么难webSocket是一项可以让服务器将数据主动推送给客户端的技术。前几天写了一个日志功能,日志数据需要实时更新。正好项目中有封装好的WebSocket组件,且接口支持webSocket,就用它实现了。也是第一次用,简单研究了…
  9. 如何利用 Vuetify 快速构建具有吸引力的交互式前端? 在本文当中,我们将探讨如何利用 Vuetify 快速构建具有吸引力的交互式前端。构建用户体验优异的友好应用程序界面,是一项需要经过反复实践且对知识有一定要求的技能。虽然 Vuetify 无法让你一夜之间积累丰富的用户体验设计经验,但足以帮助这一领域的新手带来坚实的探索开端。 作为一名 Vue.js 开发人员,目前市面上存…
  10. 如何实现Angular Material自定义主题 主题就是一组要应用于 Angular Material 的颜色,也可以理解成应用的皮肤。在以前使用 QQ 空间的时候,腾讯就做好多些空间皮肤(主题)进行出售。现在 Android 手机系统也都有好多主题,让用户自己手机系统的主题。 在 Angular Material 中,主题由多个调色板组成。具体来说,包括: 主调色板:那些在所有屏幕和组…
  11. 论NodeJS中的循环引用 最近在用node的时候排查一个问题排查了半天,最终发现是循环引用导致的问题,故在此记录一下。 场景复现 出现问题场景比较简单,一共四个类: parent.ts child.ts child_2.ts util.ts export abstract class Parent { abstract hello(): string; } import {Parent} from &quo…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流