摘要: 原谅我占2017年12月31日一个坑,后续补上阅读全文
posted @ 2017-12-31 22:46 wonyun 阅读(35) 评论(0) 编辑
摘要: 引言 静态资源缓存是前端性能优化的一个点,所以在前端开发过程中,一般会最大限度的利用缓存(这里主要是强缓存)。回到本文主题,在使用webpack构建的项目中,稍有不慎的话,即使服务器设置了缓存策略,可能构建的项目无法实现静态资源缓存。那么webpack怎样才能达到使用缓存的效果呢,下面就来谈谈这个问阅读全文
posted @ 2017-12-31 00:35 wonyun 阅读(460) 评论(1) 编辑
摘要: 低版本浏览器引起的问题 最近开发一个基于 的项目,一般本地是在chrome浏览上面开发,chrome浏览器开发因为支持大部分新的js特性,所以一般不怎么需要polyfill, 比如Promise,string实例的includes方法等。即使在低版本浏览器中,通过 的polyfill也是可以转换的,阅读全文
posted @ 2017-12-24 13:13 wonyun 阅读(1477) 评论(1) 编辑
摘要: 引言 最近在项目中因前后端部署不同地方,前端在请求后端api时发生了跨域请求,我们采用 (跨域资源共享)来解决跨域请求,这需要前后端的配合来完成。在这一过程中,后端支持了CORS跨域请求后,前端的请求配置可能会调起CORS的preflight请求,也就是我们所说的预检请求。对CORS不太熟悉的可能会阅读全文
posted @ 2017-12-17 18:25 wonyun 阅读(315) 评论(0) 编辑
摘要: 最近一直都比较忙,坚持月月更新博客的计划不得中止了,今天抽出点时间来说说最近项目中遇到的一个问题,有关request post请求格式中的 multipart/form data 格式。 引言 最近在参与一个项目过程中遇到一个问题,相信大部分人都遇到过: 在后端与前端约定好 application/阅读全文
posted @ 2017-12-03 23:05 wonyun 阅读(5156) 评论(5) 编辑
摘要: 最近产品提出一个需求,在我们使用的腾讯地图上为线路 添加线路方向。例如下图所示: 查找腾讯地图JS API提供的API,没有找到对应的支持,询问负责腾讯地图的人也得到了同样的答案,即地图JS API不支持线路画方向。于是否就利用地图的 类配合旋转来实现这个功能。 实现原理 因为是利用 来实现 带方向阅读全文
posted @ 2017-07-11 20:14 wonyun 阅读(1754) 评论(2) 编辑
摘要: 引言 使用webpack有一段时间了,对其中的热更新的大概理解是: 对某个模块做了修改,页面只做局部更新而不需要刷新整个页面来进行更新 。这样就能节省因为整个页面刷新所产生开销的时间,模块热加载加快了开发的速度。 热加载的基础是模块热替换(HMR,Hot Module Replacement)。 具阅读全文
posted @ 2017-06-28 10:45 wonyun 阅读(2157) 评论(4) 编辑
摘要: React是一个UI层面的库,它采用虚拟DOM技术减少Javascript与真正DOM的交互,提升了前端性能;采用单向数据流机制,父组件通过 将数据传递给子组件,这样让数据流向一目了然。一旦组件的 或则 发生改变,组件及其子组件都将重新re render和vdom diff,从而完成数据的流向交互。阅读全文
posted @ 2017-05-04 21:24 wonyun 阅读(3512) 评论(8) 编辑
摘要: 一个例子 有这样的一个场景如下图所示,有一组动态数量的input,可以增加和删除和重新排序,数组元素生成的组件用 作为key的值,例如下图生成的ui展示: 上面例子中的input组件渲染的代码如下所示,全部完整代码可以参考 == "完整code" 。 首先说明的是,若页面中数组内容是固定而不是动态的阅读全文
posted @ 2017-04-21 16:02 wonyun 阅读(2555) 评论(2) 编辑
摘要: 在react典型的数据流中, 传递是父子组件交互的唯一方式;通过传递一个新的 值来使子组件重新 ,从而达到父子组件通信。当然,就像react官网所描述的一样,在react典型的数据量之外,某些情况下(例如和第三方的dom库整合,或者某个dom元素focus等)为了修改子组件我们可能需要另一种方式,这阅读全文
posted @ 2017-03-12 21:48 wonyun 阅读(10022) 评论(0) 编辑