凤易水-CSDN博客

原创 openlayer绘制扇形

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

2022-03-20 13:02:28 1307 8

原创史上最简单构建react-native教程

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

2022-03-02 22:45:24 4206 1

原创 ImageCompressor图片压缩

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

2021-11-10 13:55:35 2781

原创 react-router-dom类组件、函数组件跳转

类组件、函数组件跳转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

2021-11-03 21:13:50 1352

原创 Html 标签拖动组件（react）

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:

2021-10-30 13:10:42 346

原创 video画中画（小窗口）

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={() => {

2021-10-20 10:04:05 3075

原创 antd- Dragger组件

关闭弹窗文件列表依然存在问题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

2021-09-19 13:53:28 987

原创 react滚动加载之----react-window

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

2021-09-06 15:05:12 2015

原创输入框检索防抖

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

2021-08-28 10:53:16 380

原创 JS字符串操作汇总

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

2021-06-07 07:39:19 176

原创 JS易懂原型，原型链

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

2021-05-31 11:35:26 83 1

原创大时代下的程序员

大时代下的程序员文章目录大时代下的程序员从写第一个Hello World开始编程再继续不要把眼光跳的太远先多做，再专精1.引入库2.读入数据恭喜你，你成为了你想成为的那个人从写第一个Hello World开始import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('ignore')impor

2020-12-03 12:14:41 195

转载云端互联网时代

云端互联网时代来自：http://www.mobile20.com.cn/mobile-internet-cloud-services/常常有朋友跟我讨论，在移动互连网内有哪些新的应用领域有创业的机会，艾瑞克在此提供几个方向，抛砖引玉供大家参考。※云端服务云端服务其实并不是一个新的方向，在互联网领域广大的用户早已经每天 “随时在线”的使用各种在网络侧所提供的应用服务，比如说网络储存、gmail 电子邮箱，有道电子辞典等，从用户的角度来看，云端服务只是另一个营销的新的名词。移动互联网因为拥有移动性与

2020-09-23 10:41:15 231 1

weixin_43356511的博客