cqmimi Blog

我干了什么 究竟拿了时间换了什么

百度地图渐变轨迹渲染

baidmap gradient trajectory

百度地图渐变轨迹渲染 最新的项目中,需要做车辆轨迹和轨迹播放,看见百度地图有鹰眼轨迹平台,里面的轨迹这一块做得很好,所以就想办法把里面的代码迁移到我的项目当中 原理剖析: 其实这个渐变轨迹有三层,如下图: 实现原理其实就是先用百度地图JavascriptAPI里面的pointToPixel先把地理坐标转换为物理像素坐标点, [1]. 先根据得到...

Posted by xiaoayng on September 8, 2018

vue实现tab缓存页面功能

vue tab keep-alive

最近一个项目,因为一些原因不得不转用vue, 产品和测试都想要原来老系统那种tab页面功能 如图所示: 下面我就记录一下vuetab页面缓存功能实现中遇到过的坑,希望对同志们有所帮助 ```javascript (type) class App extends Vue { @Prop() private menuData!: menuIte...

Posted by xiaoayng on September 7, 2018

vue 对象数据绑定问题

vue bind data

vue 数据绑定问题 今天,我下面的人问了我一个问题,在使用element-ui的时候select组件的时候点击没有任何反应,但是在关闭弹出层的时候闪了下最后应该出现的状态 这个问题,我原来就遇到过的,今天在这里记录一下,方便后面的同学排查此问题 出现这个问题,从深层次来说说,vue和react都会出现此问题 请看代码示例: ```javascript ...

Posted by xiaoayng on September 6, 2018

typescript 声明ant-design-vue第三方组件(2)

typescript .d.ts声明文件

typescript 声明第三方组件方法 继续昨天的ant-design-vue的typescript声明 shims-ant-desgin-vue.d.ts文件 ```javascript (type) declare module ‘ant-design-vue’ { import * as AntdVue from ‘@/ant-desgi...

Posted by xiaoayng on September 4, 2018

typescript 声明ant-design-vue第三方组件(1)

typescript .d.ts声明文件

typescript 声明第三方组件方法 工作背景 最近在做共享汽车的的监控平台,使用的是typescript + vue + jsx + element-ui+vuex + vue-cli@v3.0开发的,由于上一个项目使用的是react + redux + ant-design开发的,发现element-ui想对于ant-design还是有不小的差距,如果不...

Posted by xiaoayng on September 4, 2018

js-10进制-2进制-16进制数据间的相互转化

js-data-transform

js-10进制-2进制-16进制数据间的相互转化 最近蓝牙前端开发,涉及了大量的数据格式转化,在此记录下。 ```javascript (type) export default class BleUtil { // 十进制转16进制 static intToHex(int) { let hex = int.toString(16); i...

Posted by xiaoayng on September 3, 2018

js-16进制数据取反

js-hex-invert

js-16进制数据取反 最近在做小程序蓝牙控制的时候,连接蓝牙鉴权需要进行16进制取反,再次记录一下 1. 先进行数据拆分 ```javascript (type) const hex = 0x1d23f231c84ea31 let buffer = new Uint8Array(hex.match(/[\da-f]{2}/gi)); 上面`he...

Posted by xiaoayng on September 2, 2018

create-react-app 添加 less

create-react-app less

create-react-app 添加 less 使用create-react-app创建项目是默认没有配置less的,下面是新增less配置的步骤 暴露配置文件 create-react-app生成的项目文,看不到webpack相关的配置文件,需要先暴露出来,使用如下命令即可: npm run eject 安装less-loader 和 less np...

Posted by xiaoayng on August 31, 2018

关于antd中form.create组件refs调用子组件方法

antd-form.create-refs

关于antd中form.create组件refs调用子组件方法 今天在修复一个应用bug时候遇到一个问题,特意记录一下,方便以后的同学能尽快解决此问题 今天遇到一个场景,组件外部变化,影响form组件,需要重置form组件到初始化值,我们知道在antd中的form有一个方法叫form.create,使用表单的时候,一般情况是要使用此方法包裹react组件,...

Posted by xiaoayng on July 31, 2018

饿了么的 PWA 升级实践

Upgrading Ele.me to Progressive Web App

很荣幸在今年 2 月到 5 月的时间里,以顾问的身份加入饿了么,参与 PWA 的相关工作。这篇文章其实最初是在以英文写作发表在 medium 上的:Upgrading Ele.me to Progressive Web Apps,获得了一定的关注。所以也决定改写为中文版本再次分享出来,希望能对你有所帮助 ;) 本文首发于 CSDN 与《程序员》2017 年 7...

Posted by Hux on July 12, 2017

FEATURED TAGS
ABOUT ME

负重前行,不忘初心,
热爱前端,热爱生活

FRIENDS

AltStyle によって変換されたページ (->オリジナル) /