- 博客(15)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 react腾讯地图绘制路线，视图自适应定位到路线区域
每次在页面查询获取最新路线，不会定位到当前路线的位置，官方api提供了fitBounds方法，大概就是根据所有点的位置找到所在的范围，然后适应它。发现这招不好使，因为路线的起点和终点可能离得很近，其实整个路线过程行驶的非常长，就会导致视图是定位到两个点，但是无法观察整个路线情况。最近遇到一个需求：前端在地图上绘制货车导航路线，调研后发现腾讯地图最便宜，公司采用了这个。把上面传入的点换成路线上所有点就可以啦。
2023-06-14 10:39:44
385
原创 用HbuilderX将vue项目打包成apk
这边我要记录一个小小的坑，很久之前打包的项目，再次打开后，manifest.json文件不展示视图了，全是代码形式，此时点开 ‘发行-原生App云打包’的选项被禁用，无法操作。解决方案：在项目名称上右键-----重新识别项目类型，关闭manifest.json文件重新打开，点开‘发行’，就可以发行app啦。如标题，用HbuilderX将vue项目打包成apk比较简单，网上都是教程，这里贴一个参考地址，就不多赘述了。
2023-03-16 16:10:24
410
原创 react+clodop打印
需求：勾选多条数据，点击‘打印’按钮，可以生成多页内容，打印出多页。打印界面可以点击‘上一页’、‘下一页’等功能。参考了这篇文章我的实现：写一个单独的组件，即想要打印的内容，在Index页面中引入，但隐藏不显示。(可以设置最外层样式为：z-index=-1,position:absolute,visibility:hidden)//Index.tsximport React, { useState } from 'react'import { Button } from 'antd'impor
2022-04-02 15:39:12
2127
2
原创 react中使用axios拦截器
写在开头：项目中每次切换页面时都在全局的dva里面监听路由切换，调用一个checkToken方法，token失效就跳转登录页。但项目中的接口大部分都需要在请求头中带上登录后获取的token。思考：是不是可以取消checkToken这一步，直接在每个任意接口里判断token失效后跳转登录呢。搜索了下发现有拦截器这个东西，尝试封装一下调用方法，写的不对的请大佬指出！！！1、创建一个request.js文件import axios from 'axios'import {history } from 'um
2021-11-24 09:43:10
1746
原创 （已解决）Error: Node Sass does not yet support your current environment: Windows 64-bit
node版本升级 导致项目中node-sass报错背景：一年前的老项目，因为本地node版本升级了，导致它运行不起来，就是node-sass它不行了，哭。解决：1）删除node-sass安装包，重装：yarn add node-sass结果安装了最新版本的 ：‘6.x.x’，一运行还是报错没仔细看，以为是sass-loader版本也跟不上2）yarn add sass-loader。安装好运行项目，出现下面：3）按照提示，运行：npm rebuild node-sass,成功后再启动项目，
2021-06-28 10:46:03
6688
原创 必看系列之React-Native项目技巧
写在前面：最近在用react-native+mapbox开发一个APP，支持离线渲染影像、矢量数据（有想看的后面可以出一个相关的教程），第一次自己负责一个完整的RN项目，还是踩了不少坑的，尤其是调试，如果确信代码没问题，可就是展示不出你要的效果或者刷新没反应，那么就----杀掉APP后台试试 ，不行就卸载重装试试我的项目中组件库主要是RN自己的和native-base1、drawer组件，需要把页面包裹在抽屉标签之间。这样才能使抽屉浮在页面最上面。用多了antd-design的抽屉组件，以为这个也是直
2021-06-23 16:35:57
470
原创 （一）React之Context上下文
写在前面：本文适合有一定react基础的小伙伴，一些基础性的描述这里就不写了，官网也有，本文就是提炼一些主要内容，帮助你更好使用。有不同意见的记得评论区留下你的足迹哦，大家一起学习进步吧！一、何时使用Context?官网：Context 设计目的是为了共享那些对于一个组件树而言是“全局”的数据。我：有数据被好几个组件都共用，但是不想从父组件一级一级通过props往下传。如果组件嵌套太多层，还可能传错了，hhh。二、使用Context前的考虑？由于每个组件都可以通过单独的context方式去获取数
2021-04-15 14:56:14
250
原创 React项目中第三方使用微信扫码登录
写在前面：同之前分享的钉钉扫码登录一样，前期准备工作就不说了，官网写的很清楚，这是一个 传送门直接来看在react项目中咋使用。首先，还是在Index.html文件中引入js<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,
2021-03-17 16:53:37
5096
2
原创 js下载文件的几种方式，你学废了吗
项目中总是遇到各种下载文件的需求，记录一下我用的最多的三种方式，有更多方法请一定在评论区和大家分享哦。（友情提示：下面代码格式是react写法）方式一：点击a标签直接下载。（有个弊端：下载失败的话会跳转）<a href=url download>a标签下载</a>方式二：点击按钮创建一个a标签来下载 <button onClick={this.createLinkFirst}>创建a链接下载</button> createLinkFirst=()
2021-03-12 17:10:24
831
原创 Taro学习笔记之项目搭建（一）
最近，尝试用taro做小程序，就尝试上手了一下，本篇是一个taro小程序的搭建过程。（默认你已经安装好了Node哦）一、使用Taro构建项目首先给你把一系列文档先找好，需要自取。Taro介绍：https://taro-docs.jd.com/taro/docs/README/index.htmlReact|Taro文档：https://nervjs.github.io/taro/docs/reactTaro UI ：https://taro-ui.jd.com/#/docs/introductio
2021-03-08 13:18:03
437
1
原创 react路由参数改变，刷新页面
需求：当页面url从‘/test?id=01’变成’/test?id=02’时，接口需要根据参数获取最新数据并且渲染页面。解决方案：方式一：react16之前推荐使用componentWillReceiveProps生命周期import React, { Component } from 'react'import router from 'umi/router';export class Index extends Component { state = { storageId:
2021-02-26 14:31:26
3303
1
原创 react项目中第三方使用钉钉扫码登录
需求：网页登录支持钉钉扫码登录前期需要一些准备工作，这边我就不详细说了，为大家找到一篇详细的 教程主要来看在react中咋使用呢？首先，新建扫码组件DingCode.jsximport React from 'react';import {message} from 'antd';import request from './request' //你自己封装的调用接口的方法export default class Login extends React.Component{ cons
2021-02-25 17:22:34
1991
1
原创 react+antv g2折线图定时器刷新数据
使用changeData 实时更新数据需求：定时刷新接口，获取最新数据，并且渲染到 g2折线图中，每次只展示最新的20个数据。那么我就直接上代码啦（主要代码）！父组件中：state={ lineData :[]} componentDidMount() { this.initData() } initData = () => { const { lineData } = this.state; let url = `${dataUrl}/sto
2021-02-24 13:57:56
2535
原创 必看系列之react-native创建、调试、打包
写在前面：这篇文章适用于有一定编程基础的童鞋们，因为我在表达上写的比较简单，希望有基础的童鞋能懂我在说啥。一、创建项目1、确保node环境装好，安装android studio，按照官网教程 教程查看2、新建项目npx react-native init AwesomeProjectcd AwesomeProjectyarn android3、只需用 usb 数据线连接到电脑，然后遵照在设备上运行这篇文档的说明操作即可（注意开启 开发者模式，传输文件）二、设备调试1、用Usb将设备跟电脑连
2021-02-19 13:56:00
539
原创 关于React+antv g2柱状图的那些事
关于antv g2柱状图的那些事技术栈：react+antv g2渲染基础柱状图：import React, { Component } from 'react'import { Chart } from '@antv/g2';export class BarChart extends Component { componentDidMount() { const data = [ { time: '1951 年', value: 38 }, { time: '
2021-02-06 15:20:10
2577
10
空空如也
钉钉分享到微信如何才能显示卡片
2024-05-28
腾讯地图开发路线规划功能
2023-04-03
vs code里面的KoroFileHeader插件突然头部注释的快捷键失效
2022-05-08
uni-app使用leaflet
2021-04-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人