后台页面使用iframe布局的可以记录下，方便后面使用的时候查找self.location.reload();使用上述命令可以刷新当前的iframe框架，而不刷新整个页面，或者直接使用以下命令刷新当前页面window.location.reload(true);如果刷新父窗口iframe可以使用下面命令parent.location.reload();也可以刷新指定id的iframe，#main就是frame的iddocument.getElementById('#main').src=src;...
需要用到的记录下，主要使用js中setTimeout延迟每一秒获取当前时间<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>test jquer orgs</title><script type="te...
之前做图标和曲线，直方图都是用echart，一直觉得用这种框架做一些小图表太过于笨重，于是找到了这个sparklines的jq插件，下面我们来介绍下sparklinessparkline是一类信息体积小和数据密度高的图表。目前它被用作一些测量，相关的变化的信息呈现的方式，如平均温度，股市交投活跃，sparkline常常以一组多条的形式出现在柱状图，折线图当中sparklines插件官网https://omnipotent.net/jquery.sparkline/#s-about具体官网给了一个demo例子，我们来看看，注意使用的时候我们还是需要先引入j...
leaflet使用手册，先记录下，以后用的上L.MapAPI各种类中的核心部分，用来在页面中创建地图并操纵地图。Constructor（构造器）通过div元素和带有地图选项的描述的文字对象来实例化一个地图对象，其中文字对象是可选的。Options(选项)Map State Options（地图状态选项）centre（中心）：初始化地图的地理中心。zoom（缩放）：初始化地图的缩放。layers（图层）：初始化后加载到地图上的图层。minZoom（最小视图）：地图的最小视图。可以重写地图图层的最小视图。max...
在老外的网站找到了这个，自己修改了下，顺便记录下来，方便以后使用，这个用法在之前记录的leaflet基础上添加首先我们引入歪果仁写的js和css<link rel="stylesheet" href="{{ url_for('static',filename='leaflet/leaflet-search.css') }}"/><script src="{{ url_for('stat...
前一篇博客记录了使用folium配合openstreetmap地图瓦片展现地图并标注地图组件，这里介绍一篇使用leaflet的使用教程，达到的效果和之前一片博客差不多，具体可以查看博客内容：https://sulao.cn/post/701.html首先我们需要去https://leafletjs.com/download.html下载最新的leaflet文件，因为我是本地的离线地图，所以我们瓦片需要提前下载好，通过IIS提供瓦片图片的访问，因为后端用的flask对图片资源等代理不太好，所以用的IIS直接上我的示例代码：{% include&n...
使用layui来写前端一般效果功能让工作减轻了不少，但是在实际的开发中还是遇到了一些个问题，今天就遇到一个问题，本博客文只是用来记录和简单分析下这个问题我在同时使用模板引擎和其他模块遇到了其他模块失效的问题因为使用模板引擎以后如果将绑定元素的ID放在模板引擎中进行绑定会出现绑定不上的情况，所以我们在需要操作的dom上绑定的ID，这个dom最好写在html中而不是模板引擎中，例如我的代码<div class="layui-warp"> <div cl...
在字符串中查找字符串好几种方式，下面我们来看看1.使用indexOf方法var str = "sulao";console.log(str.indexOf("su") != -1); //trueindexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回-12.使用search方法var str = "sulao";console.log(...
canvas元素使用JavaScript在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法绘制之前我们需要先创建一个canvas元素到网页<canvas id="draw" style="width: 640px; height:480px; border: 1px solid #EEE;"></canvas>然后我们绘制一个无填充的矩形...
layui第三方扩展插件，现在也有一些比较好用的插件了，但是大家可能还没能了解怎么使用第三方扩展插件，今天这里给大家讲下如何使用第三方插件官方这里有说明https://www.layui.com/doc/base/modules.html，但是我们看的还是有点晕，需要一个实例来清醒下头脑layui.config({ base: '/static/js/'});layui.use(['form', 'multiSelect',&nb...