不到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 })；

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。