echarts 作品示例网站

echarts捐献给开源基金之后,很多链接都无法再访问了,包括原来的文档,API等,这些域名做了重定向还能正常跳转。

还是有部分域名无法访问,比如以前的作品示例站点 https://gallery.echartsjs.com/ 就已经无法再访问。

无意间发现一个代替网站,如下:

echarts官方作品示例网站:https://echarts.apache.org/examples/zh/index.html

echarts社区作品示例网站: https://www.makeapie.com/explore.html

vue全站透传路由参数

有这么一个需求,如果请求连接中携带有q=0001,如:http://localhost:3000/index?q=0001,那么项目中后续所有跳转链接都需要加上q=0001。

阅读全文

vue router history 模式服务端使用nginx负载均衡部署二级目录

本文需要处理的问题:

  1. vue 部署在二级目录,请求使用二级目录不带后面斜线访问,会自动301重定向带斜线地址,比如:请求 http://localhost:9999/test -> http://localhost:9999/test/,此方式使用单台服务器无任何影响。
  1. 如果使用 nginx upstream 配置负载均衡,上述的301重定向会跑到负载均衡的服务器,而不会指向入口机。

阅读全文

vue 更优雅的打包到不同运行环境

开发中难免会存在不同环境不同配置的情况,比如:开发环境,测试环境,准线环境,线网环境等等。如何更方便的处理不同环境打包是必须要考虑的。本文简单介绍一种相对优雅的处理方式。

阅读全文

vue render 函数渲染 promise 异步组件

遇到此问题原因是想利用异步加载的方式,优化 vue cli 打包后的 app.xxx.js 文件大小,虽然最后并没有优化成功,但是方法值得学习。

题外话:chunk-vendors.xxx.js 可以利用 webpackexternals 属性优化打包大小。

vue render 函数本身并不支持异步渲染,好在官方 vue 2.3.0+ 之后新增了一个异步组件工厂函数,利用此方法可以实现 render 函数渲染异步组件。

阅读全文

前端 javascript 苹果IOS系统Safari手机浏览器自动播放问题

前端虐我千万遍,我仍待它如初恋。前端开发中,各种坑多如牛毛,刚好今天又踩一个。

本次项目中需要开发一个音乐播放器,关于音频播放在众多安卓手机上测试均无问题,上IOS测试就完蛋了。

网上常见自动播放方法基本都是在页面载入时候监听 touch 事件,触发事件在自动播放,此方法不适用本次项目需求。

阅读全文