HTML/HTML5
sinolzeng
这个作者很懒,什么都没留下…
展开
-
自制单选多选日历文本框文本域控件
/*目前有三个控件,版本号2021.06.23增加各种控件随滚动条自由移动的功能单选控件:ZZSOption(id,[1,2,3],offsetHeight:20,placeholder:"123",onlytips:true});offsetHeight是高度向下偏移量placeholder是默认值onlytips表示placeholder的内容是否是可用的实际值,还是只是一个提示语,默认true,只是一个提示语,当为false时则是一个默认值,用Widget.getResult()的时.原创 2021-06-23 18:02:46 · 469 阅读 · 0 评论 -
用JavaScript读取excel并按列转换为数组
首先说一下,ie浏览器有个ActiveXObject的属性,可以很方便的操作excel,网上也有很大教程,就不再赘述了,自行百度。如果是非ie浏览器的,则需要用到html5的FileReader属性,以及网上的js-xlsx库。微软的xlsx格式本质上是一个zip。而FileReader可以将文件读取成二进制流,通过一定解码即可将zip的二进制流给解析出来,之后的处理sheet以及单元格内容就简单了。如果想要完全自己写,需要对xlsx的压缩编码机制有非常深入的了解。国内网上几乎搜不到半点资料,国外稍有一原创 2021-03-05 14:46:51 · 2653 阅读 · 0 评论 -
用JavaScript实现列数据的标出重复项和去重(解决科学计数法的excel数据去重异常问题)
是这样,通常情况下标出重复项和去重复项这种比较简单的工作交给excel就可以了,但是excel有时候会出现无法处理的情况,比如说一串数字太长,会自动用科学计数法来表示,这个时候如果标出重复项就会出现乱标记的情况,如果将多位的数字转换成字符串也会时好时坏,百度搜了许久,无果。我默默的问候了一下excel的开发者的母亲,然后决定自己搞一个,于是就又多了一个小工具:<!DOCTYPE html><html><head> <title>标出重复项<原创 2021-02-24 10:04:42 · 472 阅读 · 0 评论 -
用JavaScript实现简单的excel列转sql字符串
老惯例,先简单解说一下再上代码。有时候会有这样的业务场景,即需要在sql的某些条件里面大量用到in或者not in进行筛查。我们知道,in里面的内容其实就是字符串然后用逗号隔开。这个工具的作用就是把excel列的内容,如:苹果梨子樱桃转换成:("苹果","梨子","樱桃")非常简单,这样就可以放到sql里面去用了。<!DOCTYPE html><html><head> <title>excel列转sql字符串</t原创 2021-02-24 09:52:15 · 226 阅读 · 0 评论 -
将oracle select * from all_tab_comments where comments like ‘%XXXX%‘查询结果转为select语句
oracle查询表格的时候会有一句 select * from all_tab_comments where comments like '%XXXX%'就能查到相关注释的一些表格,这些表格有时候很想跑出来看一下,我用的是pl/sql,一个个复制很麻烦,所以就想到自己写一个js小工具,复制两列,第一列是项目空间,第二列是表名,比如:项目空间 表名 注释deparment Personnel 人事部信息deparmentRD ...原创 2021-02-24 09:44:24 · 775 阅读 · 0 评论 -
用html和js写一个直接在页面运行js的页面
这个需求是这样,有时候需要对一些js进行调试,但是每次都在浏览器按f12会有点麻烦,写了这样的一个界面之后,就可以直接在html界面上直接跑js了。废话不多说,上代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>直接运行js</title></head><body style="margin:0;padding:0;wid原创 2021-02-24 09:34:21 · 1077 阅读 · 0 评论 -
使用帆软finereport实现跳转的一点心得
最近单位在用帆软做快速开发,我虽然比较熟悉JavaScript和HTML,自己从零开始造轮子效果可能更好,但是毕竟局里想要使用这个,又是团队项目,自然是能省事就省事一点,有得用就用吧,年纪大了,我也就懒得自己造轮子了。情人节那天跟我出来喝茶的女孩,我还送了她轻松熊的,正月初七就换了不知道和谁的情侣头像,初六晚上还和别人去看那部电影《你好,李焕英》,不用问我为什么知道这件事,我是个早就被伤害到千疮百孔的人,我真的是麻木了,彻底的麻木了,想起以前大学第一次表白被拒那会我伤心了两年,而现在,我伤心不到两个小时原创 2021-02-22 17:33:23 · 7006 阅读 · 2 评论 -
用javascript自制ctf词频分析工具
不废话,上代码:<!DOCTYPE html><html><head> <title></title></head><body style="margin:0;width:100%;height:100%;"><!--created by zengzhaosi--><p style="background-color:deepskyblue;width:100%;height:50px;原创 2021-02-21 15:42:28 · 1170 阅读 · 1 评论 -
转载:JavaScript,JS如何控制input输入字符限制
转自:https://www.cnblogs.com/acetaohai123/p/6571784.htmlENTER键可以让光标移到下一个输入框<input onkeydown="if(event.keyCode==13)event.keyCode=9" >只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">屏蔽输...转载 2021-02-19 16:32:33 · 837 阅读 · 0 评论 -
转载:js模板引擎
全球最快的JS模板引擎废话不多说,先上测试:亲测请访问:【在线测试地址】单次结果不一定准确,请多测几次。tppl的编译渲染速度是著名的 jQuery 作者 John Resig 开发的tmpl的43倍!与第二名 artTemplate 也有一倍的差距。似乎每一个大公司都选择自己开发模板引擎并将其开源,结果就是社区充斥着数不清的引擎,让人眼花缭乱无从选择。随着时间的流逝,越来越多的功能被添加进去,最终让一个强悍的发动机变成了一台臃肿复杂零件生锈的拖拉机。天呐,我就想网页面里插一...转载 2021-02-19 15:38:32 · 205 阅读 · 0 评论 -
用javascript制作随机汉字打字练习小程序
这个是上一篇的续集。也是2020年年底的时候给银行妹写的小程序,对我来说已经没什么卵用了。但是,还是在CSDN里面留着吧,就像之前用python给那个叫xc的渣女写的转换器一样。于我是无用之物,但是发出来也许能够给广大网友一点点帮助,那也算是挺欣慰的了。至少,就算是爱情永远无望,我起码还有代码永远相伴吧。<!DOCTYPE html><html><head> <title>打字练习</title> <meta http-equi原创 2021-02-11 11:22:26 · 898 阅读 · 0 评论 -
用javascript实现一个打乱文字小程序
是这样,2020年11月到12月的时候,经别人介绍,认识了一个相亲女孩,是在银行上班的。他们需要考打字,就是考你打字的速度,我就简单的用js代码生成一个可以打乱文本字序的小程序。这个东西实在是太简单了,本来都懒得发,但是编程这种东西吧,有轮子就要把轮子存起来,简单归简单,以后如果有需要用到重新写的话还是要花些时间。如果存在我自己的博客里面,以后有需要用到就直接把代码复制下来就可以了。所以,我一直提倡,轮子再简单也不要随便扔,尤其是自己造的轮子。造轮子不是什么坏事,至少对学习来讲,不是什么坏事,但是对原创 2021-02-11 11:18:11 · 665 阅读 · 5 评论 -
用javascript实现数字雨
数字雨这个东西,无数人写过了,我这个是上课无聊写的版本,纯属娱乐,没有经过性能优化的版本。和别人不太一样的是我这个版本用了ascii码,数字会变化,就是性能不佳,懒得优化。和之前的太阳系模型、小人互殴系统一样都是拿来伪装成动态壁纸的。<!DOCTYPE html><html><head> <title>number rain</title></head><body style='background-col原创 2021-02-11 11:07:54 · 587 阅读 · 1 评论 -
用javascript实现简单的物质(密度)分布图
可能这个东西大部分人看名字都觉得云里雾里,先不废话,上张图:在游戏开发的时候,经常生成各种各样的随机地图,在这些随机地图里面,往往需要随机的物质分布。典型的场景,比如牧场物语这类农场养成类的农地上的杂草,在长度x和宽度为y的范围内生成杂草。又或者,像泰拉瑞亚这样的游戏,需要在一定范围内生成随机的矿物质分布图。那么,这种东西要怎么实现呢?实现方法其实很多,我在外网找到的很多教程都把简单问题复杂化了,用到了很多算法。不是说算法不好,而是对性能的要求比较高,如果是前端开发,自然是越简单原创 2021-02-11 11:00:14 · 594 阅读 · 0 评论 -
百度网盘javascript加速视频播放速度
RT,打开控制台(F12),在线播放百度网盘视频的时候,用以下指令即可调节播放速度,因为百度网盘的下载速度惨不忍睹,有时候在拼夕夕上面购买一些课程视频的时候就可以用这种方法加速观看了。videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1)一倍速videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(2.5)二点五倍速...原创 2021-02-11 10:40:48 · 822 阅读 · 0 评论 -
用javascript打造一个简单的小人互殴系统(实现javascript游戏基本要素:生命值、伤害、移动、闪避等)
这个东西,还是和上次那个太阳系模型一样,是我在在职MBA课堂上无聊时随便做的,图片是随便弄的,因为是闹着玩的,所以并没有使用html5或者svg。简单说,这个东西给人物加了碰撞检测和血条、伤害计算等等一些游戏里面最基本的元素,每个小人会随机选择场上的另一个小人为目标向它发射攻击的球球,球球如果命中敌方,敌方就会受到伤害,血量为零就挂了。每个小人都会在画面里面随机移动,至少不能傻站着挨打吧。没考虑那些什么复杂的闪避了,毕竟只是我随手之作,之所以发到CSDN上面仅作备忘之用,当然,也许可以给无意间搜到我原创 2021-02-11 10:35:48 · 621 阅读 · 2 评论 -
用javascript伪造太阳系模型系统
这个东西,是我在读在职研的课堂上无聊的时候随便弄的,实现了椭圆和圆形的轨道运转。这些东西吧,其实都是很简单的,在游戏领域,轨道运动是很有意义的,我就顺便把代码po出来,做备忘吧。由于是无聊时的即兴之作,并没有考虑性能优化和使用html5的canvas或者svg,只是用了最简单的div而已,要想用html5请自行实现了。<!DOCTYPE html><html><head> <title></title></head>原创 2021-02-11 10:15:05 · 231 阅读 · 1 评论 -
解决python时间戳最大为3001年1月1日15时59分59秒的问题
自己写个python函数解决python时间戳最大为3001年1月1日15时59分59秒的问题我没有深入研究过python的时间戳原理,但是一旦时间超过3001年1月1日15时59分59秒就会报错,难道这一天是传说中的世界末日吗?我很奇怪为什么很久没写csdn的文章了,写文章的界面会变得如此之恶心,连标题栏都没了。csdn真的是决心在dog带的路上狂奔到底吗?不罗嗦了,直接商代码吧:import mathdef calcTimeStamp(t): #时间戳的原点是1970年1月1日0原创 2021-01-11 22:56:29 · 913 阅读 · 4 评论 -
CTF 大小写字母转换 try lower and upper
今天做CTF练习题的时候碰到这样一道题,挺有趣的,记一下。题目只有一个加密压缩包,里面就有一个flag.txt的文件,显然就是需要设法破解出这个压缩包的密码。另外题目有一句话写着trylowerandupper。直译就是试试小写和大写。直接用这个作为密码,发现无效,全部转成大写,发现也无效。想了一下,可能正确的密码应该就是把这句话的部分字母改成大写,部分字母改成小写。那么我们的思路就是去生成这样的一个字典,然后用跑字典的软件ARCHPR去跑一下。trylowerandupper这句话共有原创 2020-09-03 12:46:54 · 1106 阅读 · 0 评论 -
块级元素 Vs 内联元素
HTML的元素可以分为两种:块级元素(block level element )内联元素(inline element )二者的区别如下: 1. 块级元素独占一行(除非显示修改元素的display属性),内联元素在一行内显示; 2. 块级元素可以设置width、height属性,而内联元素设置这些属性无效; 3.转载 2014-10-14 19:41:38 · 600 阅读 · 0 评论 -
html5中不再支持table的cellspacing和cellpadding属性
如果你现在开始用html5的声明来写页面时,你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除,需要定义边框之类的时应该使用css的写法。具体实现如下:转载 2014-10-21 10:37:29 · 17336 阅读 · 0 评论 -
HTML5 Canvas 旋转
旋转与移动一样,Context对象能够调用rotate()方法来按一定的夹角转动Canvas画布。rotate()方法的原型如下:void rotate(radian);用于将Canvas画布顺时针转动到与原x轴(横轴)方向成radian角的位置,radian按弧度制,转动后x轴方向同时发生改变。同样,旋转将不会影响到已经绘制的图形但是会影响其它由该Canvas生成的Context对象转载 2014-10-14 10:24:59 · 1127 阅读 · 0 评论 -
设置span的宽度
在默认的情况下,利用css样式对span进行宽度设定是无效,但有时为了某种排版的要求,需要对span进行宽度设定,那么如何在html中利用css样式设定span的宽度?思路:这看上去是个很简单的问题,似乎用style中的width属性就可以。然而通过试验以后发现,无论是在Firefox还是IE中都无效。在css2的标准中,查阅关于width的定义,我们可以发现,原来css中转载 2014-10-30 12:07:39 · 570 阅读 · 0 评论 -
网页中返回顶部代码(多种方法)另附注释说明
下面就说下简单的返回顶部效果的代码实现,附注释说明,最简单的静态返回顶部,点击直接跳转页面顶部及用js模拟滚动效果上滑至顶部转载 2014-10-21 10:35:40 · 827 阅读 · 0 评论 -
透彻理解块级元素的宽度
作者按:又翻出来一篇5年前(2006年12月28日)写的关于盒模型的文章,都不知道参考了哪本书了。只能凭印象感谢 Eric Meyer 的《CSS权威指南(第2版)》(The Definitive Guide, 2nd Edition)——因为当时作为练习刚翻译完这本书。内容提要 透彻掌握CSS可视化模型的原理,可以让我们准确判断某个意外行为到底是因为CSS样式问题,还是CSS解析引擎转载 2014-10-30 12:06:38 · 4422 阅读 · 0 评论 -
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
在canvas画线条这篇文章中,我讲了画直线的方法,按理这篇画曲线的文章早该发了,但由于canvas画曲线比较特殊,我还没摸透,所以要一步步尝试。canvas里画曲线的难点之一,就在于他连曲线的函数就有4个!分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧。arc的作用是画一个正规的圆弧,可以是一个完整的圆,也可以转载 2014-10-14 10:22:14 · 1776 阅读 · 0 评论 -
JSON与XML的区别比较
1.定义介绍(1).XML定义扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一,跨平台和语言,早已成为业界公认的标准。XML是标转载 2014-11-07 17:42:15 · 449 阅读 · 0 评论 -
HTML5实战—canvas绘图之贝塞尔曲线
1、二次贝塞尔曲线 quadraticCurveTo(cpx,cpy,x,y) //cpx,cpy表示控制点的坐标, x,y表示终点坐标;数学公式表示如下:二次方贝兹曲线的路径由给定点P0、P1、P2的函数B(t)追踪:转载 2014-10-20 16:17:34 · 1146 阅读 · 0 评论 -
Sublime Text 3 Build 3008 免序列号破解版 By Hmily 【更新并去升级功能】
程序员文本编辑器 Sublime Text 3 Build 3008 全平台破解版,windows 32 bit or 64 bit、Ubuntu 32 bit or 64 bit、OS X全部支持。Sublime Text 是一个轻量、简洁、高效、跨平台的编辑器。Sublime Text 的特色功能:良好的扩展功能,官方称之为安装包(Package)。右边没有滚动条,取而代之的是转载 2014-11-20 09:22:26 · 2706 阅读 · 0 评论 -
关于HTML下overflow-y:auto无效、清除HTML默认边距、解决去除手机访问网页时的左右多余空白的三个方法汇总
在html中,如果想让某个子DIV出现over-flow原创 2014-11-22 10:51:08 · 14678 阅读 · 0 评论 -
教你网站怎么添加返回顶部代码?
网站添加返回顶部有好几种,下面我简单介绍下:1 使用文字添加方法最简单的是:最简单的“返回顶部”代码就是“返回顶部”(不包括引号),(0,0)代表座标,第一位是水平,第二位是垂直,(0,0)就表示网页左上角,文字部分(返回顶部)可以自由替换成自己需要的内容,比如也可以用“TOP”都可以。转载 2014-10-21 10:41:30 · 1497 阅读 · 0 评论