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
前端开发 JavaScript React Antd typescript ant-design-vue vue
ABOUT ME

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

FRIENDS