12 2021 档案
摘要：【需求】 有若干实质为SQL的变量，取值后生成文件下载，需要拟定一个不容易重复的初始名，本以时间戳命名，后发现过长且不好记忆。 【解决方案】 从天干中取一个随机值，从地支中取一个随机值，合成初始名。此名兼具简短、重复率低和易记的特点。 【JS代码】 // // 使用天干地支生成名字，有简短重名率低的
阅读全文
摘要：【需求】 某应用有一耗时任务，目的是取出一批员工数据显示在页面上，但由于奇特的网络环境，每次调用都要数秒，客户要求在页面上动态显示耗时。 【坑】 动态显示耗时，多会用spanId，setInterval(funciton,mseconds),clearInterval(handler),startT
阅读全文
摘要：1 1. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计时器</title> <style type="text/css"> </style> </head> <body> <table border=1> <tr> <td
阅读全文
摘要：<!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>回调函数示例</title> <style type="tex
阅读全文
摘要：效果： 实现一：绝对定位加精算 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>圆角Img示例</title> <style type="text/css"> .parentDiv{ width:200px; height:40
阅读全文
摘要：制作圆角的关键在于设置img的border-radius属性。 先上效果图（此效果在最新FF和貌似老旧的Editplus3中都好用）： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>圆角Img示例</title> <s
阅读全文
摘要：问题：某网页中用表格做了一左一右一下三个单元格，每个单元格里各放一个div，运行时发现右div里内容过多会覆盖下方div。 解决方案：给右div设置min-height或是设置display为table或是table-cell，设置后当右div被内容撑开时，所在的td也会跟着撑开，这样原始的一左一右
阅读全文
摘要：源码下载：https://files.cnblogs.com/files/heyang78/hvcenter_211214.rar 实现一：（在Editplus和chrome都通过） 先上图： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-
阅读全文
摘要：方法描述 concat() 连接两个或更多的数组，并返回结果。 copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。 entries() 返回数组的可迭代对象。 every() 检测数值元素的每个元素是否都符合条件。 fill() 使用一个固定值来填充数组。 filter()
阅读全文
摘要：通过元素的ID名获取元素：getElementById();通过元素的Class名获取元素集合：getElementsByClassName();通过元素的种类获取元素集合：getElementsByTagName();通过元素的name名获取元素集合：getElementsByName();创建一
阅读全文
摘要：如下代码创建了一个水平进度条，随着水平进度条的发展，逐个显示table中的每个li元素，显示顺序由li元素的order属性控制。 代码如下，就不多解释了，懂得都懂。 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type"
阅读全文
摘要：改字体颜色： node.style.fontSize="123px"; 改颜色（用在父节点上）: parent.style.color="red";
阅读全文
摘要：var startTime=new Date(); ....... var now=new Date(); var diff=(now-startTime)/1000; var d=parseInt(diff/86400); var h=parseInt(diff/3600)-24*d; var m
阅读全文
摘要：效果图： 以上图文混排效果实现的核心是设置img的float为left，其它都是常规设置。 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：总结： 通过代码可以发现，第一种方式是通过拼合字符串实现的，参数较多时不推荐；第三种方式是把函数要用的值存到节点属性里，虽然可以但也有一定依赖性；第二种方式虽然写法怪异，但侵入性最小，熟悉自执行函数+闭包的语法后是最值得推荐的。 代码如下： <!DOCTYPE html> <html lang="u
阅读全文
摘要：遍历列表，找出id，然后添加修改删除链接有多种实现方法，其中一种就是利用自执行函数+闭包形成id不同的链接。 常见实现方法： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html;
阅读全文
摘要：在输入框中输入回车执行动作也算页面控件常用操作项之一了，故把代码整理出来放在这里。 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
阅读全文
摘要：说明： arguments对象是JS函数里才有的对象，它是个指向输入参数的数组，通过下标我们就能访问每个参数； 而将{n} 替换成arguments[n+1]是通过JS的正则表达式替换做到的。 有了这两项，printf的核心技术就展现无遗了。 代码： <!DOCTYPE html> <html la
阅读全文
摘要：该模板设置了utf-8，预置了css、js空间，适合快速开始进行网页编程。 模板代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <
阅读全文
浙公网安备 33010602011771号