丁雪丰
丁雪丰

Jeremy Keith谈HTML5设计原则

4月17日，在由InfoQ独家社区支持的上海“拥抱HTML5”活动上，第一次来到中国的《JavaScript DOM编程艺术》和《HTML5 For Web Designer》作者Jeremy Keith与大家一起回顾了HTML的发展历程，分享了HTML5的设计原则，并与在场与会者做了精彩互动。

首先，Jeremy回顾了HTML的历史，从HTML 2.0到XHTML 2.0，此处他引用了Postel法则（鲁棒性原则）：

对自己发送的东西要严格，对接收的东西则要宽容。

指出XHTML 2.0由于语法解析过于严格，因此不太适合于Web。

Jeremy认为所有的项目都应该有设计原则，HTML5也同样如此，W3C就为此发布了HTML设计原则，他强调了其中的兼容性、实用性与互操作性。

1、避免不必要的复杂性

Jeremy举了DOCTYPE的例子，表示HTML 4.01和XHTML中的DOCTYPE过于冗长，连自己都记不住这些内容，但在HTML5中只需要简单的<!DOCTYPE html>就可以了。DOCTYPE是给验证器用的，而非浏览器，浏览器只在做DOCTYPE切换时关注这个标签，因此并不需要写得太复杂。然后，他又提到如何指定字符集，在HTML5中只需要<meta charset="utf-8">。

规范也许会写得十分复杂，但浏览器的实现却可能很简单，规范有时会去迁就浏览器的实现。

2、支持已有内容

XHTML 2.0最大的问题就是不支持已经存在的内容，这违反了Postel法则。现实情况中，开发者可以写出各种风格的HTML，浏览器遇到这些代码时，在内部所构建出的结构应该是一样的，呈现的效果也应该是一样的。

3、解决实际问题

规范应该去解决现实中实际遇到的问题，而不该考虑那些复杂的理论问题。例如，既然有在<a>中嵌套多个段落标签的需要，那就让规范支持它。

4、用户怎么使用的，就怎么设计规范

当一个实践已经被广泛接受时，就应该考虑将它吸纳进来，而不是禁止它或搞一个新的实践出来。

例如，HTML5中新增了nav、section、article及aside标签，它们引入了新的文档模型，即文档中的文档。在section中，还可以嵌套h1到h6的标签，这样就有了无限的标题层级，这也是很早之前Tim Berners Lee所设想的。

5、优雅地降级

Jeremy在此处举了input的例子，HTML5中input标签的type属性增加了很多类型，当浏览器不支持这些类型时，默认会将其视为text。这就是一种优雅降级。

此外，在谈到HTML5与Flash之争时，他认为很多情况下，这就是<video>和<object>的问题，完全没有必要二者选其一。可以先使用<video>，当浏览器不支持时降级到<object>，反之亦然。如果浏览器对两者都不支持，再降级到<a>，提供一个链接。

6、支持的优先级

在考虑优先级时，应该按照这个顺序：

用户 > 编写HTML的开发者 > 浏览器厂商 > 规范制定者 > 理论

用户与开发者的重要性要远远高于规范和理论。

在最后的问答环节中，有人提到了HTML5的语法过于灵活，会造成一定的滥用，Jeremy表示赞同，并推荐使用类似JavaScript Lint的工具来帮助编写更好的代码。

此外，有人担心<video>外观的可定制性不强，控件不美观，可能会重蹈<select>的覆辙。Jeremy当场演示了一个通过CSS定制样式的<video>，并表示如果不喜欢浏览器提供的控件，完全可以实现自己的控件。

HTML5已不再遥远，不必等到规范成熟后才去使用，各个主流浏览器均已纷纷支持HTML5中的一些特性，大家可以从现在开始，拥抱HTML5。您又是怎么看待HTML5的呢？

你可能感兴趣的:(Jeremy Keith谈HTML5设计原则)

  • 12张思维导图读懂《关键对话》 蜜蜂学堂
    你一定遇到过下列情况：·向上司提出你精心设计的方案，却被泼了一头冷水。·要求下属加班，下属以沉默相对抗。·和家人谈“开源节流”，他却只当是耳边风。·要邻居遵守公德，对方却依然我行我素。·要你的另一半浪漫些，对方却还是像根木头一样。·请朋友还钱，朋友却总是找各种借口推托。当你遇到这些情况时，你是沉默以对，还是尖刻批评，抑或拍案而起？别觉得灰心丧气，因为大部分人都和你一样，在面对难以解决却又会对生活产
  • 女人在争吵中提出离婚，威胁对方，或者吸引注意力，通常是错误的 江南梅花
    女人在争吵中提出离婚，威胁对方，或者吸引注意力，通常是错误的问题：怎么才能每天都收到这种文章呢？答案：点击右上角"关注"即可。爱情是如此美丽。许多人只想谈恋爱，但不想结婚。原因很简单。有句话说，婚姻是爱情的坟墓。但是如果没有婚姻，爱情可能会有不好的结局，但是爱情和婚姻有时是两码事，这是事实。如果你有爱，进入婚姻的殿堂是很自然的。然而，如何在婚姻中保持爱情，是一个许多年轻人不明白的问题。今天，我要谈
  • 第009章 埋尸地点 脚本儿
    疯了！孟燕疯了！两天时间，牧原用同一句话——“能单独淡淡吗？”把她赶出来两次，这分明就是忽视，甚至是藐视！如果上一次是因为牧原有隐情需要单独和魏崇宇进行协商的话，那么这次绝对就是蔑视，那姿态就像是一个乳臭未干的黄毛小子站在她家门口，叉着腰、踮着脚，指着她这个成年大姐姐的脑门说：“小丫头，你还不够格，我要和你家大人亲自谈！”张鼎远远地躲开孟燕，也是一脸的郁闷。第一次的单独谈话之后，牧原用事实证明了自
  • 明德書院幸福成长卡287/365 Sunny阳光自信的巧克力
    【爱国】1组【优秀家长打卡14次，2022年10月15日】1、【闻思】：读《弟子规》、《八佾第三》1-26、《大学》、《父母规》、听国学经典讲座、山草半月谈。2、【正行】：找优点（1）父母优点：勤劳（2）爱人优点：关注孩子们电子产品使用。（3）孩子优点：儿子带着妹妹给我们做午饭。女儿主动要求当主厨，请哥哥帮忙打下手。（4）身边优点：同事们为女儿的行为点赞鼓励，女儿也受到奖励！3、【随记】:随着国庆
  • redis反弹shell时kali无法接收回弹的解决方法 显哥无敌 shellredis
    无法接受回谈大概率是bash命令写的不对，那个crontab中间的星号个数是有意义的，不是随便加的，下面贴一下crontab的基本用法https://www.cnblogs.com/zhoading/p/11572630.html{minute}{hour}{day-of-month}{month}{day-of-week}{full-path-to-shell-script}如果是要cronta
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
    总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
  • 看了这段拍摄花絮，有点心疼释小龙，这才叫靠实力不靠颜值！ 虫子天下
    释小龙不丑，还有点可爱，但这段花絮，足以让人改变对他的看法！嗨，大家好！虫子天下谈娱乐第八百七十二期上线啦！上一期，虫子天下给大家说的事情，是每一次一到男人帮成员过生日，虫子天下总会好奇的去观看其他成员的态度的事情。昨天是孙红雷生日，还是收到了来自兄弟们的祝福的！这一期，咱们继续来寻找娱乐圈当中好玩的信息，来聊聊关于释小龙的话题！好玩的号虫子天下原创娱乐点评，欢迎关注！说起释小龙，不知道大家是什么
  • 男女之间，要不要谈很长时间的恋爱？ 长安_36ba
    宋扬已经睡了，躺在他身边的阿乔却睡不着了。为什么呢？只是因为阿乔无意中发现了宋扬一个细节：宋扬洗澡的时候，把手机带到浴室去了。以前的宋扬，都习惯把手机扔在沙发上或者放在卧室充电，从来没有拿进浴室的习惯。阿乔生性多疑，她觉得宋扬有什么事瞒着她。早上起来的时候，阿乔顶着俩黑眼圈把宋扬给吓了一跳。“你这是怎么了？一晚没见变成国宝了。”一如既往地，宋扬在阿乔额头上吻了一个早安吻。阿乔从来没有怀疑过宋扬，是
  • 【我也谈脱稿】中原焦点团队段静辉坚持分享219天 2020-05-20 晴晖说
    我也谈脱稿刘老师谈《脱稿》，邹老师《也谈脱稿》，某人《我也谈脱稿》。也许您要说了，某人你也太没劲了，你就不能谈点新鲜滴？其实某人是这样滴，某人当下正陷入不能脱稿之惑，脱稿正是某人期许的目标，这一点对某人当下来说可是刚需啊！所以某人我也要来谈下脱稿。是什么让某人我当下不能实现脱稿的目标呢？其一、某人当下想讲的内容是焦点“五个聚焦”，对这块内容，某人感觉心得太少储备太虚，不把想说的内容提前准备好的话，
  • 面向对象设计原则和设计模式分类 阳光明媚sunny 设计模式设计模式
    面向对象设计六大原则SOLID单一职责原则（SingleResponsibilityPrinciple）就一个类而言，应该仅有一个引起它变化的原因。开闭原则（OpenClosePrinciple)软件中的对象（类、模块、函数等）应该对于扩展是开放的，对于修改是封闭的。当软件需要变化时，我们应该尽量通过扩展的方式来实现变化，而不是通过修改已有的代码来实现。里氏替换原则（LiskovSubstitut
  • 挣钱和陪孩子哪个更重要 张小佳_513
    挣钱和陪孩子哪个更重要0-3岁谁带孩子跟谁亲，初来世界的宝宝很怕孤单3-12岁长智力，立规矩，没有教养的孩子很难得到社会的认可和尊重13-18岁谈理想，说人生，青春期孩子逐渐建立自己的三观，没有父母的陪伴和引导，很可能偏激极端，误入歧途18岁以后孩子有了自己的人际圈子，也有了自己的主见和想法。你总会说以后好好补偿孩子，你想陪伴他的时候他还需要你吗?
  • 从北电明星考官谈招生标准，谈现今社会标准认定——论明星的作用 我是洋葱头历险记
    前段时间刷博，看到段新闻，说是北电招考，某当红女星作为考官，考评参考考生。其中有名考生整了容，该名女星当即在考场直问该考生：鼻子削那么尖不疼吗？考生尴尬得回答：还可以。然后，新闻下评即是该女星的招选考生的标准直言：“整容的孩子不能收，如果收了这样的孩子，其实对，年轻人来说不是一个好榜样。”紧接着，是铺天盖地的热评，大多是赞誉和支持该女星的严厉与认真。什么就叫“严厉和认真！”饭可以乱吃，话不可以乱说
  • 顾行舟青梅(奶奶死后，我选择了爱自己)全本免费在线阅读_(奶奶死后，我选择了爱自己)完结版免费在线阅读_顾行舟青梅《奶奶死后，我选择了爱自己》全本免费在线阅读_(顾行舟青梅)最新章节在线阅读_奶... 小说全集全本阅读
    顾行舟青梅(奶奶死后，我选择了爱自己)全本免费在线阅读_(奶奶死后，我选择了爱自己)完结版免费在线阅读_顾行舟青梅《奶奶死后，我选择了爱自己》全本免费在线阅读_(顾行舟青梅)最新章节在线阅读_奶奶死后，我选择了爱自己(顾行舟青梅)全章节在线阅读_顾行舟青梅全章节在线阅读主角配角：顾行舟青梅简介：我没有说话，顾行舟却将这一切作为了默认接下来的一切似乎顺理成章，连听到风声的顾家父母，也特意来寻我跟我谈
  • 前端面试题 大大。 前端vue.jsjavascript
    HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
  • AI驱动的安全自动化响应架构设计 TechVision大咖圈 架构设计合集人工智能人工智能安全自动化安全架构架构设计
    作者寄语：在这个数字化转型的时代，安全不再是"事后诸葛亮"，而应该是"未卜先知"。希望这套架构设计能为你的安全建设提供一些启发和参考。如果你有任何问题或想法，欢迎一起交流探讨！文章目录1.引言：当AI遇上网络安全传统安全响应的痛点AI自动化的必要性2.架构设计核心理念设计原则关键能力要求3.系统架构全景图整体架构概览核心组件介绍4.数据处理与威胁检测层数据采集引擎AI检测算法5.智能决策与响应层决
  • 热门的小说妻子出差回来，却怀上别人的孩子乔震朗姜早_妻子出差回来，却怀上别人的孩子(乔震朗姜早)最新小说 多多文馆
    《妻子出差回来，却怀上别人的孩子》主角：乔震朗姜早简介：妻子出差半年，为公司谈下了一笔大项目。我兴高采烈去机场接人，却发现她小腹隆起，怀上了别人的孩子。公司的同事对我指指点点，笑我头戴绿帽。尊严和爱意被放在地上狠狠践踏。我知道，这段五年的婚姻走到头了。关注微信公众号【无极推文】去回复个书号【6027】即可阅读小说【妻子出差回来，却怀上别人的孩子】全文内容！！！得知妻子姜早今天出差回来。我在花店定了
  • 微波炉、烤箱、油烟机等厨房家电，有必要买贵的吗？ 笔点酷玩
    微波炉、烤箱、油烟机，真没必要买贵的？今儿刷短视频，看一个自称“老炮”的博主侃侃而谈：“老铁们好，下面这些家电啊，没必要买贵的！一个是微波炉，它就是个热菜工具，又不拿来烹饪，俩机械旋钮的就够用了，还不容易坏；第二个是烤箱，它可以解锁更多的做饭方式，轻轻松松整几个硬菜，但大多数家庭买回家一年也用不了几次，真没必要；第三个是油烟机，进口油烟机性能㓑，还卖得死贵，千万别买；追求高端的朋友可以看看方太和老
  • 【13/6茶余偶谈】喧嚣与宁静 104行者
    欲望是人生存必不可缺少的动力，但其中却含有陷人于不幸，甚至致人死亡的因素。现在打开手机看到的都是，房价又涨了，又发新股了，谁谁谁彩票中了1000万。为抢个重点中学学位，中年老母血拼。弄得人整天心里闹闹腾腾，不得安静。虽说科技昌明，物质丰富。但现在谁还把温饱当成福分呢。这山望着那山高，有了房子想换更大的。有了车子想换更好的。永远有干不完的事，挣不完的钱。在层层重压下，心灵得不到喘息。以至于许多人专门
  • 初谈 “联合教学”（Co-Teaching） 凯西Murmur
    Co-Teaching这个方向在国外有比较多的研究和应用，中文翻译为“联合教学”、“协同教学”、“共同教学”等，国内比较多的用法是“联合教学”，传统定义是“两个和（或）更多”的教师同时在一个课堂上实施协同教学的一种教学实践模式（Bacharach&Heck,2007;Friend&Cook,2004;Kamens,Susko,&Elliott,2013;Koroluk,2017;Beninghol
  • 提示工程中的上下文窗口优化：架构师提升模型记忆的关键 AI实战架构笔记 ai
    提示工程中的上下文窗口优化：架构师提升模型记忆的关键元数据标题：提示工程中的上下文窗口优化：架构师提升模型记忆的关键策略与实践指南关键词：上下文窗口管理、提示工程架构、大型语言模型优化、注意力机制效率、长序列处理、记忆增强技术、动态上下文规划摘要：在大型语言模型(LLM)应用中，上下文窗口是连接模型能力与实际需求的关键桥梁。本文从架构师视角，系统探讨上下文窗口优化的理论基础、设计原则与实施策略。通
  • 中原焦点网络中级班第32期，讲师第16期 呼坚持分享第363天 2022年11月15日 简单_8c47
    SFBT的后续咨询与第一次晤谈的架构并没有太大的不同，对待处于危机中的当事人与对待一般的当事人也没有太大的不同，但是会依当事人来谈当时的情况而略有不同的重点。从第二次晤谈开始，咨询师会于每次晤谈的一开始先询问当事人:“自从上次会谈后，何处已变好了?”这个问句反映出我们相信当事人于离开咨询室后，是能胜任接续执行所需采取的小小行动的。尤其，这个问句亦反映出解决之道乃建构于当事人对例外的知觉，同时暗指:
  • 谈自学能力的培养 蔡潇
    问候各位同学，大家好，我是蔡潇，今天呢，我们给各位探讨一个很重要的话题，这个话题呢，就是关于自学能力的培养。我们知道，在一个职场中啊，一个人在职场中的竞争呢，你也根据他的工作态度来决定。如果你是一个非常被动的人，那你可能只是一个普通的员工，但是呢，如果你变成积极主动，那你可能会晋升为管理层，如果你能变成自动自发，你可能就是创始人或者更高的领导者。那在读书中很多人的发展也大概如此，普通的同学非常的被
  • 个人领悟的戒色方法和戒色思路（转） 宅男中的败类
    1、删除一切黄源，彻底与心魔决裂如果你连黄源都不能彻底断除，你有什么理由谈戒色，更别说什么恢复了，你连删除黄源的决心都拿不出来，你拿什么和自己的心魔对抗，拿什么和人类的两大欲望之一的色欲对抗，你什么也拿不出，没有破釜沉舟的气势，我可以说你很难或者根本就不可能对抗得了心魔，在心魔面前，我们所有的意志力根本不堪一击，兵败如山倒。我们必须删除一切黄源，避开所有色弹，我知道刚开始戒色的道路非常曲折非常艰难
  • Java设计模式-UML类图 FatterShday Java设计模式javauml架构设计模式
    Java设计模式-UML类图从这一专栏开始将学习设计模式，上课学习和自己总结归纳的笔记将总结出来供大家参考。参考书籍：《设计模式就该这样学》其他文章：Java设计模式-UML类图Java设计模式-七大架构设计原则-开闭原则Java设计模式-七大架构设计原则-依赖倒置原则Java设计模式-七大架构设计原则-单一职责原则Java设计模式-七大架构设计原则-接口隔离原则Java设计模式-七大架构设计原则
  • html5效果案例,10个优秀HTML5网站案例赏析
    随着Adobe的弃Flash转投HTML5，HTML5又开始吸引着大众的目光。与现在使用的HTML标记语言相比，HTML5有更多的标签和属性，使用更为灵活，功能更为强大。现在已经有很多前沿的HTML5网站开始使用HTML5，本文收集整理出了10个非常优秀的HTML5网站。那么，什么才是优秀的HTML5网站？因为HTML5还没有成为国际标准，旧的浏览器还无法支持HTML5，所以优秀的HTML5网站示
  • 做一个努力的人 Delusion_181
    走一步，再走一步，终能抵达理想的目标。现在的拥有，并不一定代表你过去的努力，而你曾经的努力，诠释着你现在所拥有的一切。成就之前，总有背后的艰辛刻苦的努力。你不曾努力，志向再高也无济于事。努力是成功的唯一道路，只有你努力过，奋斗过，才有现在的成就。很多人总会说：“我要当一个有用之人。”可几乎没一个做到的，与其夸夸其谈地说做一个有用的人，还不如本本分分说做一个努力的人。付出与收获是等同的，你曾经努力付
  • HTML5 Darling02zjh html5前端html
    HTML:和其他的语言一样也有基础的框架和快捷键。命名规则：后缀名是“.html”每个项目最上面都有是H5的声明，处于标签之前骨架：html标签：定义HTML文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其他元素要包裹在这个标签里面，标签限定了文档的开始点和结束点。...其他元素head标签：head标签用于文档的头部，文档的头部描述文档的各种属性和信息，包括文档的标题，在we
  • HTML5+JavaScript动画基础 完整版 中文pdf扫描版 不一样的女孩6
    《HTML5+JavaScript动画基础》包括了基础知识、基础动画、高级动画、3D动画和其他技术5大部分，分别介绍了动画的基本概念、动画的JavaScript基础、动画中的三角学、渲染技术、速度向量和加速度、边界与摩擦力、用户交互：移动物体、缓动与弹动、碰撞检测、坐标旋转与斜面反弹、撞球物理、粒子与万有引力、正向运动学：让事物行走、反向运动学：拖曳与伸出、三维基础、三维线条与填充、背面剔除与三维
  • 企业级数据架构构建之道 暴躁小师兄数据学院 数据治理架构
    构建稳健的企业级数据架构需融合战略规划与技术实践，以下是关键路径及核心要素：一、顶层设计原则业务驱动对齐企业战略目标，定义数据支撑的业务场景（如客户画像、实时风控）建立$$ROI=\frac{\text{数据价值}}{\text{建设成本}}$$评估模型治理先行实施数据资产目录（MetadataCatalog）通过数据血缘（DataLineage）实现全链路追踪二、核心架构分层graphLRA[数
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他