![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端知识
程序员不丑009
这个作者很懒,什么都没留下…
展开
-
【JS】时间格式化,及时间加减
JS时间格式化,及时间加减。原创 2022-11-03 15:15:42 · 501 阅读 · 0 评论 -
[H5]使用JavaScript将字符串下载为文件
使用JavaScript将字符串下载为文件原创 2022-09-05 21:41:23 · 1174 阅读 · 1 评论 -
【Bootstrap TreeView】添加定位按钮
项目中使用TreeView做图层管理功能,当选中某个图层时需要在这一行动态添加一个定位按钮,点击按钮能够定位到此图层。网上查阅资料,解决方法是修改节点的text属性,把text文本和按钮的HTML拼接在一起。var button = "<div style='float:right;'>定位</div>";$("#layerTree").treeview("editNode", [node.nodeId, { text: node.text + button}]);原创 2021-07-20 16:45:10 · 467 阅读 · 0 评论 -
【Echarts】三维地图叠加柱状图
代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>echarts 地图</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquer..原创 2021-06-29 15:15:38 · 1288 阅读 · 0 评论 -
【Echarts】二维地图叠加柱状图
代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>echarts 地图</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script src..原创 2021-06-25 10:14:47 · 1091 阅读 · 0 评论 -
【Echarts】加载二维地图
效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>echarts 地图</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script原创 2021-06-22 16:58:03 · 579 阅读 · 0 评论 -
jQuery的MVP模式和Vue的MVVM模式
MVP设计模式。M指数据层,V指视图层,P指控制层。M:数据层,用于请求数据;V:视图层,用于DOM展示数据;P:控制器,控制数据层去请求数据,以及控制视图层展示数据。例如,点击视图层的按钮,触发控制器里面的方法。控制器可以直接改变视图,比如操作DOM、增添样式;控制器也可以触发数据层去请求数据,然后再用返回的数据来填充DOM,改变视图。这就是上图展示的含义,可见控制层是MVP模式的关键。在MVP设计模式里,有很大一部分精力用在了操作DOM上。在大型项目中这一问题更为明显,大概有30原创 2021-04-22 17:29:31 · 707 阅读 · 1 评论 -
【JavaScript】JS中变量的作用域
前几天在项目开发过程中发现两个if语句当中定义相同的变量,居然会相互影响。代码大概如下所示:if (1 == 1){ var obj = {name: "hello"}; $("body").click(function () { alert(obj.name) })}if (2 == 2){ var obj = {name: "Hi"}}点击事件触发后,发现输出的是Hi。我当时就考虑到应该和JS变量的作用域有关,所以就去学习了一下,并写下原创 2021-01-25 13:47:53 · 650 阅读 · 0 评论 -
【JavaScript】数组的遍历方法
1、for循环遍历var arrayA = [1, 2, 3, 4, 5];for (var i = 0; i < arrayA.length; i++){ console.log(arrayA[i]);}2、forEach遍历var arrayA = [1, 2, 3, 4, 5];arrayA.forEach(function (item, index, array) { console.log(item)})这个写法来自于ES5。代码简洁,但是有一原创 2020-12-09 17:50:00 · 197 阅读 · 1 评论 -
【jQuery】对动态添加的元素绑定事件
jQuery的出现,大大简化了对dom的操作。对点击事件的绑定,有两种常用的方法。第一种是$(“selector”).click(callback);第二种是$(document).on(“click”, “selector”, callback)。1、$(“selector”).click(callback)<li class=”liClass”>1</li><li class=”liClass”>2</li><script>$原创 2020-11-19 16:44:08 · 312 阅读 · 0 评论 -
[JavaScript] this的指向 (1) [非严格模式]
this的指向在函数定义的时候是不能确定的,只有在函数执行的时候才能确定它的指向。实际上this的指向的是调用它的那个对象。例一:function user() { var name = "憨憨"; console.log(this.name); // "" console.log(this); // window}user(); // 等价于 win...原创 2019-12-03 10:49:32 · 161 阅读 · 0 评论 -
html上下布局,上方高度固定,下方高度自动填满
要实现如下图所示的布局:说明:这种页面布局十分常用,上方为固定高度,下方自动填满下方高度;下方左侧为固定宽度,下方右侧自动填满剩余宽度。<style>html,body { height: 100%; padding: 0; margin: 0; }.outer { height: 100%; position: relative; }.A { height: 1...原创 2018-03-29 11:18:38 · 19474 阅读 · 0 评论 -
jQuery多级列表树插件bootstrap-treeview
效果图:实现代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>树形菜单</title> <style> @import "css/bootstrap.min原创 2018-11-26 08:43:13 · 1296 阅读 · 0 评论