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性能优化,渲染)

• 关于ios点击分享自动复制到粘贴板的问题
  前言Android系统没有什么特别的要求，实现这个也比较容易。但ios在某些情况下就会出现问题。如果ios是点击之后，请求接口，再把接口的内容赋值给粘贴板肯定行不通，会被ios系统拦截，导致赋值失败或者赋值为空。建议使用第三方库clipboard.js来实现粘贴板赋值将点击的dom设置为一个button最好实现。CopytoclipboardimportClipboardJSfrom'clipbo
• 福猪生活邀请码是多少？福猪生活短剧的邀请码填什么？福猪生活app原始邀请码怎么找？ 知行导师
  一、分享日常，观察回应的积极度“每一天的平凡，因你而变得不同。”这句借自村上春树笔下温柔笔触的改编，恰如其分地适用于我们第一条试探信息的主题。尝试向对方发送一条分享自己日常琐事的信息，比如：“今天看到了一只超可爱的猫咪，让我想起了你。”这样的信息既轻松又带有一定的情感色彩，能够自然地引出对方的回应。如果对方迅速且积极地回复你，不仅详细询问了猫咪的情况，还顺势展开了更多话题，那么这份热情很可能源于对
• 原型链污染 江湖没什么好的 xss
  原型链污染（PrototypePollution）是一种针对JavaScript应用的安全漏洞，攻击者通过操纵对象的原型链，向基础对象（如Object.prototype）注入恶意属性，从而影响整个应用程序的行为。以下是详细解析：核心原理JavaScript原型链机制：每个对象都有隐式原型__proto__（或通过Object.getPrototypeOf()访问），指向其构造函数的原型对象。访问
• 凉席翘起来怎么处理 凉席为什么会翘起来 日常购物技巧呀
  凉席翘起来就趁还有收缩，压床底直到平展。或者把它用拉平镇固定住再用热开水烫洗一边，等自然冷却了就好了。新买到的凉席，要先用80℃左右温水调些清洁剂，用毛巾把正面仔细擦一遍，然后再用温热清水擦拭几遍，再风干就可以使用了。1.高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入。古楼导师高省邀请码518518，注册送2皇冠
• 忙碌的周五晚上—感恩 安_2a5b
  苏芳芳焦点解决初级第14期，洛阳坚持分享第81天，2019年5月17日由于部分学生在实习，跟学生见面和开会的时间只能定在晚上。从六点开始，一直到晚上九点多。感恩院里的邻居帮忙接孩子放学，帮忙拿被子回家，管孩子晚饭。感恩老公下班回到家，把孩子领回家，又去菜地翻地。感恩孩子配合。感恩学生干部一直帮忙，让我早一点回家。感恩学生们的配合，实习上了一天的班回到学校还要开会，准备许多材料。
• 快团团怎么帮卖赚佣金，谈谈我的经验 糖葫芦很甜
  “快团团”作为一款基于微信生态的社群团购工具，凭借其便捷的操作、丰富的商品资源和高效的供应链体系，吸引了大量用户加入帮卖行列，实现了边分享边赚钱的美好愿景。招合作伙伴↓微信在文章底部。要想在快团团上成功帮卖赚佣金，必须对其平台有深入的了解。快团团依托于微信生态，通过团长（即帮卖者）在微信群、朋友圈等社交平台分享商品链接，引导消费者下单购买。每完成一笔交易，团长即可获得一定比例的佣金作为回报。这种“
• 百度云单日会员怎么开？百度网盘价格一览表？百度网盘会员一天免费领 氧券导师果果
  百度云单日会员怎么开？百度网盘价格一览表？百度网盘会员一天免费领作为国内知名的云存储服务平台，百度网盘为广大用户提供便捷的文件存储、分享和下载功能。今天，我们将为您介绍如何开通百度网盘单日会员，以及百度网盘的价格一览表和免费领取攻略。一、百度网盘单日会员怎么开？1.打开百度APP，进入“我的”界面；2.点击“福利中心”栏下的“百度网盘7天会员免费领”，进入活动页面；3.点击“领取网盘会员”，复制口
• 今日关于嘴包臀的看法 破晓的时光
  不关注很久，最近才在朋友圈里看到嘴包臀的文章。平心而论，四处咬人的狗到处都是，我也不至于那么玻璃心，被狗咬一口，非得咬回去。何况我学的是IT，做的却不是程序员。但是，让人恶心到呕吐的是简叔，堂堂简叔的CEO，代言人，公开支持嘴包臀的文章。我就好奇了，他到底能不能分清楚多元、自由是怎么写的，到底能分清楚自由表达和人身攻击之间的界限吗？首页里那么多程序员辛辛苦苦写的文章，分享的知识，带来的活跃，是这样
• 【经验分享】线上投票评选大赛的拉票秘籍 口碑信息传播者
  在如今这个数字化时代，线上投票评选大赛层出不穷。如果你正在参与其中，却苦恼于如何快速获得拉票点赞助力，那么这篇文章就是为你准备的。一、充分利用个人社交圈你的亲朋好友是最坚实的后盾。首先，在家庭群里热情地介绍你所参与的投票评选活动，详细说明活动的意义以及投票对你的重要性。长辈们通常都很愿意支持晚辈的努力。同学群也是一个关键战场。回忆一下那些一起度过的青葱岁月，用亲切的话语唤起同学们的共鸣，请求他们为
• krpano 渲染全景视频 是菜菜的小前端啊 前端
  使用krpano渲染全景视频，可渲染不同分辨率的视频。使用的krpano版本为1.19index.htmlERROR:Javascriptnotactivatedembedpano({xml:"video.xml",target:"pano",passQueryParameters:"startscene,startlookat"});video.xmlif(device.panovideosup
• vue 渲染全景图两种方法【photo-sphere-viewer、krpano】 是菜菜的小前端啊 vuevue前端
  由于需求，想要把全景图渲染至页面的某一部分，且可自动旋转、可放大缩小、可拖拽旋转全景图。尝试了两种方法【photo-sphere-viewer、krpano】，以下分别讲述一、photo-sphere-viewer渲染全景图1、首先下载photo-sphere-viewer的依赖包npminstallphoto-sphere-viewer--save2、创建渲染的div3、在渲染的vue文件中引入
• 2018-02-14 骑天大胜
  骑天大胜焦点少年班坚持分享第204天2018.2.14星期三田启瑞整理屋子今天真是个好日子，有的人家已经开始贴春联了，还有一天就要过年了，我心里是万分激动，最开心的是明天爷爷奶奶要我们回家吃饭，我们要来一次大团圆，上海的哥哥，北京的姐姐，已经一年没有回家了，这次一定能过个好年！现在路上人来人往，今天大家都回家准备过年了，和一年未见的亲戚们拥抱一下，在回家吃个年夜饭，那是多么的开心呐！有人一年就期盼
• svn转git实践分享 shyingsheng
  很多公司都会碰到SCM工具转变的问题，时下git是最热门的SCM工具。下面简单总结我在实施项目由svn转git的实际操作。这里我们托管git的服务器用的是gitlab。git提供一条非常有用的命令叫做gitsvn,它基本上就可以满足你完成svn转git的核心工作。git的最新版本都已经自带有git-svn功能可以直接用。1.首先在gitlab上创建一个project，权限管理和项目设定这里不展开了
• uniapp微信小程序 实现swiper与按钮实现上下联动 是菜菜的小前端啊 uni-app微信小程序前端
  1.需求：页面顶部展示n个小图标。当选中某个图标时，下方视图会相应切换；反之，当滑动下方视图时，顶部选中的图标也会同步更新。2.思路：上方scroll-view区域渲染图标，并且可左右滑动，下方使用swiper可以左右滑动。3.代码实现上方图标渲染（1）将scroll-x属性设为true以启用左右滑动功能，同时动态绑定scroll-left属性实现上下联动滑动效果。{{item1.name}}（2
• 2022年4月8日 星期五 晴 / 太难了 刘一鸣妈妈
  在一鸣现有的认知里，我并不是一个好妈妈，这点我很无奈，但也能理解。十年前，或者五年前，一鸣都认为我就是最好的妈妈，所有亲人里我也是最亲的那个人。可是现在他十三岁了，十三岁的年龄，说大不大，说小也不小，不是哭了买个玩具就能哄高兴的了。一鸣有自己的思维方式，他想要的想做的不再与我分享。他也有自己的价值观人生观了，可能还不清晰，但是他认为可以引导他。一个青春期男孩儿该有的小心思小叛逆他都有了，只是，他缺
• mysql学习记录7.22 woshishui68892
  记录一下在学习mysql时避免忘记的内容。日期计算MySQL提供了一些函数，可用于对日期执行计算，例如，计算年龄或提取部分日期。要确定您的每只宠物几岁，请使用该TIMESTAMPDIFF()功能。它的参数是要表示结果的单位，以及两个日期之间的差值。以下查询为每只宠物显示出生日期，当前日期和年龄（以年为单位）。一个别名（age）是用来制造最终输出列标签更有意义。SELECTname,birth,CU
• 讲讲关于高仿包包的内幕，干货分享 广州潮品汇
  讲讲关于高仿包包的内幕，干货分享广州是全国甚至全球仿品牌的集中地，市场鱼龙杂乱，从原材料、半成品、加工到成品市场，环节的紧扣性非常密集，只有做到这一点，生产成本才能得到控制。其中广州那边批发规模最大，占主导市场。如果你到了这里采购，你还能采购到第一手价格的货源吗？还有如果你是第一次到这边来采购，看你是生人，估计你也不会有多少的数量，不但不给你什么脸色看，如果你遇到了不良的商家，还会坑你，以次充好！
• 唯美意境——诗词分享收藏 流云飞过诗与梦
  1.清夜无尘，月色如银。酒斟时，须满十分。——苏轼《行香子·述怀》2.世间应有，芳甘浓美，不到吾家门户。——辛弃疾《永遇乐》3.诗成流水上，梦尽落花间。——钱起《送夏侯审校书东归》4.层波潋滟远山横，一笑一倾城。——柳永《少年游》5.听杜宇声声，劝人不如归去。——柳永《安公子·远岸收残雨》6.惟有王城最堪隐，万人如海一身藏。——苏轼7.当时爱缩山川去，有夜自携星月来。——方千《赠天台叶尊师》8.吴
• 让子弹慢慢飞 - 三无青年也想创业！ miamiaomiaomiao
  华东首届餐饮互联网创新峰会-百纳集团联合创始人-吕晓阳的分享选择大于努力。射击之前，首先要瞄准靶心。这句话也是属于“简单的众所周知的，但却鲜有人真正理解的”话。两百块门票参加这次餐饮峰会，仅仅换了这句话，我觉得就非常值。01.三无青年”怎样开始创业？对于我等无资金、无经验也无资源的“青年”，创业一定不是完全不可能，只是难度很大。我们先来梳理一下，我们有哪些创业条件。资金。多少肯定有一些。话说的稍微
• 众小二微易购平台真的能赚钱吗？最全攻略来了！ 浮沉导师
  在当今数字化和平台化主导的经济潮流中，内容电商已深度融入各行各业，成为推动社会民生发展的强大力量。三只羊集团，作为优质内容的创造者，始终坚守“有家的地方有工作”的使命，其精心打造的众小二-微易购小程序，正为众多渴望改变的人们提供绝佳机遇。微易购小程序不仅是一个购物平台，更是一个实现梦想的舞台。在这里，您能以小二郎的身份，通过自用省钱和分享赚钱的方式，轻松增加收入。申请成为小二郎后，自购享受立减优惠
• 二维码异地收款无限制,什么收款码可以异地收款 神州网络公司
  在现代社会中，随着电子支付的普及和使用频率的增加，收款方式也变得多样化。针对异地收款需求，各种收款码应运而生，为人们提供了极大的便利。今天，我们将探讨一些常见的异地收款码及其特点。首先，我们来了解一下支付宝收款码。支付宝作为中国最主流的移动支付平台之一，其收款码功能得到广泛应用。通过支付宝收款码，用户可以将自己的收款二维码分享给他人，无论对方身处何地，只要扫描二维码并确认支付，资金就能安全快速地转
• 2021年11月9日中原焦点团队网络初级第31期党育坚持第29天分享 3d947c9d58d6
  今天的课刘老师让在小组内交流自己写的20条难得的感受。20条难得对我来说并不是难事，从新审视自己，一直以来，我好像很少看孩子的缺点，但也不是不责骂孩子，小时候对孩子严格要求也责骂过不少，我想不出他有哪些我不能忍受的缺点，在我的眼中包括邻居亲戚眼中他都是很好的孩子，尽管他成绩不是最好的。我也尽量不想生活中不开心的事，因为一想不开心的事就会觉得生活无趣，一眼能看到头，不如就当一天和尚撞一天钟，活在当下
• 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
• 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.