![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
zhaoyuhui1994
武汉大学 测绘遥感信息工程国家重点实验室
地图学与地理信息系统专业在读研究生
展开
-
纯js实现图片拖拽与缩放
代码如下:请自行把html中的图片src改为你自己的图片路径,之后就能直接运行了。这里要注意,<img>的position必须是absolute,而其父节点的position必须是relative。否则父节点的 overflow:hidden是不奏效的!!!!!<!DOCTYPE html><html lang="en"><head>...原创 2019-12-09 10:46:36 · 1054 阅读 · 0 评论 -
在谷歌浏览器上播放rtmp视频的坑
遇到了很多坑,记录一下。首先,谷歌浏览器默认禁用flash,所以第一步必须是 在浏览器设置-高级-网站设计-flash 改为先询问。第二个坑,谷歌浏览器这个flash设置只能维持到你关闭浏览器前,意思是你每次打开浏览器,都必须重新设置flash第三个坑, 必须把代码放在tomcat等服务器下面,通过服务器访问。你不能直接双击html本地打开网页,那样是出不来的。现在把湖南卫视地...原创 2019-12-07 22:07:40 · 6675 阅读 · 0 评论 -
【搬运】纯css实现气泡
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>气泡</title><link rel="stylesheet" href...转载 2019-06-20 10:42:41 · 1122 阅读 · 0 评论 -
openlayers 图层顺序;在任意位置叠加图层
添加图层时默认将图层放在所有图层的最上面,那么如何在任意位置插入图层呢?根据api,我们可以利用下图所示的两个接口:getLayers与collection的insertAt。具体代码见下。 var ImageVector = new ol.layer.Tile({ source:new ol.source.XYZ({ ...原创 2018-09-26 11:14:50 · 9832 阅读 · 0 评论 -
mapbox-gl.js本地化
mapbox-gl官网地址:https://www.mapbox.com/mapbox-gl-js/api/介绍mapbox-gl.js是mapbox用于web端地图可视化的api。 使用的时候首先要注册个账户,然后获得一个 accessToken。之后在官网例子里可以发现,地图和图标、字体等等的显示都需要这个accessToken,那势必联网。因为项目环境不允许上网,所以需要将...转载 2017-07-29 18:34:44 · 9163 阅读 · 3 评论 -
react最简单的新建方式--Create React App,(附文件路径问题解决的办法)
看了react官方文档,看到利用 Create React App 工具是新建react程序最好的方式。1.安装node.js6以上版本2.npm install -g create-react-app3.新建文件夹,在路径下执行create-react-app my-app进入my-app目录执行npm start4.创建之后目录结构为:my-app/ README.md node_m...翻译 2018-02-28 11:21:08 · 3937 阅读 · 0 评论 -
使用react第一步:搭建环境(webpack)
项目中要用到react,在此总结一下流程。1.安装node.js2.新建一个根目录,名为myapp . 在这个目录下执行命令行npm init顺序输入name等信息此时package.json已生成。因为之后的webpack是本地安装的,所以需要修改一行代码,这样之后我们就能用命令行npm start来进行打包了。 "scripts": { "start": "webpack" },3...原创 2018-02-27 16:27:23 · 3584 阅读 · 2 评论 -
自动补全、自动提示的两种实现方式(前端实现与后端实现)
input输入框有时需要实现自动提示的功能,如下图:那么怎么实现呢?一是使用autocomplete属性,二是直接调用后端的服务。下面分别记录一下代码,以供参考。1.autocomplete引入jquery-ui.min.css与jquery-ui.min.js,代码如下。 $(function() {原创 2018-01-08 16:30:32 · 17753 阅读 · 5 评论 -
【前端】常用工具类网站总结
在这里总结一下自己经常用到的几个网站,以便查找和跳转~~~~原创 2017-11-02 11:25:23 · 364 阅读 · 0 评论