Nginx的反向代理对于大多数前端开发工程师再熟悉不过了,通过代理服务器的方式接收外部http请求,然后转发给内部的服务器。要进行反向代理需要预先知道服务端想要暴露的服务以及端口,然后在Nginx配置文件中添加对应的配置信息。但是如果后端的服务不是固定的,可以动态添加的,也就是说nginx要根据请求uri不同,将请求转发到不同的服务,但是又不想每次都去修改配置文件该如何去处理呢?
Web Components初体验
程序员这一群体可以说是最聪明的懒人,总是可以找到最合理的方式让自己的代码最大程度的复用,对于前端er来说,从长远来看建立组件库将会为你的工程项目节省很大的时间成本。但是目前大部分的组件库都是基于特定框架来实现的,如:vue的element ui和iview,react的antd等。这时作为前端游戏规则的制定者W3C坐不住了。制定了Web Components作为前端统一的组件化规范。
由DOM事件流到事件代理
在开发一个“点击按钮弹出popup”功能组件的时候需要点击空白位置自动关闭popup,通常的做法是给body绑定一个click事件,然后去关闭面板。但是会发现给body绑定了事件后,点击按钮后无法打开popup面板,发现原来是打开面板后立刻触发了body的click事件,导致popup面板立刻被关闭了。深入了解了一下DOM的事件流,找到了问题的原因,解决的办法也很简单,阻止事件冒泡。
Promise.all前端http请求并发控制
浏览器对于同一个域名下的请求的并发有一定的限制,这个限制一般在2-8个左右。不同浏览器,不同http协议允许的网络请求资源数是不一样的。一旦某域名同一时间的并发请求数量过多会导致后面的请求pending住,影响正常的网站交互和性能。所以对于一些高并发http请求的场景做并发控制是十分有必要的。
重学前端——HTML语义化标签
语义化标签,顾名思义就是HTML中具有一些用以表名特殊含义的标签,人在任何时候都是具有惰性的,能不需要动脑子的时候就不愿意主动去思考,写起代码来也是一样。很多时候在写前端HTML的时候,一个div标签走天下,这样来写有没有问题呢。从实现的效果上来看,当然是没问题的,但是我们要明确一点,我们写出来的网页不仅仅是给用户来看,同时也需要给其他的开发者、特殊机器和搜索引擎的爬虫来看。所以在HTML中合理的使用语义化标签,是很重要的。
Mapbox GL加载在线瓦片地图
由于Mapbox 国内的服务器实在是很不稳定,在某些网络环境下总是无法访问其在线地图,所以需要需要脱离Mapbox平台不在依赖代码里面的accessToken,加载其他的在线瓦片底图。
搭建基于Vue的Mapbox GL开发框架
接触一些前端的WebGIS Javascript开发SDK,都是大同小异,但是一接触到Mapbox,就被其精美的在线地图,流畅的前端体验,强大的可视化渲染能力所吸引。Mapbox GL使用WebGL渲染地图和图层,这也使得大量数据的可视化在前端的渲染成为了可能,并且具有优秀的体验。所以决定研究一下Mapbox GL的相关开发,并通过博客的形式记录自己的学习历程。