前端
焦志坤
一名程序猿的自我救赎之路
展开
-
echarts+百度地图+关系图,使用介绍
echarts+百度地图+关系图,使用介绍前言最近有一个需求:做一个关于全世界专家信息的展示,需要在地图上显示其位置以及互相之间的关系,于是想到了使用echarts来实现这个功能。一、echarts1.1 介绍ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。1.2 使用简介地址:echarts地址文档:进入网址之后按照下图即可看到官方教程,此处不再做赘述示例:点击示例即可看到各种各样的表格(反正就是花里胡哨的)引用:那么接下来原创 2021-08-25 16:28:16 · 2052 阅读 · 4 评论 -
flask+layui实现前后端文件传输
flask+layui实现前后端文件传输此处不再赘述flask跟layui的基本配置了前端:可以查看文档https://www.layui.com/demo/upload.html效果图代码前端(注:大多数是layui中的部分,需要关注的是前后端文件传输部分)<button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button><div class="la原创 2021-08-02 10:39:45 · 2445 阅读 · 2 评论 -
layui中form表单提交使用ajax,页面依然跳转问题解决
layui中form表单提交使用ajax,页面依然跳转问题解决场景:在使用form表单的时候发现页面总是会跳转并没有走到ajax中(代码如下文件引用部分不再展示)<form class="layui-form " id="form_show_json" > <div class="layui-form-item"> <label class="layui-form-label">选择框</label> <div class原创 2021-07-31 16:05:13 · 2249 阅读 · 0 评论 -
layui表单中下拉列表动态添加option
layui表单中下拉列表动态添加option总结:防止读取乏味,这里先总结一下“layui中给表单下拉列表动态添加option一定要在添加完成之后刷新表单(form.render())否则将死活不显示”今天用layui做下拉列表动态添加option的时候发现如下场景(两种方式我认为是同样的但是却效果不一样)场景:我从后端传入前段了一些数据,存放到列表中(file_name),我想要在前段动态的添加file_name中的内容操作:里面需要引用的js和css文件没有引用,这里只说明现象 &l原创 2021-07-30 17:19:02 · 2202 阅读 · 0 评论 -
js实现蒲公英特效
js实现蒲公英特效创建dandelion.js,添加如下代码,在html中引用这个js文件即可!function () { function n(n, e, t) { return n.getAttribute(e) || t } function e(n) { return document.getElementsByTagName(n) } function t() { var t = e("原创 2021-07-27 19:45:02 · 476 阅读 · 0 评论 -
json数据前端页面显示和修改(亲测好使)
json数据前端页面显示和修改(亲测好使)一、显示需要装备:jquery.js 、json_viewer(github下载地址)下载之后找到jquery.json-viewer-master/demo.html双加打开demo.html可以看其加载的状态用编辑器打开demo.html可以看到,引用到如下文件具体如何操作,就直接参考这个demo.html就可以了,举例如下(注:id不要修改哦)<!DOCTYPE html><html> <head>原创 2021-07-27 17:52:05 · 3406 阅读 · 0 评论 -
js实现endwith方法
js实现endwith方法<script>String.prototype.endWith = function (endStr) { var d = this.length - endStr.length; return (d >= 0 && this.lastIndexOf(endStr) == d) }// 调用var test = 'test.html';console.log(test.endwith('.html'))原创 2021-07-27 10:37:29 · 4037 阅读 · 1 评论