weixin_43356511的博客

openlayer绘制扇形yi.前瞻er.上代码，实战一开始我以为像这种图像的简单绘制，应该很简单，但是自带的API却没有找到，但是他有绘制多边形（Polygon）的接口，那么我们只需要计算出扇形所有的点位就可以了。然后我就开始在草稿纸上绘制草图,经过分析计算点位用初中学到的正弦、余弦就可以搞定san.完整实例（总结）完整代码如上所示，绘制一个扇形很简单有没有？转载请注明出处: [https://blog.csdn.net/weixin_43356511/article/details/123610458]

史上最简单构建react-native教程做大前端少不了掌握react-native,就算webapp效果怎样好看，开发多么便捷，但是很多原生的硬件调取就是做不到，或者说不能达到真正的原生开发的效果，那么选择react-native就很不错，但是环境搭建较为繁琐，起点有点高（也可能是在下不才）。本文详细记录最简单的环境搭建方法，客官您往下瞧。1.node 安装地址https://nodejs.org/zh-cn/.一路next就好。2.python2.7 安装地址https://www.pytho

前端图片上传服务器预处理压缩今天介绍的主角是（ImageCompressor），是一款可以将图片进行无损压缩的插件，谁用谁香。1.首先安装插件// yarn 安装yarn add image-compressor.js// npm 安装npm install image-compressor.js2.开始使用// 导入插件import ImageCompressor from 'image-compressor.js';// 直接使用就好new ImageCompressor(

类组件、函数组件跳转1.类组件导出时用withRouter挂载。import { withRouter } from 'react-router-dom'；// 使用this.props.history.push({ pathname: path, state: { key } }) //导出export default withRouter(Layout);1.函数组件导出时用withRouter挂载。import { useHistory } from "reac

html标签拖动组件封装（react）直接上组件（可以直接使用）import React from 'react';import scss from "../../../assets/styles/map.module.scss";/** * * @param el * @param event * @param handler * @returns * * 添加拖动事件 */const addEvent = (el: any, event: any, handler:

video画中画（小窗口）<video id="video_paly" controls src="https://v-cdn.zjol.com.cn/280443.mp4" poster="https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg"> 您的浏览器不支持 video 标签。 </video> <button onClick={() => {

关闭弹窗文件列表依然存在问题1.随机数完美解决import { Modal, Upload, Button } from 'antd';import { InboxOutlined } from '@ant-design/icons';FileUpload(sub) { return <div key={Math.random()}> <Dragger defaultFileList={sub.defaultFileList} beforeUpload

react滚动加载1.FixedSizeListimport { FixedSizeList } from 'react-window';const listData = ['a','b',...];// FixedSizeList组件<FixedSizeList height={315} // 列表可视区域的高度 itemCount={listData.length} // 列表数据长度 itemSize={35} // 列表行高 width={"100%"} //列表可

输入框检索防抖input onChange()定时器防抖。下面展示一些 js实现代码。// An highlighted block// 防抖搜索 debounce = (value: any) => { let that = this; clearTimeout(this.timer); this.timer = setTimeout(function () { // 切换为搜索 if

JS字符串操作翻转翻转// 创建字符串var s = 'abscsf'// 分割为数组var arr = s.split('')// 数组翻转arr.reverse()// 数组以‘’拼接完成字符串翻转arr.join('')// fscba // 简写代码'abssdsdsd'.split('').reverse().join('')// dsdsdssba...

js原型、原型链数据类型数据类型如Number、String、Boolean、Object、Undefined、Function1）其中都有__proto__属性，可以查看该类型对应的属性、方法。2）只有function有prototype属性，可以通过该属性给定义的函数原型添加属性。3）还有特殊function，class也可以通过prototype在该原型上添加属性，并且可以在被继承的子class中通过prototype访问到该属性。...