不到30行射流研究…代码实现超过表格的方法
本文实例讲述了不到30行射流研究…代码实现超过表格的方法,可见jQuery并非不可替代。分享给大家供大家参考。具体分析如下:
某国外程序员展示了一个由原生射流研究…写成不依赖第三方库的,Excel表格应用,有以下特性:
由不足30行的原生Java脚本语言代码实现 不依赖第三方库 Excel风格的语义分析(公式以'=' 开头) 支持任意表达式(=A1 B2*C3)防止循环引用 基于localStorage的自动本地持久化存储
效果展示如下图所示:
代码分析:
半铸钢钢性铸铁(铸造半钢)略,HTML核心仅一行:复制代码代码如下:表/表
Java脚本语言代码如下:复制代码代码如下:为(var I=0;i6;I){ var row=document。queryselector(“表”).insertRow(-1);for(var j=0;j6;j ) { var字母字符串. fromCharCode('A ').charCodeAt(0)j-1);row.insertCell(-1).innerHTML=ij? i | |字母;}}var DATA={},INPUTS=[]。切片。调用(文档。query selectorall(' input ');输入。函数。onfocus=function(e){ e . target。值=本地存储[例如目标。id]| | ' ';};榆树。on bulr=function(e){ local storage[e . target。id]=e . target。价值;computeAll();};var getter=function(){ var value=本地存储[elm。id]| | ' ';if(值。charat(0)=='='){ with(DATA)返回eval(值。子串(1));} else { return isNaN(parseFloat(value))?值: parseFloat(值);} };object . definepreproperty(DATA,elm.id,{ get : getter });对象。define property(DATA,elm.id.toLowerCase(),{ get : getter });});(窗口。computeall=function(){ inputs。foreach(function(elm)){ try { elm。值=DATA[elm。id];} catch(e){ } });})();
其实通过上文我们可以看出最核心的几步使用了电子邮件5和HTML5的特性,如:
querySelectorAll:提供类似jQuery选择器的查询,由此可见,第三方射流研究…库如jQuery并不是必不少的。
复制代码代码如下: var匹配=文档。queryselectorall(' div。注意,div。alert’);
定义属性提供了类以爪哇的获取,设置访问/设置预处理方法,还有其他一些配置属性,如:是否可配置,可枚举等。复制代码代码如下:Object.defineProperty(o,' b ',{ get : function(){ return Bvalue;},设置:函数(新值){ b值=新值;},可枚举:真的,可配置: true });
希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。
版权声明:不到30行射流研究…代码实现超过表格的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。