web常见性能优化总结（浏览器渲染过程详解）

一、什么是web的性能优化

web的性能指标有很多，大致可以分为三类：

1. 首次访问速度。首次访问速度主要指首页的加载速度，这个在移动端显得尤为可贵，对于大厂的h5 app，这一块的优化一直都是头疼的问题，例如淘宝首页，手百首页等等，让用户多看几百毫秒的白屏，都会让pm逼死一帮程序猿。
2. 持续访问速度。持续访问速度更多指对于CPU，GPU，内存等资源的使用，使用过程中的是否有卡顿，是否保持流畅等等。
3. web的健壮性。健壮是指，对于对于并发，大量请求和访问，web安全等等极端情况下web的可用性。

这次我们要讲的是主要是第一点，首次加载时，web性能的优化，这也是一版前端面试会的常考点。之后的web 性能优化均指的是第一点。

二、web性能优化的目的

1. 优化用户体验，提升用户留存率。有人研究过：2秒之内，95%以上的实验者保持良好的注意力，3秒之后注意力开始分散；当等待时间超过5秒，70%的实验者能保持良好的注意力；当等待时间超过9秒，仅剩下20%能保持良好的注意力，对于不同首屏加载等待时间对于用户的留存，每个大厂不尽相同，但是大家都不知觉的精确到毫秒级，重要性可想而知。
2. 提升web的SEO排名。在17年10月，百度就推出了对于首评加载时长超过3秒的web，降低其权重的“闪电算法”

三、web性能优化的原理

web性能的优化的原理，不得不提到浏览器在加载web首页时做的工作了，我们搞清楚了他的工作步骤，才能知道优化的点在哪里。下图是浏览器渲染的几个步骤：

上图中有几点需要我们注意一下：
3. DOM和CSS OM是有先后开始，但是在过程中是可以(注意是可以，不是一定，也不是不行)同步进行的
4. DOM和CSSOM 都和js的解析是互斥的，这个很好理解，js可以修改dom节点或者css样式，所以js会阻塞其他两个的进程，直至js执行完毕
那么他的执行顺序大致可以这么看

下面我们结合chorme的新增功能performance(控制台>performance)来对于每一个步骤的工作进行分析：

3.1 加载文档

常见的浏览器文档类型有，HTML、XHTML、SVG，XML，在用户打开浏览器的时候，首先要做的是解析域名和dns，找到对应的IP，然后通过校验之后，像服务器发起请求，服务器相应的内容就是要加载的文档。

3.2 生成dom树

这个过程主要是把文档解析成DOCUMENT OBJECT，例如html的 ，这个结构的解析，浏览器内置的都可以直接解析这些文档，不用依赖任何其他的文件，所以这个过程会很快，最终生成表示能够表示整个文档和每个节点的类型，数据和节点关系的树形结构，简称dom树。

需要注意一点：这里是全部的node节点，即使

该节点会依然在dom树中存在

3.3 加载css 和js

这个之所以会算作一个过程，是因为随着web的发展，很多web越来越大，功能也越来越复杂，引入的css和js也越来越多，在整个页面中也慢慢的占据一定的位置。
5. 加载css包括 html中的css代码块，内联样式，和需要下载的外部样式
6. js 主要指下载外部引入的js文件

3.4 生成CSS OM

CSSOM是将对应的样式绑定到对应的节点上，为什么会有树的概念，个人理解，cssom tree有点像树上开的花，来表示节点的属性，而且树的根节点和子节点，也很好的表示了css的优先级，比如父布局的一些样式对于子样式的影响，但是在css om tree中并不是最终的样式。

1. 是用户代理样式的重新计算
2. 不包含所有的dom节点

3.5 rending tree

这个过程是DOM和CSS OM合并的过程，这个过程中主要做：

1. 去除dom树中和页面渲染无关的节点，比如head 、mate等
2. 计算和合并cssOm，并应用到dom树上
3. 从dom树上去除display：none的节点，visiable：false的不会移除

这样就生成了rend tree。

3.6 layout（flow 、reflow）

这个过程成为layout或者flow，布局，主要是来计算每个node的尺寸，位置和颜色等信息，为了下一步的绘制作准备，因为这个过程并不是只执行一次，比如js解析的时候，调整某一个node节点的尺寸或者位置，就会导致重新计算，所以也可以成为reflow。
影响重新布局的原因如下：

1. 节点的增改
2. 节点样式的修改（不是全部，比如背景色就不会导致重新布局）
3. 用户发起的事件，鼠标事件等等

3.7 paint（repaint）

绘制，原因和上方相同，都不止一次，会应为reflow，导致repaint。这里需要注意一点，paint的绘制是多线程分块进行的，可以在下图的三 看到，多个绘制并发进行。

3.8 composite （合并）

从3.7可以看到，分层绘制，带来了并行，提升了效率，但是最后需要将绘制的结果合并成一个页面，呈现给用户。

讲到这里渲染的原理基本差不多了，接下来，才进入正题，我想，你如果看到这里，应该也能想到很多可以优化的点了。

四、性能优化

我们的性能也是会结果上面的步骤，进行阐述，对应这个阶段的优化点哦。

4.1 html的语义化编程

语义化标签是浏览器内置就能解析识别的标签，最终的实现也会dom的结构简洁话，所以就会减少时间消耗哦

4.2 资源的加速

1. 静态资源的cnd加速
2. 图片资源的压缩
3. 合并资源请求，虽然会增加单个请求的时间，但是发起请求，关闭请求的操作，很耗费资源。
4. css资源的分片加载，最常见的就是

media属性可以接受一个或多个媒体值表，浏览器会根据当前的媒体值，来加载对应的样式表，这样就要比把所有的样式放在同一个样式文件中要来的好

5. js的异步加载
   js文件的异步加载，一个页面的初始化中，因为很多时候外部的js文件相对大小还是不小的，如果这些文件不着急执行，可以添加这个属性，表示异步加载，不会阻塞其他的操作

你可能感兴趣的:(学习记录,分享,javascript,web性能优化,渲染)

• 2020-04-04 我心依旧_79e2
  【六项精进打卡】2020.4.4日姓名：陈岗企业名称：上海孚因流体动力设备股份有限公司打卡第712天【知~学习】《六项精进》3遍,共1568遍《大学》1遍，共940遍【经典名言名句分享》只有创造，才是真正的享受，只有拼搏，才是充实的生活。修身：（对自己个人）有理想的地方，地狱就是天堂，有希望的地方，痛苦也成快乐。1每天坚持诵读《六项精进》和《大学》。2学会宽恕他人，同时从错误中吸取教训。3每天中午
• 写作是一种兴趣 Rose_袁
  今天是写作训练营打卡第2天。要求是：朗读完《写出我心》第8章烦人的编辑到第14章迷恋中的所有内容，并且听完音频分享部分写出读后感和自己今年的写作目标。在成年人的世界里，做一件事情之前总是要在脑海里预演千百遍。似乎这样的深思熟虑，才能确保最后的万无一失。比如说：要装修一套房子，会咨询身边很多已经装修过房子的朋友。怎么选装修公司？什么装修风格？甚至电器品牌以及家具陈列等等？担心自己没有经验做不好，不擅
• 今晚线上会议 与美好同行
  今晚是我们阳明心学诚意班第二次线上会议，说是7:00——7:45，却开到了八点半多。不喜欢开会的我没有一点厌烦，主持人吴老师也是这样说，估计参加会议的我们都一样的感受。这样的会议，不是谁在讲话，而是大家分享学习感受。或者有所得，或者仍迷惑，大家有什么说什么，无拘无束。主持人吴老师是一个曾学过阳明心学两年，然后离开又回到这上面来的人。她说了她的学习感受。她的离开又回来，是给我们的最好的现身说法。她学
• 2019-03-31 frank_you
  1.付出不亚于任何人的努力2.要谦虚，不要骄傲3.要每天反省4.活着，就要感谢5.积善行，思利他6.不要有感性的烦恼今日分享：活着，就要感谢！周六，销售小梁电话询问客户急用钱是否能做押车，与财务沟通后得知小额可以放款，于是回复小梁可以马上操作，当小梁发来行驶证后，发现就是周五抵押还没撤销的那个客户，将情况与小梁沟通后，小梁回复客户表示周一来支行办理业务，感谢她在休息天还在努力询单，感谢财务ZL、Z
• 杨素芳 九期 洛阳 坚持分享432天 20190503 成长自已
  热闹。今天和女儿带着外孙女外孙回老家看望婆婆。小外孙咿呀咿呀在大人的怀抱里跳着笑着，小外孙女满院的跑着，叫着，手里拿着棍棒挥舞着，满院的欢声笑语，刹时，静静的老宅热闹了起来。我去院里除草，小孙女跟在身后，趁我不注意，把小辣椒苗拔了一把，还把即将成熟的葱籽采了一把插在小树丫上。小小的她勤快极了，越是不让她动的东西，她越去动，那就改变说法吧，说让她干什么!“小柚子，把这树枝捡起来"，她用力地捡起树枝递
• 初识TCP和UDP F.LASH. 网络编程网络tcp/ipudplinuxarm开发
  文章目录前言一、网络是什么？二、TCP和UDP的特点三、网络层协议四、Linux下网络命令以及网络配置总结前言本期主要分享的是网络的一些基本概念以及UDP相关通信的内容，希望各位小伙伴能够把接口使用起来！一、网络是什么？1.网络：主机间数据共享、数据收发2.协议：通信双方约定的一套标准3.国际标准OSI模型应用层传输数据表示层数据加密会话层建立会话链接传输层传输方式网络层数据路由数据链路层局域网通
• JSON 对象
  JSON对象概述JSON（JavaScriptObjectNotation）对象是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JSON对象是JSON数据的一种基本结构，类似于JavaScript中的对象（Object）。在本文中，我们将详细介绍JSON对象的概念、语法、创建方法以及在实际应用中的使用。JSON对象的语法JSON对象使用大括号{}表示，其中包含一系列键值对。
• 高手参照标准 实干作品
  2018年2月13日星期二高手三个标准强健的体魄钢铁般的意志绝对的责任感——转载分享就是传播爱和希望——微信公众号sgnote
• 以太坊正处于漫长而复杂的过渡阶段！合并在即？短期痛苦为长期收益做准备！ 链科天下
  目前，以太坊正处于“漫长而复杂的过渡”阶段，使其成为更强大的网络是“深度变革”的原因。在昨天法国举行的以太坊社区会议上，以太坊联合创始人VitalikButerin（V神）分享了以太坊的未来计划和愿景。V神将以太坊升级分为合并、激增、边缘和清除四个阶段。“合并”只是一系列计划升级中的第一部分，而激增、边缘和清除阶段实际上是以太坊扩展、清理和进化的关键部分，预计以太坊合并仅完成升级计划的55%。事实
• 阿里云2023年云服务器活动优惠价格文章汇总（历史价格对比） 阿里云最新优惠和活动汇总
  2023年购买阿里云服务器需要多少钱？由于每个月阿里云服务器的活动优惠价格均有所不同，小编也在每个月都会分享几篇当月阿里云服务器活动优惠价格的文章，下面小编再将2023年1月到5月份，涉及阿里云服务器每个月优惠价格的文章做个汇总，以供大家了解阿里云服务器在2023年的历史优惠价格变化情况，知道哪些阿里云服务器涨价了，哪些阿里云服务器降价了，以供参考选择。说明：以下文章所涉及的阿里云服务器价格仅供参
• 力扣Leetcode热题100-二分查找 解题思路分享 花卷321 Leetcode热门100leetcode职场和发展java开发语言
  1.搜索插入位置题目如下：给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。请必须使用时间复杂度为O(logn)的算法。思路分析与最基本的二分查找算法类似，但是基础的二分查找在找不到值的时候一般情况下返回-1，找到的值返回索引，下面先展示最基本的二分查找的Java代码：publicstaticintbinarySearch(in
• 【日记星球第532篇】——感恩日记 神秘园的简书
  2021年10月30日星期六趁着新一期的瑜伽班还没开营，给自己放个假，睡个大懒觉。一下到7点多才自然醒，还躺着拿手机看了会儿信息，磨磨蹭蹭到八点才起来。生活常常给我们比想要的更多，那就清点一下自己拥有什么，记录下这些值得感恩的事吧：1.感恩上周末邻居送来几颗刚摘的新鲜大柿子给我们，真好！2.感恩上周末妈妈给我做了美味的大锅菜和千丝饼！3.感恩这周工作一切顺利开心！4.感恩同事经常分享好吃的零食水果
• gRPC深度解析：原理、实践与性能优化指南 亲爱的非洲野猪 性能优化
  引言在现代分布式系统架构中，服务间通信的效率直接影响着整体系统的性能。gRPC作为新一代RPC框架，凭借其高性能、跨语言支持和强大的功能特性，已成为微服务通信的事实标准。本文将深入剖析gRPC的核心原理，分享最佳实践，并提供生产环境中的优化建议。一、gRPC核心架构解析1.1ProtocolBuffers：高效的数据交换格式ProtocolBuffers（简称protobuf）是gRPC的接口定义
• 【0425读书感悟】3366-引力-HR-合肥 精力满满
  书名：《思维导图》作者：东尼·博赞金句：在做出选择之前，思维导图对理清思路是一个特别有用的工具。分享：思维导图能让大脑马上接受一系列复杂而又相互联系的信息，问题的重点一目了然。它们能给大脑带来一个事先构造好的框架，以便于产生联想，确保所有相关的因素都被考虑进去。尤其到图中的色彩和图像，把一些重要的情感因素考虑到决策中去，有助于突出重要的比较点。在整体决策的时候，思维导图可以帮你平衡彼此冲突的一些因
• 2019-06-22 何须卿浅
  第一次在网络上写东西，发表出去。不想写一些浮华表面的东西（我也不会写啦，嘿嘿嘿），想简单的作为一个分享心情、日常生活的地方。今天是6月22，高考成绩即即将揭榜，当然，与我也没啥关系。在去年，那是与我息息相关的。转眼一年，我也来到了曾经向往的地方，如今，我也能以一种过来人的身份向后看，向以前看。其实更多的像是一场梦。有时候我自己都不知道我在想些什么，我很不好，我会不住地回想过去。有人说，一个人会回想
• 人生的下半场从减法开始。 辣嘴热评
  人到中年更多的时候是学会放下。前半生我们学的是加法。后半生我们学的是减法。这也符合我们现在学习的规律，但这恰恰是我们人生的规律少年时期，我们疯狂的去看这个世界，学各种知识，使我们想学到学，我们不想学到学我们迎接不暇的知识。于是我们在人生的圆满分享中学到了知识，学到了经验，学到了人生的阅历，积攒了人脉，积攒了智慧。人生的下半场要学会适当的放下。断舍离。断了曾经少年的那些想法。舍弃困扰身心的思想重担。
• 隔代遗传强大，特朗普确定是亲孙子！除了颜值还有哪些会遗传？ 成长童年
  关注“成长童年”公众号，回复“分享”，即可免费获取价值千元亲子教育/儿童绘本/有声读物/家长助手等育儿资料哦！孩子除了随爸妈，好多小可爱越长越像爷爷奶奶或者外婆外公，这就是隔代遗传现象。从爸爸去哪儿，爸爸回来了，妈妈是超人等综艺节目，认识了很多星二代。大家看到这些星二代的时候，不自觉的也会说到这孩子好像爸爸（爷爷奶奶）妈妈（外公外婆）啊。伊能静带小米粒参加节目的时候，公公婆婆也一同出镜，不少眼尖的
• Crawlee高阶用法：无代码配置实现动态网站爬虫 程序员威哥 爬虫pythonscrapytcp/ip网络协议
  爬虫开发一直以来都需要编写大量的代码，尤其是在抓取动态网站时，往往需要处理JavaScript渲染和分页等复杂的问题。然而，Crawlee（之前叫ApifySDK）作为一个现代化的爬虫框架，提供了更加高效和简便的方式，甚至可以通过无代码配置来快速抓取动态网站数据。在本篇文章中，我们将深入探讨如何使用Crawlee实现动态网站的爬虫，并展示如何通过简单的配置来完成爬虫任务，节省开发时间和精力。1.C
• Python爬虫实战：借助代理IP破解反爬机制，批量下载哔哩哔哩高清视频 程序员威哥 最新爬虫实战项目python爬虫tcp/ip
  一、前言随着视频平台的蓬勃发展，视频数据成为互联网的一个重要组成部分。特别是哔哩哔哩（B站）作为一个年轻化、内容丰富的综合性视频平台，吸引了大量用户观看、上传和分享各种形式的创作内容。在这个信息高度开放的时代，如何高效、合法地获取这些视频数据成为了一个有挑战的技术问题。哔哩哔哩的视频下载不仅受到版权保护，同时平台也使用了强大的反爬虫机制来保护用户数据和平台内容。本文将通过Python爬虫实战，利用
• Python爬虫高阶：Selenium+Scrapy+Playwright融合架构，攻克动态页面与高反爬场景 程序员威哥 python爬虫selenium
  随着互联网应用的不断发展，越来越多的网站采用JavaScript动态渲染页面，常见的静态页面数据抓取方式逐渐失效。此外，高反爬技术也使得传统爬虫架构面临着更大的挑战，许多网站通过复杂的反爬机制如验证码、IP屏蔽、请求频率限制等来防止数据抓取。为了应对这些挑战，我们需要采用更为先进和灵活的爬虫架构。在此背景下，结合Selenium、Scrapy和Playwright这三种技术，能够帮助我们突破动态页
• 感恩单5.17 krysdracula
  1.感谢今天的黑米粥2.感谢图书馆自习3.感谢便利店买的三角包饭4.感谢电脑，辛苦工作5.感谢学校给发了劳务费6.感谢吕怡和我分享生活7.感谢吃的好吃的油条和方便面8.感谢公交车载我去学校9.感谢室友们都回来啦，挺开心的10.感谢今天凉快的天气今日观想：今天还是觉得有些疲惫，上午也起的很晚，下午稍微好了一些，但是真的特别困。心情还行。
• 分享｜陈春花老师讲领导者和管理者的区别，你踩过这些坑吗？ 菩提香
  领导者承担的责任是让企业能够有明确的方向，不断适应变化，有一个核心管理团队，也就是说，领导者真正的责任是确保组织的成长。管理者只是对绩效负责。而产生绩效的关键因素是：解决问题，保持稳定，制度和规范得以贯彻和执行，在这种情况下绩效就能够获得。做两者差异的分析，是因为日常管理中，领导者常常关注绩效和当前，而管理者关注成长和未来，更可怕的是，绝大部分中国的管理者都是在做领导者的事情。在很多公司内部做调研
• 微博上分享优惠卷素材哪里找？怎么找到优惠券群? 高省APP大九
  今年以来，这个淘宝优惠券好像突然火起来了。很多人都在朋友圈或者微信/QQ群里推广优惠券；那么你知道推广淘宝优惠券是怎么赚佣金的吗？那些发优惠券的微信群挣佣金多不多呢？无需成本的淘客平台，高省APP就是最好的选择。不需要成本，可以简单理解为帮商家卖货赚取佣金，真正的一部手机零成本创业。即使你不想在高省赚钱，也是可以帮你省钱的。高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高
• 生命日记 辛爱自己
  生命日记第49天2021.9.30星期四晴金句分享：梦想不在于拥有，而在于追求欣赏：今晚满天繁星，我和二宝在院子里边看星星边烫脚，我们还一起唱小星星，吹着微凉的秋风真的感觉好温馨好幸福啊！感悟：对于学习我还是有好多的卡点，输入—内化—输出，暂时还只能做到输入，还要不断调整自己。今天在潘潘教练的影响下开启了，爱播者声音分享，我录了羊皮卷之一，还有早打卡感觉一读起来就融入进去了，好喜欢这种真我心流的感
• 得到三周年直播收获简记 张照浩
  好久没有节奏性的学习得到了，我体会的结论是--一旦停止，前功尽弃，此言不虚啊~哈哈。学的少，进步的少，这就是我的代价。幸好在中午看到朋友分享海报，点进了得到三周年的直播，信息量很大，干货满满，当时没有记笔记，复盘一下，固化下知识，也便于今后再学习。我理解的这场直播为什么会有的原因如下：1、强化仪式感和节奏感。2、正向引导，尊重付出，给予反馈和获得感。3、价值吸引，强化品牌影响力，做推广。4、践行价
• 2023-05-15 越来越好崔
  2023-05-15中原焦点网中级36学员李灵芝坚持分享第364儿童技能教养法的学习过程中，我们要帮助孩子建立信心。让孩子相信他有能力学会这个技能。无论我们说的理由是多么的理性或者是无厘头。重要的是让孩子听到有这么多人才告诉他。有这么多人都确信他能学会。我们告诉孩子，你对他有信心的时候，并把你的信心传递给他。并帮助他建立了信心。这是点燃孩子学习激情的不可或缺的火花。但掌握技能的唯一方法就是一遍一遍
• 今日分享 一个人的成长
  哈喽，果子的小家，我回来了哈喽，果子的小家的小伙伴们为什么叫果子呢？是因为之前我有一个网名叫牛油果另外一个原因是，我想做一个有结果的人对，我是果子承蒙厚爱，我们又相遇了真的特别感谢，在没有更新的日子里，还有人关注我这是我打开后台信息最开心最幸福的时刻，倒不是说，我多么希望涨粉，而是我觉得，每一个关注我的人，他可能是被我敲下的某一句话有感受有体会，从而想了解我更多的内容每一个ID背后，都值得被关注被
• （有些饮食可以减压）中原焦点团队杨小杰坚持分享第595天2022-4-12 yxjlady
  吃什么食物能减压，减压的12种食物。人的精力与体力所需要的能量来源是食物，研究发现很多食物都可以有效地减少压力：1、香蕉香蕉真的很奇妙，是简单就可以获得能量的食物。觉得精神不济的时候，特别是下午需要活力的时候，请食用香蕉。2、杏仁当身处一片混乱中的你快要抓狂时，先抓一把大杏仁尝尝。杏仁富含维生素E，一种可增强免疫力的抗氧化物。杏仁还含维生素B，有助于你面对异常糟糕的事件，每天吃大约四分之一杯杏仁可
• HTTP性能优化实战技术文章大纲 x10n9 http性能优化网络协议
  HTTP性能优化实战技术文章大纲理解HTTP性能瓶颈HTTP协议在请求-响应模型中的性能瓶颈主要涉及延迟、带宽限制和资源加载效率。通过分析网络请求的各个环节，识别关键性能问题，例如DNS解析时间、TCP连接建立、SSL/TLS握手时间等。减少HTTP请求数量合并CSS和JavaScript文件，使用CSSSprites技术减少图片请求次数。内联小型资源如图标或CSS片段，避免额外的HTTP请求。采
• 高省的邀请码怎么获取小心坑码获得高省邀请码步骤! 凌风导师
  写点什么..推荐填联合创始人邀请码500888直升2皇冠，佣金更高，升级无忧，送万元推广大礼包，教授百度霸屏、强势引流技术！高省-各大应用商城下载即可-购物领劵返利高，邀请码切记填500888，凌风高省邀请码500888，全网唯一教你技术的老师码填对码直送2皇冠总裁等级，《凌风导师V:125130414》送价值百万引流技术推广绝密大礼包，也可以后台联系老师进高省官方群。星巴克说：每分享保举位新主顾
• scala的option和some 矮蛋蛋 编程scala
  原文地址： http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html 对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点
• NullPointerException Cb123456 androidBaseAdapter
      java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference     出现以上异常.然后就在baidu上
• PHP使用文件和目录 天子之骄 php文件和目录读取和写入php验证文件php锁定文件
  PHP使用文件和目录 1.使用include()包含文件 (1)：使用include()从一个被包含文档返回一个值 (2)：在控制结构中使用include()   include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。   在php.ini文件中设置
• SQL SELECT DISTINCT 语句 何必如此 sql
  SELECT DISTINCT 语句用于返回唯一不同的值。 SQL SELECT DISTINCT 语句 在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 SELECT DISTINCT column_name,column_name F
• java冒泡排序 3213213333332132 java冒泡排序
  package com.algorithm; /** * @Description 冒泡 * @author FuJianyong * 2015-1-22上午09:58:39 */ public class MaoPao { public static void main(String[] args) { int[] mao = {17,50,26,18,9,10
• struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！ 7454103 DAOspringAjaxjsonqq
  struts2.18  出来有段时间了！ （貌似是 稳定版）   闲时研究下下！  貌似 sruts2 搭配 json 做 ajax 很吃香！   实践了下下！ 不当之处请绕过！ 呵呵   网上一大堆 struts2+json  不过大多的json 插件 都是 jsonplugin.34.jar   strut
• struts2 数据标签说明 darkranger jspbeanstrutsservletScheme
  数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能 数据标签主要包括： action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。 bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta
• 链表.简单的链表节点构建 aijuans 编程技巧
  /*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h" #define NODE(name, key_word, help) \  Node name[1]={{NULL, NULL, NULL, key_word, help}} typedef struct node {  &nbs
• tomcat下jndi的三种配置方式 avords tomcat
  jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称 访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。          tomcat配置
• 关于敏捷的一些想法 houxinyou 敏捷
  从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。” 感觉表达的不太清楚。 感觉容易被人误解的地方主要在“用户多变的需求”上。 第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有
• 富养还是穷养，决定孩子的一生 bijian1013 教育人生
  是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由 事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
• oracle 日期时间格式转化 征客丶 oracle
  oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP； SYSDATE：不支持毫秒，取的是系统时间； SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。 日期转字符窜： 一、不取毫秒： TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS') 简要说明， YYYY 年 MM   月
• 【Scala六】分析Spark源代码总结的Scala语法四 bit1129 scala
  1. apply语法   FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：   private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) { ... def apply(bucketId
• Erlang中有意思的bug bookjovi erlang
    代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam） commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b Author: Jovi Zhang <[email protected]> Date: Fri Dec 2 16:19:22 2011 +0100 erts:
• 移位打印10进制数转16进制-2008-08-18 ljy325 java基础
  /** * Description 移位打印10进制的16进制形式 * Creation Date 15-08-2008 9:00 * @author 卢俊宇 * @version 1.0 * */ public class PrintHex { // 备选字符 static final char di
• 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
  声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
• 利用cmd命令将.class文件打包成jar chenyu19891124 cmdjar
  cmd命令打jar是如下实现： 在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes) 现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作： cd D: 回车 cd workspace/prpal
• [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明 comsci eclipse设计模式算法工作swing
                         JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明     &nb
• SecureCRT右键粘贴的设置 daizj secureCRT右键粘贴
  一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。 老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。 菜单： Options->Global Options ...->Terminal 右边有个Mouse的选项块。 Copy on Select Paste on Right/Middle
• Linux 软链接和硬链接 dongwei_6688 linux
  1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。 【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连
• DIV底部自适应 dcj3sjt126com JavaScript
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
• Centos6.5使用yum安装mysql——快速上手必备 dcj3sjt126com mysql
  第1步、yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果： Installed:     mysql-server.x86_64 0:5.1.73-3.el6_5                   &nb
• 如何调试JDK源码 frank1234 jdk
  相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。 可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。 下面是编译jdk的具体步骤：         1.把C:\java\jdk1.6.0_26\sr
• Maximal Rectangle hcx2013 max
  Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.   public class Solution { public int maximalRectangle(char[][] matrix)
• Spring MVC测试框架详解——服务端测试 jinnianshilongnian spring mvc test
  随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。   Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。 &nbs
• Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0 liyong0802 hadoop
  一、准备编译软件   1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。     环境变量设置如下：   （1）执行vim /etc/profile （2）在文件尾部加入: export JAVA_HOME=/home/spark/jdk1.7 export MAVEN_HOME=/ho
• StatusBar 字体白色 pangyulei status
  [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; /*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
• 如何分析Java虚拟机死锁 sesame javathreadoracle虚拟机jdbc
  英文资料： Thread Dump and Concurrency Locks   Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
• 位运算简介及实用技巧（一）：基础篇 tw_wangzhengquan 位运算
  http://www.matrix67.com/blog/archives/263    去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r
• jsearch的索引文件结构 yangshangchuan 搜索引擎jsearch全文检索信息检索word分词
  jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。   jsearch的索引文件结构定义如下：     1、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.