摘要: 最近产品提出一个需求,在我们使用的腾讯地图上为线路 添加线路方向。例如下图所示: 查找腾讯地图JS API提供的API,没有找到对应的支持,询问负责腾讯地图的人也得到了同样的答案,即地图JS API不支持线路画方向。于是否就利用地图的 类配合旋转来实现这个功能。 实现原理 因为是利用 来实现 带方向阅读全文
posted @ 2017-07-11 20:14 wonyun 阅读(699) 评论(2) 编辑
摘要: 引言 使用webpack有一段时间了,对其中的热更新的大概理解是: 对某个模块做了修改,页面只做局部更新而不需要刷新整个页面来进行更新 。这样就能节省因为整个页面刷新所产生开销的时间,模块热加载加快了开发的速度。 热加载的基础是模块热替换(HMR,Hot Module Replacement)。 具阅读全文
posted @ 2017-06-28 10:45 wonyun 阅读(1430) 评论(3) 编辑
摘要: React是一个UI层面的库,它采用虚拟DOM技术减少Javascript与真正DOM的交互,提升了前端性能;采用单向数据流机制,父组件通过 将数据传递给子组件,这样让数据流向一目了然。一旦组件的 或则 发生改变,组件及其子组件都将重新re render和vdom diff,从而完成数据的流向交互。阅读全文
posted @ 2017-05-04 21:24 wonyun 阅读(3174) 评论(8) 编辑
摘要: 一个例子 有这样的一个场景如下图所示,有一组动态数量的input,可以增加和删除和重新排序,数组元素生成的组件用 作为key的值,例如下图生成的ui展示: 上面例子中的input组件渲染的代码如下所示,全部完整代码可以参考 == "完整code" 。 首先说明的是,若页面中数组内容是固定而不是动态的阅读全文
posted @ 2017-04-21 16:02 wonyun 阅读(1450) 评论(0) 编辑
摘要: 在react典型的数据流中, 传递是父子组件交互的唯一方式;通过传递一个新的 值来使子组件重新 ,从而达到父子组件通信。当然,就像react官网所描述的一样,在react典型的数据量之外,某些情况下(例如和第三方的dom库整合,或者某个dom元素focus等)为了修改子组件我们可能需要另一种方式,这阅读全文
posted @ 2017-03-12 21:48 wonyun 阅读(9169) 评论(0) 编辑
摘要: 首先声明一下,本文不是要讲解fetch的具体用法,不清楚的可以参考 "MDN fetch教程" 。 引言 说道fetch就不得不提XMLHttpRequest了,XHR在发送web请求时需要开发者配置相关请求信息和成功后的回调,尽管开发者只关心请求成功后的业务处理,但是也要配置其他繁琐内容,导致配置阅读全文
posted @ 2017-02-24 23:44 wonyun 阅读(6149) 评论(1) 编辑
摘要: 引言 在前端开发过程中,开发者通常都会遇到前端数据不能正常获取的问题,这就需要开发者之间’想办法‘搞到这些数据;开发过程中我们可能遇到的场景: 后端接口数据开发中暂时不可用,需要前端在自己本地mock接口数据进行开发 重构一个已有的前端功能,在测试环境开发功能,这时可能需要使用测试环境提供的数据来进阅读全文
posted @ 2017-01-20 19:27 wonyun 阅读(1405) 评论(1) 编辑
摘要: 引言 首先说明一下,本文分享对象是涉世未深的移动开发者,至于有经验的开发者可以自行绕道。 说来惭愧,做了几年pc端的前端开发,很少接触到webapp的移动端开发。如今有机会参与webapp的开发,发现与pc端开发还是有一些区别的。 例如,移动端的浏览器要么是Android的chrome,要么是ios阅读全文
posted @ 2016-12-20 19:55 wonyun 阅读(602) 评论(2) 编辑
摘要: 引言 最近在react项目中初次用到了 " " 插件,用到该插件的两个主要作用: 为html文件中引入的外部资源如 、`link`动态添加每次compile后的hash,防止引用缓存的外部文件问题 可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置 N 个 可以生成 N 个页阅读全文
posted @ 2016-11-06 22:10 wonyun 阅读(25739) 评论(1) 编辑
摘要: 引言 最近,我们的一个后台系统要改版为基于 技术栈,切换到当下比较新的技术来实现后台系统;在项目实施过程中,选择了基于react的 组件库,为蚂蚁金服出品。使用该UI组件库,该团队推荐使用其为其配套的内部定制化的构建工具 " " 。 推荐使用 工具,因为该工具内部对 webpack 的一些基本配置内阅读全文
posted @ 2016-11-03 23:49 wonyun 阅读(6331) 评论(2) 编辑