JavaScript
文章平均质量分 68
紫郢剑侠
编程 任是无情也动人~
展开
-
html+css+javascript打造网页内容浮动导航菜单
前段时间把“圳品”信息发布到网站上了,内容包括四大块:按分布区域统计分析按产品类别统计分析按认定时间统计分析河池市“圳品”清单导致网页很长,有同事反映说查看起来不是很方便,于是决定加上一个网页内容浮动导航菜单,把上面这四大块列为菜单项,用户点击相应的菜单项,就跳转到相应的内容,并且提供关闭和收缩、展开导航菜单的功能。原创 2023-11-10 18:17:09 · 1234 阅读 · 16 评论 -
用HTML + javaScript快速完成excel表格信息除重并合并
今天突然接到一个工作,要把两个存储在.xls的主体信息表,除重后合并成一个主体信息表,并且补充主体类型和所在县区这两列信息。完成这项工作的方法有很多,如果信息表中的信息量不大的话,手工处理一下也行,如果信息量大的话,还是由电脑来处理比较好,比如用vba写代码来合并,不过我更喜欢用JavaScript来完成。原创 2023-11-06 18:39:56 · 729 阅读 · 24 评论 -
javascript检测网页缩放演示代码
在网上冲浪,有时在打某个网站时,会提示你的浏览器显示比例不是100%,建议你将浏览器显示比例恢复为100%,以便获得最佳显示效果。那么这些网站是如何检测你的浏览器显示比例的呢?原创 2023-09-15 23:16:32 · 1157 阅读 · 7 评论 -
HTML+JavaScript+CSS DIY 分隔条splitter
现在电脑的屏幕越来越大,为了利用好宽屏,我们在设计系统UI时喜欢在左侧放个菜单或选项面板,在右边显示与菜单或选项对应的内容,两者之间用分隔条splitter来间隔,并可以通过拖动分隔条splitter来动态调研左右两边的宽度。要在网页上实现这种UI界面,也有不少现成的组件,比如jQuery中提供的Splitter.js,不过自已用HTML+JavaScript+CSS来DIY一下,从而加深对HTML+JavaScript+CSS的了解,也是不错的选择。原创 2023-09-03 07:30:00 · 5652 阅读 · 2 评论 -
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
在继续更新完善:C++ 结构体代码转MASM32代码 中,由于结构体成员中可能为数组类型的情况,因此我们在提取结构体成员信息的过程中,需要检测结构体成员名称字符串中是否包括 [],如果包括那么我们要截取'['前面的内容作为成员名称。在用字符串的indexOf()方法检测和定位'['时,发即使字符串数组元素值中包括'[',但返回值仍是-1。深入分析后,找到了原因。原创 2023-08-27 00:16:20 · 600 阅读 · 1 评论 -
继续更新完善:C++ 结构体代码转MASM32代码
由于Windows C++代码中结构体定义代码的惯例和类的定义代码的惯例存在一些不同之处,获取结构体名称时要分清主次,优先检查结构体定义末尾}后是否有结构体名称,有则从此获取结构体名称,没有的话,再从结构体定义首部struct关键字后获取结构体名称。另外,由于类或结构体的成员有些是数组类型的,因此对获取成员名称的代码做了一些改进。原创 2023-08-25 20:15:00 · 496 阅读 · 0 评论 -
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
通过功能分析和代码优化,把这两天写的平台整合成一个功能更完善的平台,提供.生成注释、生成结构体定义、生成结构体成员ANSI字符串定义、生成结构体成员DW Unicode字符串定义4项功能。原创 2023-08-13 18:30:00 · 789 阅读 · 3 评论 -
用HTML+JavaScript构建C++类(Class)代码转换为MASM32代码的平台
在使用MASM32编写Windows应用程序时,经常要调用Windows API接口函数 和 相应的数据结构,这些数据结构中有很多是类(Class),对于那些在MASM32没有定义的类,我们需要自己来转换。手工转换效率太低,我们可以用HTML+JavaScript来构建一个转换平台。原创 2023-08-12 20:00:00 · 630 阅读 · 0 评论 -
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
虽然MASM32 在QEDITOR 的 Conversions里提供了Text to DW UNICODE菜单项功能,但这个菜单项还不能实现自动从类中提出成员属性名称并转换为MASM32的DW UNICODE字符串的格式,所以我们还是先得手工将AccountType、Caption……由于WMI使用的是UniCode(WCHAR),所以我们在MASM32中要将以上成员属性AccountType、Caption……成员少还行,成员多的话就太麻烦了。原创 2023-08-11 23:45:00 · 1097 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统16:更新单个附件说明排版,实现多个附件说明排版
对于多个附件说明,由于从第2个附件说明开始,其文本格式和不带结束标点符号和正文的三级标题是一样的,所以我要结合多个附件说明的第一行来一起来检测。原创 2023-08-08 00:30:00 · 3166 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统1:设计界面
近日,有同事抱怨收到的文件没有按公文要求进行排版,不得不自已动手帮他们擦PP排版,感慨每天都在做这些无意义的事情,浪费生命!于是打算用用html+javascript打造公文一键排版系统。首先是设置界面,主要包括四个部分:原创 2023-07-06 19:23:24 · 929 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统2:显示源码/显示预览、清除格式
我们需要先保留公文的分段信息,在html代码中分段一般是通过这一对标签来定义的,所以我们要保留这个标签的信息,但是中一般还带有属性:所以我们不能直接使用,而是用“原创 2023-07-10 08:52:33 · 2014 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统14:为半角和全角字符相互转换功能增加英文字母、阿拉伯数字、标点符号、空格选项
在昨天我们实现了最简单的半角字符和全角字符相互转换功能,就是将英文字母、阿拉伯数字、标点符号、空格全部进行转换。在实际工作中,我们有时只想英文字母、阿拉伯数字、标点符号、空格之中的一两类进行转换,而其它的保持不变。要实现这些功能,首先要能把全角和半角的英文字母、阿拉伯数字、标点符号、空格匹配出来。比如将半角英文字母转换为全角英文字母,而阿拉伯数字、标点符号、空格保持不变。或者只想将标点符号和阿拉伯数字需要转换,而英文字母、空格保持不变,等等。要想实现这些功能,我们需要增加一些转换内容选项。原创 2023-08-04 23:15:00 · 1288 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统15:一键删除所有空格
这个功能看似简单,但实现起来还是一波三折,还有副作用……原创 2023-08-05 22:15:00 · 629 阅读 · 2 评论 -
用html+javascript打造公文一键排版系统13:增加半角字符和全角字符的相互转换功能
实践发现了bug和不足今天用了公文一键排版系统对几个PDF文件格式的材料进行文字识别后再重新排版,处理效果还是相当不错的,节约了不少的时间。但是也发现了三个需要改进的地方:(一)发现了两个bug:1.二级标题排版格式中css的text-indent属性的单位忘记从em改为pt,结果排版时二级标题显示几乎变成居中了。2.存储温馨提示信息的变量a初始值设为null,结果在输出a时null也被当成字符串符显示了,应设为为""。这两个均已debug了。原创 2023-08-03 23:56:55 · 1219 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统12:删除附件说明中“附件:”里的空格
如果我们在输入附件说明时在“附件:”之间加入空格,那么排版时就要删除这些空格。因为string对象replace()支持正则表达式,于是考虑用replace()来完成。原创 2023-08-03 00:23:33 · 1630 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统11:改进单一附件说明排版
先前写的代码没有考虑到附件说明文字超过一行的情况,所以当附件说明文字超过一行时,排版效果就与规定不一致。我们研究分析word的排版代码,并结合css中的与换行对齐有关的属性,终于实现了规范的排版效果。原创 2023-08-01 23:27:52 · 2067 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统10:单一附件说明排版
在实际工作中我们还要多考虑三种情况:1.掺杂空格2.行末有标点符号3.附件后面的全角冒号错误误输入为英文冒号并做好相应的处理原创 2023-07-31 04:45:00 · 1435 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统9:主送机关排版
主送机关排版看似简单,但要考虑到手工可能输入差错的情况,比如将全角冒号错误输为半角冒号,多输了空格等,我们不仅要考虑并处理这些可能出现的情况,并且给出温馨提示原创 2023-07-30 02:31:37 · 994 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统8:附件及标题排版
要对附件及附件标题进行排版,首先要判断并确认附件及附件标题。其中“附件”标识行有三种情况要统筹考虑,可以通过正则表太式来统一检测,对于用户在输入公文“附件”标识行时不小心在“附”和“件”之间添加了空格这种情况进行检测并给予温馨提示。同时改进了之前代码存在的一个bug……原创 2023-07-27 04:30:00 · 882 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统7:落款排版
要识别公文落款,我们同时对前后相邻两个段落文字p1和p2进行分析,首先,p1段末不含标点,p2内容符合dddd年dd月dd日格式,其中d为阿拉伯数字。还需要计算出发文机关署名和成文日期的宽度,再进行比较。获取字符串宽度的方法有很多种,这里我们利用canvas.getContext().measureText().width来实现原创 2023-07-22 02:19:57 · 1627 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统6:三级标题排版
所以我们要对三级标题进行区分和排版,最简单的判断思路,就是在用indexOf()在段落文本字符串中检索英文点号,如果返回值为-1,说明字符串中不包括三级标题,如果返回值不为-1,那么我们就截取英文点号前的字符串并用正则表达式来检测,如果截取出来的字符串全部是由阿拉伯数字构成,那么这个字符串就包括了三级标题,反之则没有包含。由于段末漏了标点符号,被ptIsALine()误识别为只包含标题的段落,出现这个问题的原因是对于一级标题 和二级标题 ,我们允许其段末没有标点符号。温馨提示:此处是否遗漏标点符号。原创 2023-07-15 04:45:00 · 1073 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统5:二级标题排版
起初以为二级标题判断最简单,只要判断文字中的头一个字符是否为(或(就可以了,如果是就包含二级标题,否则就不包含二级标题。在实践中才发现没那么简单,为此还修改之前写的一些代码……原创 2023-07-14 06:45:00 · 3758 阅读 · 2 评论 -
用html+javascript打造公文一键排版系统4:一级标题排版
要对一级标题进行排版,首先要判断段落文字是否包括一级标题,我们分别使用了两种方法来实现。在确定段落文字包含一级标题后,我们要分析判断这段文字是否只包含标题,还是在标题后面连着正文,再分别进行排版。原创 2023-07-12 02:30:00 · 782 阅读 · 0 评论 -
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
要对公文进行排版,首先要读取公文“参数设置”区中的参数值。比如公文要求对公文标题的一般规定是:一般用2号小标宋体字,居中显示。与“清除格式”一样,我们首先调用getClearInfoArray() 对要排版的内容进行格式清除。主要是使用标签,并通过css把与标题相关的参数值作为的属性。原创 2023-07-10 23:45:00 · 871 阅读 · 0 评论 -
HTML5 + JavaScript绘柱状图
之前用HTML5 + JavaScript绘柱状图,可以直观显示各类型产品或品牌的所占比例大小。为了简便便起见,我们默认标题颜色为黑色,字体为微软雅黑,所以这里没有标题的颜色和字体属性。接着我们与绘制饼图时定义一个饼图对象相类似的,定义一个柱状图对象BarChart。现在需要针对每年获得各类品牌数据进行对比,绘制柱状图会更直观。在初始化方法中,我们可以定义对象内部的一些属性。在柱状图对象BarChart内部有几个方法。第一个是初始化方法init。原创 2023-05-09 00:42:06 · 1704 阅读 · 3 评论 -
HTML5 + JavaScript绘制饼图+1
在这里我们使用了tcCanvas.width,由于tcCanvas是一个实例,在另一个实例中调用这段代码就会出现问题。也就是用this.width 替代 了 tcCanvas.width,增强了代码通过性。利用难得的假期继续改进“圳品”信息系统,在另一个模块中使用之前的Pie()代码编制饼图。改进的代码是把Canvas的width作为一个属性传递进来,即分为两步。却发现饼图标题没显示出来。原创 2023-04-30 22:17:12 · 453 阅读 · 0 评论 -
JavaScript编程实现tab选项卡切换的效果+1
网页中的tab选项卡切换效果一般是使用和匹配来实现的。如果在中嵌套了,和的匹配关系可能就会被打乱,这样显示时就可能出现问题。原创 2023-04-11 23:23:07 · 1973 阅读 · 0 评论 -
你的订婚|结婚纪念日是质数吗?进来测算看看……
2020年5月20日,周鸿祎在其抖音账号发布的“结婚纪念日”视频里表示,挑选结婚纪念日要用质数,因为质数的特性是不可分解。那么你的订婚|结婚纪念日是质数吗?我们可以自己写代码测试一下。原创 2023-04-09 00:45:00 · 426 阅读 · 0 评论 -
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
在编写“圳品”信息系统中,有时需要对二维数组中的数据进行筛选并删除一些元素,比如删除二维数组中首个元素为0的行。运行时发现执行结果有时正常,有时会删除不干净,有遗漏。检查分析后找到了原因……原创 2023-04-08 10:25:24 · 736 阅读 · 0 评论 -
JavaScript从二维数组抽取若干元素组成新二维数组
在编写“圳品”信息系统中,需要从二维数组中抽取元素组成新的数组,新的数组可能是一维的,也可能是二维的。如果的数组是二维的,以map方法来实现的关键在于map方法的返回值。原创 2023-04-04 20:45:00 · 736 阅读 · 0 评论 -
JavaScript从二维数组抽取元素组成新数组的三种方法
在编写“圳品”信息系统中,需要从二维数组中抽取每一行的第1个数元素组成新数组,实现的方法至少有以下三种。大家有什么好的实现方法,请多多指教。原创 2023-04-02 23:34:39 · 5024 阅读 · 0 评论 -
利用eval()打造通用的checkbox全选、全部取消、反选函数升级版+3
“圳品”信息系统中的通用的checkbox全选、全部取消、反选函数内部代码在Edge浏览器中运行正常,但在editplus(应该是调用IE浏览器)中运行时会出错,继续修改……原创 2023-03-30 22:30:00 · 437 阅读 · 0 评论 -
利用eval()打造通用的checkbox全选、全部取消、反选函数升级版+2
昨天对checkbox全选、全部取消、反选通用函数进行的完善,是通过增加传递给函数的参数,把checkbox数量传递给函数的方式来解决的,这样不仅要修改通用函数本身,还要修改相应的调用函数代码,代码维护工作量有点高。那么我们是否能够通过只修改checkbox全选、全部取消、反选通用函数的内部代码,而不改变函数的调用形式来完成对这些通用函数呢?原创 2023-03-29 22:15:00 · 219 阅读 · 0 评论 -
改进“圳品”信息系统网页上的饼图:加标题+文字说明换行显示
继续改进“圳品”信息系统,我们上次绘制的饼图还需要做两点改进:一是要加上标题。一是饼图的文字说明的颜色与对应的饼图区域颜色一致,这样就更加直观了。第二个改进需要考虑换行输出,在这里提供一个正规的方法和一个取巧的方法。原创 2023-03-28 01:30:00 · 267 阅读 · 0 评论 -
JavaScript中单引号和双引号的效果的一点区别
先写为 document.write('');无效果。 改写为 document.write("");才有效果。原创 2015-06-05 18:35:06 · 1898 阅读 · 0 评论