随笔分类 - javascript
摘要:将这行代码改成这个值即可。 1.排查过程,搜索 “字段注入” ,一步步找到 FieldInjection.js 这个类 2.阅读FieldInjection.js这个类的代码,猜想值被清空,是由于设置成空了,于是在下面的方法上加上断点 3.一步步调试进去,找到值突然变空的那一行代码 4.通过直接在b
阅读全文
摘要:一、寻找合适的在线预览Excel的js库 我: 在线预览Excel文件有哪些好用的js库 ChatGPT: 有几个好用的JavaScript库可以用来在网页上实现在线预览Excel文件。以下是一些常见且功能强大的库: SheetJS (xlsx.js): 这是一个功能强大的库,可以在网页上实现Exc
阅读全文
摘要:背景 异步树展开如果要实现展开回调比较困难,因为展开的过程是异步的。 前端:js引擎虽然是单线程执行,但是操作ui的线程是单独的,树的展开过程,就经历了js引擎线程+ui线程的过程,展开代码和展开回调的代码在不同时机执行的,本质上就是异步的。 展开回调的实现 展开回调的实现困难点在于判断展开结束的时
阅读全文
摘要:缓存实现 背景:有时候接口返回的数据短期内是不会改变的,可以对http接口返回的数据加缓存,即减少了后端请求,又加快了前端性能,真是一举两得! 实现原理:用js的Object对象即可实现缓存,{} 表示一个js对象,对象属性名是唯一的可以作为缓存key,属性值就是缓存value 例如: //定义缓存
阅读全文
摘要:背景 项目中用到了vue的element-ui框架,用到了el-tree组件。由于数据量很大,使用了数据懒加载模式,即异步树。异步树采用复选框进行结点选择的时候,没法自动展开,官方文档找了半天也没有找到好的办法! 找不到相关的配置,或者方法可以使用。 经过调试与阅读elment-ui源码才发现有现成
阅读全文
摘要:1.【整数+小数】(包含正数、零、负数) /^-?(0|([1-9][0-9]*))(\.[\d]+)?$/ 2.非负【整数+小数】(包含正数、零) /^(0|([1-9][0-9]*))(\.[\d]+)?$/ 3.【整数+小数】(小数严格保留两位小数)(包含正数、零、负数) /^-?(0|([1
阅读全文
摘要://注意:数字与字符的转换会丢失多余的尾部0('123.010'<->123.01,'123.00'<->123) var NumberFormat = { //按照每3位逗号分隔,字符串截子串法 toCommaFormat: function(number){ //如果是数字,则转换为字符串 if
阅读全文
摘要:js的string变量存储字符串使用的是unicode编码,要保存时必须选择其他编码后进行传输,比如转成utf-8,utf-32等。存储到数据库中为utf-8编码,读取出来如何转换成正确的字符串就成了问题。现在给出解决方案,可以正确支持中文、emoji表情、英文混合的字符串编码互转。 针对emoji
阅读全文
摘要:由于表情字符占4个字节(2个unicode字符),在做删除的时候无法判断,该退格1个字符,还是2个字符,才是正确的。下面介绍判断方法,先看下面的测试图 1.字符串的长度不等于看到的字符串中的字符个数 2.字符串的codePoint遍历可以正确分割出看到的字符 3.charCodeAt和codePoi
阅读全文
摘要:1.表情字符转编码 【C#】 Encoding.UTF32.GetBytes("😁") -> ["1", "f6", "1", "0"] 【js】 "😁".codePointAt(0).toString(16) -> 1f601 【java】 byte[] bytes = "😀".getByt
阅读全文
摘要:一、java保留两位小数方式 二、js保留两位小数 在Google Chrome和Safari浏览器测试的结果 总结: 1.当保留至少一位小数时,js的toFixed方式与java的DecimalFormat和NumberFormat方式一致,结果不确定,四舍五可能不入!当不保留小数时,两种算法不一
阅读全文
摘要:后台数据传递给前端是小数格式,例如:0.2248 前端显示要求为:22.48% 方法,设置tooltip.formatter和yAxis.axisLabel.formatter,两个分别是提示语格式化和Y轴标签格式化。 示例: 另外,如果图上显示了数值,则也需要格式化。格式化方法如下:
阅读全文
摘要://定义网页源码 str = '<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body style="backgroud-color:yellow"><div>文章</div></body></html>'; //定义正则式,匹配
阅读全文
摘要:功能: 1.仅允许指定字符键入 2.限制长度 实现代码:
阅读全文
摘要:原理:利用css3 transform 属性 代码:
阅读全文
摘要:最近参与了cocos creator的研究,开发小游戏,结果被一个事件坑得不行不行的。现在终于解决了,分享给大家。 原理 1.触控事件是针对节点的 2.触控事件的冒泡,是一级一级往上冒泡,中间可以阻止冒泡 3.父节点不响应触控事件,注意看父节点的位置、大小等,如果触点位置不在父节点区域内肯定不能触发
阅读全文
摘要:1.定义函数,函数中定义类对象 f1=function(){ //定义类 function Pannel(name){ this.name = name; this.print = function(){ console.info(this.name); }; } //扩展类方法成员 Pann...
阅读全文
摘要:方法1 方法2 经过测试第一个方法效率明显高出不少。 测试代码 进行10万次调用测试后,方法1耗时为0-1毫秒,方法2耗时为38-41毫秒。所以建议使用方法一,进行计算年月的天数。
阅读全文
摘要:直接上代码,原理之前的随笔已经讲过了。http://www.cnblogs.com/hdwang/p/7115835.html 1.先看看效果 2.html代码,含js代码 2.1 common.js 2.2 home.ftl 3.后台代码 3.1 分页参数对象 3.2 数据返回对象 3.3 数据实
阅读全文
摘要:当表格的列比较多的时候,可能就需要固定表格的宽度了,默认的100%宽已经不适应了。默认的100%宽要实现改变窗口大小也100%的话,在table元素上添加width="100%",至于css的100%为什么不生效,原因未知。下面就说说设置如何给datatables设置固定的宽度。 1.html代码
阅读全文