首页 > 语言 > 关键词 > Javascript最新资讯 > 正文

Javascript 页面模板化 大部分人没有使用过的方法

2012-06-06 09:36 · 稿源:川山甲

介绍

今天遇到一个问题,这个问题也是我以前遇到的问题,以前的方式,也是大多数人使用的方式。大家可以看看我的文章。

从前的方式——我估计也是大多数人使用的方式

比如以下的代码——摘自新浪首页的一段js代码,这种方式也是大多数人使用的方式。

上面的代码,你看完有什么反应?你也许会把+=这种形式改成数组的push形式,有人说push比这种字符链接要快,但是也快不了多少。

如果这种嵌入的html代码很多,你也要这样处理吗?如果修改(添加或者删除)某个html,那么你就要不断的翻代码,找对应的标签,然后在找结束标签,你不觉得麻烦吗?也许有人会这样写(这个是我早期写的,也是我最惯于使用的方式)。

上面的代码,我维护起来也是非常费劲的,很多时候如果ui那边添加了个标签,或者修改了下html结构,那我就头疼了。

页面模板化——全新的方式

这是我最近看了facebook的js代码,偶然间发现以下的方式看起来不错,希望与大家分享。

看我的index.html代码

 看我的js代码

维护上面的html代码我们是很容易的,下次无论html代码结构有什么变动,改起来都很方便。

总结

上面的代码有很多问题,大家不要见怪,这个只是我的简易版。

当前的模板只支持简单的变量替换,有很多功能未开发出来,比如if标签,for标签,如果大家有兴趣,可以试着做一下,如果做的比较成功,告知一下。如果能做个类似smarty开源框架,呵呵,咱们也可以为开源事业做点贡献不是。

文章来源:川山甲的博客

  • 相关推荐
  • 大家在看
  • 搜狗开源srpc:自研高性能通用RPC框架

    今年 7 月底,搜狗公司开源了内部的工业级C++服务器引擎Workflow,一路收获业内许多认可和关注。 9 月 15 日,作为Workflow最重要的生态项目——srpc,一个基于其打造的轻量级RPC框架,也在GitHub上开源了。 GitHub搜索“sogou srpc”即可找到该项目。 一个性能更好的thrift/brpc srpc与thrift/brpc是协议与IDL均互通的。srpc除了自带的sogou-std协议以外,还实现了baidu-std协议和thrift framed协议,因此srpc可以与thrift或brpc

  • 搜狗发布组件化代码解耦框架 极大降低组件化重构成本

    9 月 28 日,搜狗正式发布SogouModuleBus组件化解耦框架,为业界贡献新的组件化解决方案。同时,这款基于搜狗立体化架构思维诞生的组件化框架,将会进一步降低开发者的组件化重构成本。代码耦合,是指软件工程中不同模块和类之间的依赖关系。耦合度高,则代码之间的依赖度高,往往容易出现牵一发而动全身的被动局面。因此开发者们需要对高耦合度代码进行解耦,让业务模块之间的关联依赖降到最低。此次搜狗SogouModuleBus组件化框架

  • 梦网集团:梦网科技与中兴通讯签署战略合作框架协议

    10月16日消息,梦网荣信科技集团股份有限公司(以下简称“公司”或“梦网集团”)对外发布公告称,下属子公司深圳市梦网科技发展有限公司(以下简称“梦网科技”)近日与中兴通讯股份有限公司(以下简称“中兴通讯”)签署了《战略合作框架协议》(以下简 称“合作协议”),双方本着“共同发展,合作共赢”的原则,同意充分发挥各自领域的人才、技术及市场等资源优势,进行广泛战略合作,建立战略合作伙伴 关系。双方

  • 神州租车:全资附属公司与宝沃中国及宝沃厦门订立采购框架协议

    9月25日消息,神州租车发布公告称,于2020年9月24日,公司的间接全资附属公司神州租车北京与宝沃中国及宝沃厦门订立采购框架协议,内容有关其向宝沃中国及宝沃厦门采购汽车零件。公告显示,宝沃中国及宝沃厦门均为北京宝沃的全资附属公司,而北京宝沃则为本公司主要股东神州优车的非全资附属公司。于本公告日期,神州优车通过其附属公司于442,656,855股本公司股份中拥有权益,占本公司已发行股份总数约20.86%。因此,?

  • 金溢科技与百度签署Apollo智能交通生态合作框架协议

    9月23日消息,金溢科技发布公告,公司与百度于2020年9月22日在双方各自公司所在地,以云签约的方式签署了《百度Apollo智能交通生态合作框架协议》,协议有效期一年。根据协议,双方以“通过资源互补、技术互补等有效合作方式,充分发挥高科技互联网企业与交通行业资深企业各自的优势,结合形成有效地技术联盟。在智能交通、 自动驾驶、智能网联的大背景下,共同探讨和实践对应的商业模式,加速技术向 产品的有效过渡,

  • 华为方舟编译器正式支持C语言:完全开源

    2019年8月底,华为方舟编译器(OpenArkCompiler)正式开源,迈出了跨越性的一步。一年多来,方舟编程体系陆续实现了编译器、引擎、调试器的开源,其中编译器的重点功能主要集中在Java应用程序静

  • 人脸识别开源:让科技普惠更进一步

    随着智能生活的需求不断增长,智能锁作为家庭的第一道防线,发展尤为迅猛。智能门锁到底能给消费者怎样的便捷智慧居家生活,其实在广大的消费群体的认知里,还没有成熟的认知和概念,直到 2019 年人脸识别智能锁在各个媒体争相报道其利弊的争端时,刷脸开门智能锁的概念才渐渐融入到普罗大众的意识里。高科技时代的到来,随着智能家居产业的不断升级,智慧智能生活的概念不断深入人心。那么人脸识别智能锁如何应用在现实生活的应用

  • 任天堂打击无效:Switch破解之路重开 破解芯片要开源节奏

    对于那些“白嫖党”来说,显然任天堂是不能容忍的,这也是为什么他们要下狠手整治Switch被破解一事。据外媒报道称,近日Team Xecuter改机芯片“SX Core”的固件被成功DUM

  • 华为四大开源基础软件 释放澎湃多样性算力

    [中国,上海, 2020 年 9 月 24 日] 华为计算产业基础软件战略进展与展望峰会在上海举行,向业界展示了全面启动基础软件开源项目后的成果,四大开源基础软件openEuler, openGauss, openLooKeng以及MindSpore生态初步建立。华为鲲鹏计算领域副总裁江大勇在现场分享主题演讲华为鲲鹏计算领域副总裁江大勇以“基础软件为多样性算力释放澎湃动力“为主题,就软硬件全栈创新,开源加速基础软件创新和发展等方向全面介绍了华为基础软件

  • 众信旅游:阿里网络受让公司总股本5% 与阿里旅行签署战略合作框架协议

    9月30日消息,众信旅游日前对外发布公告称,公司控股股东、实际控制人冯滨向阿里网络转让其持有的众信旅游4547万股无限售条件流通股,约占股份转让协议签署日众信旅游总股本的5%。本次权益变动后,阿里网络将持有上市公司45,470,295股股份,占上市公司股份总数的5%,成为公司关联方。同时,公告称,公司拟与阿里旅行共同出资设立有限责任公司(以下简称“合资公司”),该合资公司注册资本人民币1.5亿元,公司与阿里旅

  • 腾讯向开放原子开源基金会捐赠TencentOS tiny、TKEStack两大项目

    10月15日消息,腾讯正式宣布,将旗下两大开源项目轻量级物联网实时操作系统TencentOS tiny和企业级容器编排引擎TKEStack(均待更名)捐赠给开放原子开源基金会。相比市场上其它同类技术,TencentOS tiny在资源占用、设备成本、功耗管理以及安全稳定等层面极具竞争力,并能实现物联网终端设备的互联互通。去年9月,TencentOS tiny正式开源。另一捐赠项目TKEStack,则是腾讯开源的一款企业级容器服务平台,于腾讯2019Tec

  • 开源爱好者:Windows将被微软放弃、沦为Linux子系统

    Windows 10已经发布了两版Windows subsystem For Linux(WSL),也就是实现了Linux二进制代码在Windows环境下运行。开源软件爱好者Eric S Raymond开始认真审视微软的做法,包括微软即将面向Li

  • 腾讯进一步拥抱开源:主导Apache社区新一代分布式存储系统Ozone 1.0.0发布

    刚刚获悉,由腾讯云大数据团队主导的Ozone 1.0.0版本在Apache Hadoop社区正式发布。据了解,经过2年多的社区持续开发和内部1000+节点的实际落地验证,Ozone 1.0.0已经具备了在大规模生产环境下实际部署的能力。Ozone 是Apache Hadoop社区推出的新一代分布式存储系统,它的出现满足了大量小文件的存储问题,解决了Hadoop分布式文件系统在可扩展性上的缺陷。作为Hadoop生态圈的一款新的对象存储系统,能够支持百亿甚至千亿级文件规模

  • 阿里影业与优酷订立综艺节目合作框架协议

    昨日晚间,阿里影业发布公告,宣布与优酷信息订立综艺节目合作框架协议,期限自 2020 年 9 月 2 日起至 2023 年 3 月 31 日止。

  • Fairwinds为Kubernetes备份和恢复添加了开源接口

    托管IT服务提供商Fairwinds已启动了一个开源项目,该项目将用户界面置于VolumeSnapshot应用程序编程接口(API)之上,该版本可在最新版本的Kubernetes上进行测试。Fairwinds开源总监Robert Brennan表示,Fairwinds Gemini将使IT管理员更容易按照可自定义的细粒度计划自动执行备份,还使恢复特定备份和删除陈旧备份更加容易。他指出,随着组织创建的快照数量的增加,这些快照随着时间的推移堆积起来相对简单。考虑到容?

  • 中芯国际公告:已与中芯北方订立框架协议 为期三年

    中芯国际发布公告称,该公司与中芯北方订立中芯北方框架协议,内容有关货品供应、提供或接受服务、资产出租、资产转移、提供技术授权或许可以及提供担保。中芯北方框架协议为期三年,自 2021 年 1 月 1 日起至 2023 年 12 月 31 日止。

  • ONVIF在GitHub平台的开源项目正式上线

    2020 年 9 月,全球领先的IP物理安防标准化组织ONVIF宣布,ONVIF开源项目现已通过在线开源开发平台GitHub正式上线,此举将推动ONVIF网络接口规范的发展。“通过在GitHub上建立资源库,ONVIF接口规范的开发过程变得更加简便、透明和高效,” ONVIF指导委员会主席 Per Bj?rkdahl 表示,“我们鼓励ONVIF会员以及来自全球各社群的开发者访问我们在GitHub上的页面,并为未来支持更广泛的功能互操作性和创新的标准化工作做出贡献。”ONVI

  • 哈啰顺风车:开源节流 其实养车没有你想的那么难

    随着经济发展,我国私家车保有量和驾驶人数稳步上升。但俗话说“买车不贵养车贵”,对于车主朋友们来说,车辆的保养才是大问题。哈啰顺风车告诉你,选对方法,开源节流,其实养车并没有想象中的那么难!养车方法一:让空置的座位“拼”出油钱据抽样调查显示,大多数的私家车车内只有车主一人,空载率高达七成以上。这不仅加剧了二氧化碳的排放量,增加大气污染,还加剧了交通拥堵现象。一方面是车主的养车压力,一方面是极高的私家

  • 百度王海峰:开源创新使AI技术得到高速发展和应用

    9月18日消息,在2020中关村论坛AI开源创新与产业智能化平行论坛上,百度CTO王海峰发表致辞。他表示,开源创新使得人工智能技术得到高速发展和应用,开源开放非常重要。在王海峰看来,人工智能开源创新一方面可以加速技术的发展。每一位开发者将自己的最优成果开放出来共享,其他开发者能在这个基础上进行更高层次的研究开发,这样开发者能不断拓展技术和认知的边界。另一方面,开源开放促进人工智能技术的广泛应用。因

  • 华为宣布鸿蒙OS 2.0即日起开源!明年4GB以上设备支持

    今天下午,华为开发者大会2020在东莞松山湖开幕。华为消费者业务CEO余承东发表主题演讲,并正式发布鸿蒙OS 2.0。余承东表示,今年12月份将面向开发者提供鸿蒙2.0的beta版本,明年华为智能手机

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天