暗影刀客
暗影刀客

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

文章目录

        • 一、什么是web的性能优化
        • 二、web性能优化的目的
        • 三、web性能优化的原理
          • 3.1 加载文档
          • 3.2 生成dom树
          • 3.3 加载css 和js
          • 3.4 生成CSS OM
          • 3.5 rending tree
          • 3.6 layout（flow 、reflow）
          • 3.7 paint（repaint）
          • 3.8 composite （合并）
        • 四、性能优化
          • 4.1 html的语义化编程
          • 4.2 资源的加速
          • 4.3 js的优化
          • 4.4 CSSOM 优化
          • 4.5 dom操作节流
          • 4.6 加载渲染分流
          • 4.7 避免repaint和reflow

一、什么是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首页时做的工作了，我们搞清楚了他的工作步骤，才能知道优化的点在哪里。下图是浏览器渲染的几个步骤：
web常见性能优化总结（浏览器渲染过程详解）_第1张图片
上图中有几点需要我们注意一下：
3. DOM和CSS OM是有先后开始，但是在过程中是可以(注意是可以，不是一定，也不是不行)同步进行的
4. DOM和CSSOM 都和js的解析是互斥的，这个很好理解，js可以修改dom节点或者css样式，所以js会阻塞其他两个的进程，直至js执行完毕
那么他的执行顺序大致可以这么看
web常见性能优化总结（浏览器渲染过程详解）_第2张图片
下面我们结合chorme的新增功能performance(控制台>performance)来对于每一个步骤的工作进行分析：
web常见性能优化总结（浏览器渲染过程详解）_第3张图片

3.1 加载文档

常见的浏览器文档类型有，HTML、XHTML、SVG，XML，在用户打开浏览器的时候，首先要做的是解析域名和dns，找到对应的IP，然后通过校验之后，像服务器发起请求，服务器相应的内容就是要加载的文档。
web常见性能优化总结（浏览器渲染过程详解）_第4张图片

3.2 生成dom树

这个过程主要是把文档解析成DOCUMENT OBJECT，例如html的 ，这个结构的解析，浏览器内置的都可以直接解析这些文档，不用依赖任何其他的文件，所以这个过程会很快，最终生成表示能够表示整个文档和每个节点的类型，数据和节点关系的树形结构，简称dom树。
web常见性能优化总结（浏览器渲染过程详解）_第5张图片
需要注意一点：这里是全部的node节点，即使

该节点会依然在dom树中存在
web常见性能优化总结（浏览器渲染过程详解）_第6张图片

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节点

web常见性能优化总结（浏览器渲染过程详解）_第7张图片
web常见性能优化总结（浏览器渲染过程详解）_第8张图片

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. 用户发起的事件，鼠标事件等等

web常见性能优化总结（浏览器渲染过程详解）_第9张图片

3.7 paint（repaint）

绘制，原因和上方相同，都不止一次，会应为reflow，导致repaint。这里需要注意一点，paint的绘制是多线程分块进行的，可以在下图的三 看到，多个绘制并发进行。
web常见性能优化总结（浏览器渲染过程详解）_第10张图片

3.8 composite （合并）

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

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

四、性能优化

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

4.1 html的语义化编程

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

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

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

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

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

  • 今日读书笔记分享 小朗_18f9
    1.如果我们通过批评来提出主张，人们的反应常常是申辩或反击。反之，如果我们直接说出需要，其他人就较有可能做出积极的回应。2.如果我们不看重自己的需要，别人可能也不会。实际上，如果直接说出需要，获得积极回应的可能性就会增加。3.真诚待人比委曲求全更为可贵。如果别人感到不安，我们可以认真地倾听，但无须责备自己。4.我们意识到，虽然我们对自己的意愿、感受和行动负有完全的责任，但无法为他人负责。我们还发现
  • 【0221读书感悟】3276-Echo Echo_dc7d
    书名：《徐文兵、梁冬对话黄帝内经·异法方宜》作者：徐文兵、梁冬金句：生活环境对每个人身体健康的影响非常大，我们得意识到这种影响，有好的我们去发扬，有坏的我们就给它屏蔽掉。这样，我们既能跟天地相处得和谐自然，又能过上一种不费劲却健康快乐的生活。分享：我们经常听到的“孟母三迁”、“近朱者赤，近墨者黑”这些故事，都是在告诉我们同样的道理吧，思想的同化或是影响是最恐怖的，很多人都没有意识到这个问题，我们都
  • 考科目三最笨的方法 小淑文
    认识我的人都知道我比较笨。比如考职称用的计算机五个模块，别人一天可以全部考完，而我却用了五年一个模块一个模块地考,有两科还得补考。然而，像我这么笨的人，最近补考好不容易给过了科目三。在此，有些心得想与大家分享。不过以下方法只适用于比较笨的人，聪明人可以到此为止。首先关于灯光我第一次考，因为太紧张，就是在灯光那里莫名其妙地挂了。至于为什么挂，目前我都还不知道错在哪。后来补考练车，教练让我们看看别人怎
  • 2021-05-29 中和筝行
    中原焦点团队初级班第26期张春花分享第117天2021年5月29日今天忙了一天，到现在还没洗完衣服，明天还要到学校去上课，下个星期一定要把课题的申报部分整理出来。从期中到月考，我忙的几乎没有照看孩子的学习情况，不知道这次月考孩子会考得怎么样？希望后天的考试，孩子考出水平。
  • JavaScript 基础语法与核心概念实战：从变量到定时器 Elieal javascript开发语言ecmascript
    JavaScript作为前端开发的核心语言，其基础语法和数据类型是入门的关键。本文将通过实际代码示例，详解JavaScript的变量、数据类型、复合类型及常用交互功能，帮助初学者快速掌握核心概念。一、变量与基本数据类型变量是存储数据的容器，JavaScript中通过var（ES5）、let/const（ES6）声明。基本数据类型是构建复杂程序的基础，包括以下5种：//基本数据类型示例vara=10
  • 美韵森-践行日记打卡第51天 文馨养生
    世界上有一种强大的正能量叫相信；也有一种负能量叫不信。你相信的事情，成为你的信念；你不信的东西，成为你的障碍，禁锢你的思维。没有一个人因相信而一无所有；却有太多人因不信而丧失成长机会！信与不信，在于内心的强大与否；当你内心无比强大的时候，充满着的永远是正能量。自信开放，世界便在你脚下！2019招商会开始便进入倒计时，加油吧，人在做，天在看，努力了，一定会有收获！带着爱，去分享健康！
  • javascript基本内容和标签 Sonnenblume_f IT总结编程语言javascriptIT总结
    js概念:javascript是互联网上最流行的，可以嵌套到html代码中的，一种基于对象和事件驱动的，并具有安全性能的脚本语言。具有1）向html页面中增加交互行为；2）脚本语言，语法和java类似；3）解释性语言，边执行边解释;4）跨平台，每个浏览器都具有js解释器;作用：增删HTML和css中的代码,能够动态校验数据组成：ECMAScript（核心）BOM浏览器对象模型DOM文档对象模型引入
  • 【前端】ikun-qrcode：极简的二维码生成组件，使用view而非canvas避免层级问题 青春狗头少年不会梦到格温学姐 前端
    文章目录背景ikun-qrcode界面效果如何发布一款自己的插件到uniapp市场。（5分钟搞定）背景之前在uniapp上100行搞定二维码生成，现在封装为vue组件分享出来：下载地址：https://ext.dcloud.net.cn/plugin?id=19351ikun-qrcode使用基础的view渲染二维码，需要给定宽高和单位和数据：uniapp默认整体宽度是750rpx。界面效果如何发
  • 电商运营日常分享记录【产品布局1】【9】2023-10-26 木子帮主忘忧
    分享发心：【摘自2023年的10月18日】很久没有翻开了，记得下载是在北京的时候，当时我们参加了易效能时间管理的课程，才下载，挑战100天的践行；记得当时我挑战了2期还是3期，现在已经不记得当时一起的小伙伴们还有多少人坚持到了现在，如果到现在的话应该已经是第几十期了吧！不知道现在的他们变得有多优秀了，估计已经非常非常优秀了，在一起的几期践行给我的感触还是很大的，那时候能感觉到自己和他们在一起很开心
  • 【前端】ikun-pptx编辑器前瞻问题二： pptx的压缩包结构，以及xml正文树及对应元素介绍
    文章目录PPTX文件本质：一个压缩包核心文件解析1.幻灯片内容文件(ppt/slides/slideX.xml)2.元素类型解析文本框元素(p:sp)图片元素(p:pic)单位系统开发注意事项参考工具pptx渲染路线图PPTX文件本质：一个压缩包PPTX文件实际上是一个遵循OpenXML标准的ZIP压缩包，包含多个XML文件和其他资源。我们可以通过解压工具查看其内部结构：pptx文件├──[Con
  • 车载U盘音乐百度网盘迅雷下载地址整理分享伤感经典流行音乐网盘资源哪儿下载 123看剧
    提示：资源链接地址放在文章结尾，往下翻就行车载DJ歌曲排行榜是随着时代和音乐潮流的变化而不断更新的。以下是一些在车载DJ中广受欢迎的歌曲，它们以其独特的旋律和动感的节奏为驾驶者带来愉悦的驾驶体验。1.《ShapeofYou》-EdSheeran这首歌以其轻快的节奏和抓耳的旋律成为许多车载DJ播放列表的常客。EdSheeran的嗓音和歌词中透露出的幽默感，让这首歌在车内播放时总能带来轻松愉悦的氛围。
  • 一周学委分享稿(二) 5239林中漫步
    各位亲爱的老铁：大家晚上好！我是林中漫步，非常高兴能在这里为大家分享正面管教的基本理念和育儿工具。上一次，我重点分享了什么是和善而坚定，以及如何做到和善而坚定、了解孩子错误行为背后的动机和错误是学习的好机会，今天，我将具体为大家分享一些建立情感链接和与孩子一起解决问题的工具。首先，我先给大家讲一个我在做育儿咨询时遇到的一个案例。一位妈妈看自己上了初中的女儿，依然贪玩。不爱学习，就非常地着急，明里暗
  • Ajax与axios wwwwdn ajaxokhttp前端javascript
    本文是学习了网上的Ajax的课程总结，并加上了一些自己的总结。AjaxAjax（AsynchronousJavascriptAndXML），即是异步的JavaScript和XML，Ajax其实就是浏览器与服务器之间的一种异步通信方式。XMLHttpRequest（XHR）XMLHttpRequest（XHR）对象用于与服务器交互。通过XMLHttpRequest可以在不刷新页面的情况下请求特定UR
  • nextjs+react接口会请求两次？
    解决Next.js+React接口重复请求问题在Next.js应用中，你可能会遇到API请求被发送两次的情况。以下是常见原因和解决方案：1.开发模式下StrictMode的影响原因Next.js默认启用React的StrictMode，在开发环境下会故意渲染两次组件以帮助发现潜在问题。解决方案//next.config.jsmodule.exports={reactStrictMode:false
  • Vue3 实现 DOCX 文档在线预览功能（基于 docx-preview）
    Vue3实现DOCX文档在线预览功能（基于docx-preview）在本篇文章中，我们将介绍如何使用Vue3+docx-preview来实现浏览器端的.docx文档预览功能。项目依赖首先需要安装以下依赖：npminstalldocx-previewaxios组件代码详解Template部分预览DOCX按钮用于触发加载文档事件，文档内容将渲染在docxContainer容器中。Script部分imp
  • 中原焦点团队初33期王小梅第四十天分享 黄金书
    2022年3月4日重新建构的功能与注意事项1透过此过程来引导孩子看见事件中的正向意义。2带领孩子重新诠释事件中所带来的不好经验。与其说重新建构是一个技巧，不如说它是一种态度。重新建构的英文为reframing，其中包含了两重意思，一是re-重新，一是framing—框架。“重新”的意思大家自然都懂，“框架”的意思可能就需要解释一下了，它指的是人们看事情的角度或是眼光。因此，在使用重新建构时要注意。
  • JavaScript 类型转换之谜：为什么 [] + 0 = ‘0‘ 而 {} + 0 = 0？
    在JavaScript面试中，表达式[]+0和{}+0的结果差异常令人困惑。它们揭示了JavaScript类型转换的核心机制，下面我们深入解析背后的原理。案例一：[]+0='0'（字符串拼接）转换步骤：数组[]转换为原始值JavaScript对对象（包括数组）执行ToPrimitive转换：优先调用valueOf()→返回数组本身（非原始值，继续下一步）调用toString()→空数组转为空字符串
  • 我为什么允许学生带零食 梦在燃烧_06ae
    高年级的学生一般不会带零食到教室，偶尔有捎带的，也是自己偷偷摸摸吃，哪敢与老师分享？但是在我所教的二年级学生的书包里，零食几乎是另一类“文具”。在这里我要声明一下，学校是不允许学生带零食进校园的，但是我在带他们一年级时，考虑学生到校早早饭可能吃不好，半晌就会感到饥饿这个问题。于是我就允许我班的孩子带食品到学校，在大课间的时候补充一下能量。不过，我对孩子们进行了如下的食品安全教育：1.不吃垃圾食品和
  • 韩笑|Day20 感恩日记 Annie韩笑
    感恩自己，调整情绪的能力在增强感恩自己持续不断的努力坚持，每天都在学习，在输出感恩洒水车，给城市带来清洁，洒水车走过的地方还可以看到彩虹感恩得到APP香帅的分享，让我对当前形势有了新的认识感恩宝宝的绘本，用故事的方式跟小朋友传递正面思维感恩阳光，很温暖可以消毒感恩大地，支撑着许多楼房，养育着花草树木，提供我们生存的空间感恩天空，保护着地球，提供小鸟生存空间，给人们很多想象感恩我的身体，健康强壮，我
  • Python爬虫技术：高效采集开放数据的5种方法 大数据洞察 python爬虫wpfai
    Python爬虫技术：高效采集开放数据的5种方法关键词：Python爬虫、开放数据采集、请求库、异步爬虫、分布式爬虫、动态网页解析、API直连摘要：本文围绕“如何用Python高效采集开放数据”展开，系统讲解5种主流爬虫方法（基础请求库、异步请求、动态网页渲染、分布式爬虫、API直连）的原理、适用场景与实战技巧。通过生活类比、代码示例和真实案例，帮助读者快速掌握不同场景下的爬虫策略，同时强调数据合
  • 淘宝优惠券去哪里领?5大领取方法 好项目高省
    大家好，我是万方，从事导购返利行业8年了。期间见证了无数平台崛起及各种套路，以及后来更多平台的倒闭和跑路。对于这个话题，今天我从一个内行的角度跟大家分享下，避免大家吃亏上当和走弯路。返利平台大概有这么几种类型：其一是社交电商导购类型，代表有：氧惠，高省，花生日记，蜜源，悦拜，美逛，高佣联盟，粉象生活，好省等；这种类型的平台从2017年出来后，几乎每年都有一些新平台出来。也是市面上目前最主流，用户群
  • 2021-03-26 小仙女丽丽2020
    赵红丽持续分享第308天20210326中原焦点团队约练本周0总67读书第141天早睡第29天（10点30）锻炼第32（3次）天，晒太阳第21天感觉到自己的，稳定生活里还会出现各种各样的事情，可是我已经没有那么焦虑了，我会跟事情有那么一点距离，不着急，不管怎么样？都不着急，很少卷入事情，卷入情绪，会带着一点觉察，来观察一下自己，观察一下这件事情虽然我还没有那么锐利的眼睛，能够看到事情后面有什么，但
  • 分享25个适合上班族的副业路子，总有一款适合你 氧惠好物
    借用一句俗语“主业求生存、副业求发展”想要在不耽搁主业的情况下寻找一个兼职副业项目应该选什么呢?上班族的工作时间有些比较固定、有些时间比较自由，很适合做一些兼职副业，不仅能打发时间还能赚点钱。今天小编来跟大家分享25个兼职副业项目。1.自媒体只要有一部手机就可以做自媒体，普通人拍摄上班、做饭、日常视频，等待剪辑好之后发布在抖音、小红书、微博等等的自媒体平台，以小红书平台为例能有几千粉丝就可以接广告
  • 2023-02-03 霖霖z
    日期:2023年02月03日【日精进打卡第1675天】【知～学习】《六项精进》0遍共327遍《通篇》0遍共195遍《大学》0遍共528遍《经营与会计》OK《经典名句》成功需要缜密的计划和精心的准备持续努力，变平凡为非凡只有亲身体验，才是最宝贵的财富一、修身：（对自己个人）1、坚持打卡二、齐家：（对家庭和家人）做饭，打扫卫生【分享】人生就像赛跑，不在乎你是否第一个到达尽头，而在乎你有没有跑完全程。跟
  • 网络爬虫进阶 rooney2024 爬虫
    目录一、进阶爬虫的核心挑战二、关键技术与最佳实践三、实战案例：爬取动态电商价格（伪代码示例）四、持续学习路径结语一、进阶爬虫的核心挑战动态渲染页面(JavaScript/AJAX)问题：数据由JavaScript动态加载生成，初始HTML中不存在。解决方案：浏览器自动化工具：Selenium,Playwright,Puppeteer。模拟真实浏览器行为，等待JS执行并渲染出完整DOM后再解析。无头
  • 剽悍老铁：一位98年个体创业者的奋斗开局 洛柒姑娘
    我是羊羊，98年的个体创业者，一个创业百天，收入就翻了10倍的四川女孩。我的起点很低，0资源、低学历，半年前拿着2000固定工资，家庭还负债百万的女孩……可是谁说，一手烂牌不能打成王炸？为了“王炸”般的未来，我付出了很多：最初为了不耽误白天的本职工作，我一天只睡不到5个小时，疯狂地学……甚至，做饭吃饭在学，走路坐车在想，连约会时，都常常抱着手机敲文字。如今，我的思维导图分享内容，已经迭代到了4.0
  • ABAP Cloud 语言版本、Release Contract 与 API 发布全景解析 汪子熙 ABAP百科全书SAPABAP思爱普NetWeaver
    在云时代，ABAP早已不再只是本地ERP系统里的专属语言，而是演变成能够运行在SAPBTP多租户环境中的云原生开发平台。为了确保代码安全、升级无痛以及生态协同，SAP引入了受限语言版本、ReleaseContract和ReleasedAPI三大治理机制。本文立足官方规范与实践案例，先对两种ABAP语言版本的定位做纵向梳理，再横向剖析五类ReleaseContract的边界约束，最终结合真实项目分享
  • 什么软件赚钱多 安全可靠2022精选3类赚钱软件 日常购物技巧呀
    小编最近看到有网友在问“赚钱软件哪个赚钱多,又安全？”最近几年受疫情影响，80%人收入有下滑趋势，但有一个行业特别火，那就是手机赚钱，2022年今天也依旧是，这种方法让一些既想在网络上赚钱又想没有门槛，不需要任何技能的人看到了希望，想着利用业余时间做这个可以赚点外快。高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入
  • 分享‖♥世界的孩子 沭彦
    世界的孩子作者:林婉瑜今日份图秋天的第一片落叶是怎样抛弃了自己的生命去亲吻土地湿气里的种子以为自己是在温暖泥土里而努力发芽我也是被爱的被整个世界所爱被日光所爱被层层袭来的海浪所爱被柔软适合躺卧的草地所爱被月光以白色羽绒的方式宠爱被夏夜晚风这样吹袭几乎要躺在风的背面一起旅行虽然经常孤独地哼歌给自己听我是世界的孩子有人喜爱的孩子
  • 娱乐主播真的只是聊天吗，说说我的感受 糖葫芦很甜
    在数字时代的浪潮中，娱乐主播这一职业如同璀璨星辰，照亮了无数人的休闲时光。每当夜幕降临，或是闲暇之余，打开直播平台，总能看到那些充满活力与个性的主播们，以他们独特的方式与观众互动，带来欢笑与共鸣。那么，娱乐主播真的只是简单地聊天吗？作为一位长期关注并偶尔参与其中的观众，我想分享一些我的感受与见解。娱乐主播：远不止于聊天首先，不可否认的是，聊天是娱乐主播与观众建立联系最直接、最基础的方式。主播们用幽
  • 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、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少