ALSNEI
ALSNEI

Web页面优化

Web页面优化

HTML页面加载和解析流程

1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。
2. 浏览器开始载入html代码，发现<head>标签内有一个<link>标签引用外部CSS文件。 
3. 浏览器又发出CSS文件的请求，服务器返回这个CSS文件。 
4. 浏览器继续载入html中<body>部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了。 
5. 浏览器在代码中发现一个<img>标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码。 
6. 服务器返回图片文件，由于图片占用了一定面积，影响了后面段落的排布，因此浏览器需要回过头来重新渲染这部分代码。 
7. 浏览器发现了一个包含一行Javascript代码的<script>标签，赶快运行它。
8. Javascript脚本执行了这条语句，它命令浏览器隐藏掉代码中的某个<style>（style.display=”none”）杯具啊，突然就少了这么一个元素，浏览器不得不重新渲染这部分代码。 
9. 终于等到了html>的到来，浏览器泪流满面…… 
10. 等等，还没完，用户点了一下界面中的“换肤”按钮，Javascript让浏览器换了一下＜link＞标签的CSS路径。 
11. 浏览器召集了在座的各位<div><span><ul><li>们，“大伙儿收拾收拾行李，咱得重新来过……”，浏览器向服务器请求了新的CSS文件，重新渲染页面。
JS的加载

  1. 不能并行下载和解析（阻塞下载）。

  2. 当引用了JS的时候，浏览器发送1个js request就会一直等待该request的返回。因为浏览器需要1个稳定的DOM树结构，而JS中很有可能有 代码直接改变了DOM树结构，比如使用 document.write 或 appendChild,甚至是直接使用的location.href进行跳转，浏览器为了防止出现JS修 改DOM树，需要重新构建DOM树的情况，所以 就会阻塞其他的下载和呈现.

加快HTML页面加载速度

  1. 页面减肥：

    a. 页面的肥瘦是影响加载速度最重要的因素。–精简代码

    b. 删除不必要的空格、注释。–去除无用

    c. 将inline的script和css移到外部文件。–外部引用

    d. 可以使用HTML Tidy来给HTML减肥，还可以使用一些压缩工具来给JavaScript减肥。(用插件使代码规范,压缩)

  2. 减少文件数量：

    a. 减少页面上引用的文件数量可以减少HTTP连接数。

    b. 许多JavaScript、CSS文件可以合并最好合并

    c.去掉不必要的插件,每个插件都需要服务器处理，从而增加了页面加载时间.有些插件是必须的，如社交分享插件，你可以选择CMS内置的(系统自带)社交分享功能来代替安装插件。

  3. 减少域名查询：

    a. DNS查询和解析域名也是消耗时间的(一般一次解析需要20～120毫秒,浏览器在DNS查询完成前不会下载任何东西)，所以要减少对外部JavaScript、CSS、图片等资源的引用，不同域名的使用越少越好。

  4. 缓存重用数据：

    a. 对重复使用的数据进行缓存。

  5. 优化页面元素加载顺序：

    a. 首先加载页面最初显示的内容和与之相关的JavaScript和CSS，然后加载HTML相关的东西，像什么不是最初显示相关的图片、flash、视频等很肥的资源就最后加载。

  6. 减少inline JavaScript的数量：

    a. 浏览器parser会假设inline JavaScript会改变页面结构，所以使用inline JavaScript开销较大。

    b. 不要使用document.write()这种输出内容的方法，使用现代W3C DOM方法来为现代浏览器处理页面内容。

  7. 使用现代CSS和合法的标签：

    a. 使用现代CSS来减少标签和图像，例如使用现代CSS+文字完全可以替代一些只有文字的图片。

    b. 使用合法的标签避免浏览器解析HTML时做“error correction”等操作，

  8. Chunk your content：

    a. 不要使用嵌套table，而使用非嵌套table或者div。将基于大块嵌套的table的layout分解成多个小table，这样就不需要等到整个页面（或大table）内容全部加载完才显示。

  9. 指定图像和table的大小：

    a. 如果浏览器可以立即决定图像或table的大小，那么它就可以马上显示页面而不要重新做一些布局安排的工作。

img-wrap{//图片外层样式设死
    position:relative;
    width:100%;
    height:0;
    padding-top:100%;//W3C标准 给padding值设置100%时,是根据 width值进行计算的,这样保证外层十个宽高相等的容器
}
img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

b. 这不仅加快了页面的显示，也预防了页面完成加载后布局的一些不当的改变。

c. image使用height和width。 

c1. 指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】，使页面渲染速度更快。

c2. 不要使用非图片原始尺寸来缩放图片。如果一个图片文件实际上的大小是60×60像素，不要在HTML或CSS里设置尺寸为30×30像素。如果图片需要较小的尺寸，在图像编辑软件中，设置成相一致的尺寸。

c3. 一定要指定图片或它的块级父元素的尺寸一定要设置元素本身，或它的块级父元素的尺寸。如果父元素不是块级元素，尺寸将被忽略。不要在一个非最近父元素的祖先元素上设置尺寸。

c4. 多图像的网站加载时间比较久。其中一个解决方法就是把多个图像整合到少数几个输出文件中。你可以使用 CSS Sprites 来整合图像文件。这样就减少了在下载其他资源时的往返次数和延迟，从而提高了站点的速度。

10.利用浏览器缓存

　　浏览器缓存是允许访客的浏览器缓存你网站页面副本的一个功能。这有助于访客再次访问时，直接从缓存中读取内容而不必重新加载。这节省了向服务器发送HTTP请求的时间。此外，通过优化您的网站的缓存系统往往也会降低您的网站的带宽和托管费用。

11.使用内容分发网络（Content Delivery Network CDN）

　　服务器处理大流量是很困难的，这最终会导致页面加载速度变慢。而使用CDN就可以解决这一问题，提升页面加载速度。
(CDN是位于全球不同地方的高性能网络服务，复制你网站的静态资源，并以最有效的方式来为访客服务。)

12.启用GZIP压缩

　　a. 在服务器上压缩网站的页面是提升网站访问速度非常有效的一种方法。你可以用gzip压缩做到这一点。Gzip是一个减小发送给访客的HTML文件、JS和CSS体积的工具。压缩的文件减少了HTTP响应时间。据Yahoo报道，这大概可以减少70%的下载时间。而目前90%的通过浏览器的流量都支持Gzip压缩，因此，这是一个提示网站性能有效的选项。

13.使用预先获取

预先获取可以在真正需要之前通过取得必需的资源和相关数据来改善访问用户的浏览体验，主要有3类预先获取:

a. 链接预先获取

b. DNS 预先获取

c. 预先渲染

在你离开当前 web 页面之前，使用预先获取方式，对应每个链接的 URL 地址，CSS，图片和脚本都会被预先获取。这保证了访问者能在最短时间内使用链接在画面间切换。

链接属性上增加 rel=”prefetch”,rel=”dns-prefetch”，或者 rel=”prerender” 标记。

14.使用轻量级框架

是几项可以加快读取的轻量级框架：

Pure

Skeleton

Milligram

15.用CSS开启硬件加速来提高网站性能

CSS animations, transforms 以及 transitions 不会自动开启GPU加速，而是由浏览器的缓慢的软件渲染引擎来执行.

现在，像Chrome, FireFox, Safari, IE9+和最新版本的Opera都支持硬件加速，当它们检测到页面中某个DOM元素应用了某些CSS规则时就会开启，最显著的特征的元素的3D变换,还有

transform: translateZ(0)

backface-visibility: hidden;

你可能感兴趣的:(web优化)

  • postgresql易学堂_Web优化躬行记（2）——JavaScript 马马Mona postgresql易学堂
    一、语言1)慎用全局变量当变量暴露在全局作用域中时，由于全局作用域比较复杂，因此查找会比较慢。并且还有可能污染window对象，覆盖之前所赋的值，发生意想不到的错误。0==''//true0=='0'//false3)简写简写的方式很多，此处只会列举其中的几种，例如用三目运算替代if-else语句，或用&&或||符号替代条件语句。if(count>1){++a;}else{--a;}//简写cou
  • 前端每周清单第 51 期: React Context API 与模式变迁, Webpack 与 Web 优化, AI 界面生成... weixin_34071713 webpack前端面试ViewUI
    前端每周清单第51期:ReactContextAPI与模式变迁,Webpack与Web优化,AI界面生成作者：王下邀月熊编辑：徐川前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID:frontshow），及时获取前端每周清单。新闻热点国内国外，前端最新动态Chr
  • 前端面经 前端优化 TA_WORLD 前端面经前端javascript优化面经面试
    前端面经前端优化文章目录前端面经前端优化HTTP/2Web优化最佳实践DNS与解析如何使用CDN分发缓存策略页面渲染优化避免CSS、JS阻塞CSS阻塞JS的阻塞改变JS阻塞的方式使用字体图标iconfont代替图片图标降低CSS选择器的复杂性减少重绘和回流如何避免图片资源优化Webpack优化降低请求量：合并资源，减少HTTP请求数，minify/gzip压缩，webP，lazyLoad。加快请求
  • flutter web 优化和flutter_admin_template yujunlong3919 androidflutterflutter前端
    文章目录FlutterAdminTemplateLivedemo:https://githubityu.github.io/live_flutter_adminWeb优化Setup登录注册英文亮色主题中文暗黑主题管理员登录权限根据权限动态添加路由第三方依赖License最后参考学习FlutterAdminTemplateResponsivewebwithlight/darkmodeandmulti
  • web优化 dengjiayue 程序人生
    1.使用JSON-iterator对json数据进行解析JSON-iterator是一个用于高性能JSON解析的库，它提供了一种快速解析JSON数据的方式(快10倍)。以下是使用JSON-iterator库的基本步骤：下载并安装JSON-iterator库你可以在https://github.com/json-iterator/go上找到JSON-iterator库的代码，可以使用goget命令安
  • 前端技术面试大全 以码平川 CSS学习面试前端职场和发展
    快速搞定前端技术一面匹配大厂面试要求迅速建立初中级前端面试（0~2年）JS知识体系掌握解决面试题的思路与技巧知识点介绍CSS:布局定位移动端响应式ES语法:原型原型链作用域闭包异步单线程WebAPIDOMBOMAjax跨域事件存储开发环境版本管理调试抓包打包构建运行环境页面渲染性能优化Web优化网络通讯headersRestfulAPI缓存策略1.0如何思考面试问题拿到一个面试题,第一时间看到->
  • 【译】深入了解现代web浏览器（三）渲染进程内部工作 silence_yfang
    渲染进程的内部工作这是我们了解浏览器如何工作4篇博客的第3篇。之前，我们介绍了多进程架构和导航流程。在本文中，我们将研究渲染进程内部发生了什么。渲染器进程涉及web优化的许多方面。由于渲染进程内部发生了很多事情，因此本文只是概述。如果你想更加深入，“web基础知识的性能优化部分”有更多的资源。渲染进程处理web内容渲染进程负责处理tab选项卡内发生的所有事情。在一个渲染进程中，主进程处理你发送给用
  • web优化相关学习笔记 squidbrother
    网页解析的过程页面解析过程-谷歌工程师一个渲染引擎主要包括：html解析器、css解析器、javascript引擎、布局模块、绘图模块等HTML解析器：用于解析HTML文档的layoutDOM树CSS解析器：用于计算元素中的样式信息，提供CSS树javascript引擎：用于解析js代码布局模块：将最终处理的layout树绘制在浏览器绘图模块：计算网页节点的绘制图像结果除此之外，还有处理富媒体的图
  • web优化是http缓存（上） beiq
    缓存作用缓存可以减少冗余代码数据传输，节省网络费用缓解网络瓶颈问题。不需要更多宽度就能加载页面降低原始服务器请求。服务器可以更快响应，避免过载出现降低距离延迟。从较远地方加载页面更快一些总结：从网络费用，宽带，过载，距离几方面改善优化。冗余代码解决在同时拥有很多客户对同一资源请求，服务器反复发送相同的东西，压力会很大，但是如果做了缓存，就会保留一份副本。这样减少了重复流量。宽带瓶颈宽带瓶颈，很多网
  • 0.1秒，大型 h5 页面无缝闪开方案 web优化性能秒开优化
    在传统的web优化中，我们可以采取压缩、拆包、动态加载等方法减少首屏资源大小，也能通过离线包、页面直出等方案加速html返回，之前一篇h5秒开大全(opensnewwindow)有部分简析。在大部分场景中，这些方案都足够用，也能得到出色的效果。但仍有两种无法尽善尽美的地方：其一是短暂的白屏现象不可避免，其二是对于超大型web应用难以做到秒开。结合客户端特性，我们有没有办法，进一步做到极致，打开we
  • Web优化躬行记（6）——优化闭环实践 咖啡机（K.F.J）
    在遇到一个页面性能问题时，我理解的优化闭环是：分析、策略、验证和沉淀。分析需要有分析数据，因此得有一个性能监控管理。策略就是制订针对性的优化方案，解决当前遇到的问题。验证的对象上述策略，判断方案是否有效，同样需要数据支撑。沉淀就是将解决过程文档化、通用化，能够总结成一套实际方案、优化规则等。
  • 《HTTP/2 基础教程》 阅读摘要 SHERlocked93 读书笔记前端下午茶http2
    文章目录1.HTTP进化史1.1HTTP/0.9、HTTP/1.0、HTTP/1.11.2HTTP/22.HTTP/2快速入门2.1启动并运行2.2获取证书3.Web优化『黑魔法』的动机与方式3.1当前的性能挑战3.1.1剖析Web页面请求3.1.2关键性能指标3.1.3HTTP/1的问题1.队头阻塞2.低效的TCP利用3.臃肿的消息首部4.受限的优先级设置5.第三方资源3.2Web性能优化技术3
  • Web优化躬行记（5）——网站优化 咖啡机（K.F.J）
    最近阅读了很多优秀的网站性能优化的文章，所以自己也想总结一些最近优化的手段和方法。个人感觉性能优化的核心是：减少延迟，加速展现。本文主要从产品设计、前端、后端和网络四个方面来诉说优化过程。一、产品设计在网上看到一句话：好的性能是设计出来的，而不是优化出来的。感觉好有道理，如果将性能瓶颈扼杀在摇篮里，那么后期的维护成本将变得非常低，并且在避免改造后，都不需要浪费资源了。1）聊天改版最近公司有个聊天活
  • web优化 - 资料集合 Wenliang
    这里四处收集了很多关于web移动端优化的资料和知识点，不定期更新，仅供参考！360奇舞团屈光宇的个人博客移动WEB通用优化策略介绍（一）移动WEB通用优化策略介绍（二)淘宝H5手机端适配方案腾讯ISUX团队滑屏H5开发实践九问百度前端学院这里面有一些不错的资料链接GoogleDeviceMetricsvisualviewport和layoutviewport的区别GeorgeCummins的解释V
  • web优化 之 增量更新 诺之林
    本文Demo的完整工程代码,参考dva-incremental-updating目录starttemplatehashgulpurlstartdvanewdva-incremental-updating-htmlnpmrunbuild&&catdist/index.htmlDvaDemotemplatevimsrc/index.ejs机械指挥官-工程机械物联网智慧管理解决方案npmrunbuild
  • 《跟老男孩学Linux运维 Web集群实战》PDF完整版下载 檀香学习笔记
    本文分享一本Linux运维必备书籍——《跟老男孩学Linux运维Web集群实战》。一、书籍简介《跟老男孩学Linux运维Web集群实战》针对中小规模网站集群的搭建、部署、优化进行了详细讲解。全书可分为三大部分，其中第一部分讲的是Linux相关的基础且重要的知识，第二部分针对当下流行的Web环境架构（LNMP）的搭建及企业级Web优化等进行了讲解，第三部分讲的是Web集群后端的数据存储和Web集群前
  • WebP\WebM新媒体格式的网站优化 前端性能优化webp网站优化
    Web已成为当前世界上最重要且使用最广泛的通信平台之一。但这一令人难以置信的技术的一个缺点是，作为开发者，我们无法控制我们的用户访问我们网站的设备的硬件规格。终端用户可能在高端或低端设备上访问你的网站，而这些设备的网络连接有好有坏。这意味着，你必须确保你的网站尽可能地优化，以便能够满足任何用户的要求。Web优化可以在网站的不同组件上以多种不同方式完成。我最近写了一篇文章，介绍使用JavaScrip
  • js中延迟加载和预加载的具体使用
    延迟加载（懒加载）和预加载是常用的web优化的手段。。一、延迟加载（懒加载）原理：当在真正需要数据的时候，才真正执行数据加载操作。目的：延迟加载机制是为了避免一些无谓的性能开销而提出来的实现延迟加载的几种方法1.让js最后加载使用方法：把js外部引入的文件放到页面底部用途:让js最后引入，从而加快页面加载速度说明:流览器之所以会采用同步模式，通常加载js文件或者放标签都在结构最后面，也是因为它会阻
  • 对前端开发这个工作的认识 JiaoLong_H
    1.最开始的阶段，前端开发相当与是给房子装修，由美工提供设计图纸，后端工程师构建基础框架搭建毛坯房，然后前端开发工程师按照走线等等合理布局，将图纸上的样式实现。2.随着web的不断发展，由最开始的静态网页，到后来需要局部更新数据的需求，促使我们需要精确的从服务器端取出数据并显示在页面上。也就是与后台动态进行交互，这是以前简单的页面制作所达不到的。同时，现在前端需要做大量的web优化工作，比如css
  • LNMP架构下nginx的web优化 ---自动索引、日志轮询、站点目录和文件的限制、限制ip、重定向（防止恶意解析 || 定向到其他网址） Horizon_carry linux实战
    一、自动索引vi/usr/local/lnmp/nginx/conf/nginx.confhttp{charsetutf-8;在http下面添加中文乱码location/download/{limit_connaddr1;#限制并发数#limit_rate50k;#限制带宽autoindexon;#添加自动索引测试：浏览器访问17.25.7.2/download/会自动索引到/download目录
  • Unity项目优化——Web版 LvJ_China Unity
    Unity项目优化——Web版大家好，这是小黑第一次写文章(哈哈哈哈哈，好激动)，我好好的写，有不对的地方多多指出。首先呢是版本介绍，不过好像版本对于优化没有影响；不过还是要告诉大家我用的版本：Unity5.6.1今天要介绍关于Web优化的三大步骤：1.该存放到的文件夹中2.对于UI的优化____UGUI版；3.对于模型的优化；首先介绍一个文件夹：Editor不会被打包。放一些编辑器脚本，插件的安
  • 研究显示：众多网上零售商未遵循Web优化基本准则 merek 性能调优
    Web优化专家JoshuaBixby最近在博客中披露，在其正在进行的一项Web性能研究中，针对Alex排名前1000名的网上零售商做了Web性能分析，众多网站在保持连接（Keep-Alive）或者压缩文本（CompressText）方面没有优化。InfoQ中文站对此做了整理，供国内社区参考。JoshuaBixby选取了两项最基本的优化方法（保持连接和压缩文本）对网上零售商做了研究，初步分析结果是：
  • Web优化躬行记（4）——用户体验和工具 咖啡机（K.F.J）
    一、用户体验用户体验（UE/UX）是指一个人使用一个特定产品、系统或服务时的行为、情绪与态度，还包含用户对于系统的功能、易用和效率的感受，因此用户体验在本质上可以视为一个人对于系统的主观感受与主观想法。用户体验是动态的，由于不断变化的使用情况、不停变化的各个系统，以及变化发生背后的情境与脉络，因此它是随着时间而不断地变化着。1）Loading动画有一份调查指出，用户能够忍受加载的最长时间在：6到8
  • JavaWeb 之 AJAX weixin_33851177
    Ajaxajax：AJAX是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新AJAX：AsynchronousJavaScriptandXML，异步javascript和XML，带来用户体验改变，是web优化一种主要手段AJAX=DHTML(HTML、CSS、JavaScript)+XMLHttpRequest对象传统web交互模型，浏览器直接将请求发送给服务器，服务器回
  • web前端性能意义、关注重点、测试方案、优化技巧 Trinea HtmlCssJavaScript性能及调优
    相对成熟的后端性能测试工具LoadRunner和开源的jmeter。前端性能一直缺乏更多的重视以及测试、优化的文档支持。这里简单介绍下前端性能的意义、关注重点、测试方案和优化技巧1、前段性能的意义对于访问一个网站，最花费时间的并不是后端应用程序处理以及数据库等消耗的时间，而是前端花费的时间（包括请求、网络传输、页面加载、渲染等）。根据web优化的黄金法则：80%的最终用户响应时间花在前端程序上，而
  • 移动开发中的 Web：WebView、WebKit、JSCore、Web 优化、热修复、跨平台、Native、Hybrid……... chicitan9040
    移动开发领域近年来已经逐渐告别了野蛮生长的时期，进入了相对成熟的时代。而一直以来Native和Web的争论从未停止，通过开发者孜孜不倦的努力，Web的效率和Native的体验也一直在寻求着平衡。本文聚焦iOS开发和Web开发的交叉点，内容涉及到iOS开发中全部的Web知识，涵盖从基础使用到WebKit、从JSCore到大前端、从Web优化到业务扩展等方面，希望通过简要的介绍，帮助开发者一窥Hybr
  • web优化必须了解的原理之I/o的五种模型和web的三种工作模式 BaoChuquan WebWebio
    原文地址：http://litaotao.blog.51cto.com/6224470/1289790===========================================图解五种I/O模型图解web支持的三种工作模式===========================================五种I/O：1）阻塞I/02）非阻塞I/O3）I/O复用4）事件(信号)驱动I/
  • Web优化躬行记（3）——图像和网络 咖啡机（K.F.J）
    一、图像1）响应式图像浏览器根据屏幕大小、设备像素比、横竖屏自动加载合适的图像。响应式的功能可以通过srcset和sizes两个新属性实现。前者可指定选择的图像以及其大小，后者会定义一组媒体条件并声明填充的宽度。在下面的示例中（在线查看效果），浏览器会先查看设备宽度，然后检查sizes列表中哪个媒体条件第一个为真，再查看该媒体查询的填充宽度，最后从加载的srcset列表中引用宽度最接近的图像。2）
  • Tongweb优化四步骤 阿鹏兄
    Tongweb优化四步骤Tongweb优化四步骤（以东方通4.6为例）：1:Java虚拟机jvm内存配置，分配更多的内存给tongweb使用在服务器环境变量中增加系统变量JAVA_OPTS参数名：JAVA_OPTS参数值：-Xms128m-Xmx256m(根据服务器...Tongweb优化四步骤（以东方通4.6为例）：1:Java虚拟机jvm内存配置，分配更多的内存给tongweb使用在服务器环境
  • 小程序使用阿里云视频点播_使用PHP建立您自己的点播视频网站，第1部分，基础 cuxiong8996
    小程序使用阿里云视频点播存档日期：2019年4月18日|首次发布：2008年4月1日设置自己的视频点播网站不必太复杂。上载一些视频，并准备好让人们观看-非常简单。但是，如果您要制作很多视频，则需要一种使视频井井有条的方法。这个由三部分组成的“使用PHP设置自己的点播视频网站”系列将带您了解创建针对Web优化的视频所需的所有知识，以及创建一个PHP应用程序，该应用程序将有助于使视频井井有条并易于访问
  • Spring的注解积累 yijiesuifeng spring注解
    用注解来向Spring容器注册Bean。   需要在applicationContext.xml中注册： <context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。 如：在base-package指明一个包    <context:component-sc
  • 传感器 百合不是茶 android传感器
    android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件   下面就以重力传感器为例;   1,在onCreate中获得传感器服务   private SensorManager sm;// 获得系统的服务 private Sensor sensor;// 创建传感器实例 @Override protected void
  • [光磁与探测]金吕玉衣的意义 comsci
          这是一个古代人的秘密:现在告诉大家       信不信由你们:       穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星       这就是为什么古代
  • 精简的反序打印某个数 沐刃青蛟 打印
    以前看到一些让求反序打印某个数的程序。 比如：输入123，输出321。   记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。   似乎最后是用到%和/方法解决的。   而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了）   代码如下： long num, num1=0;
  • PHP：6种方法获取文件的扩展名 IT独行者 PHP扩展名
      PHP：6种方法获取文件的扩展名   1、字符串查找和截取的方法   1 $extension = substr ( strrchr ( $file ,  '.' ), 1); 2、字符串查找和截取的方法二   1 $extension = substr
  • 面试111 文强chu 面试
    1事务隔离级别有那些 ，事务特性是什么（问到一次） 2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问） 3 struts默认提供了那些拦截器 （一次） 4 过滤器和拦截器的区别 （频率也挺高） 5 final，finally final
  • XML的四种解析方式 小桔子 domjdomdom4jsax
    在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 　　预 备 　　测试环境： 　　AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
  • wordpress中常见的操作 aichenglong 中文注册wordpress移除菜单
    1 wordpress中使用中文名注册解决办法   1)使用插件   2)修改wp源代码      进入到wp-include/formatting.php文件中找到       function sanitize_user( $username, $strict = false
  • 小飞飞学管理-1 alafqq 管理
    项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。 今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。 结合我自己经历写下心得 对于公司选拔和培养项目经理的制度有什么毛病呢？ 1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。 2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。 3，公司对项目经理的工作缺乏进行指
  • IO输入输出部分探讨 百合不是茶 IO
     //文件处理  在处理文件输入输出时要引入java.IO这个包； /* 1，运用File类对文件目录和属性进行操作 2，理解流，理解输入输出流的概念 3，使用字节/符流对文件进行读/写操作 4，了解标准的I/O 5，了解对象序列化 */   //1，运用File类对文件目录和属性进行操作   //在工程中线创建一个text.txt
  • getElementById的用法 bijian1013 element
            getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。        返回具有指定ID属性值的第一个对象的一个引用。        语法： &n
  • 励志经典语录 bijian1013 励志人生
    经典语录1:   哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生
  • [MongoDB学习笔记三]MongoDB分片 bit1129 mongodb
    MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。 本篇介绍MongoDB的切片(Sharding)   1.何时需要分片 &nbs
  • 【Spark八十三】BlockManager在Spark中的使用场景 bit1129 manager
    1. Broadcast变量的存储，在HttpBroadcast类中可以知道 2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的 3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan
  • yum方式部署zabbix ronin47 yum方式部署zabbix
    安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
  • Hibernate4和MySQL5.5自动创建表失败问题解决方法 byalias J2EEHibernate4
    今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤： ①创建hibernate.cfg.xml文件 ②创建持久化对象 ③创建*.hbm.xml映射文件 ④编写hibernate相应代码 在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中
  • Netty源码学习-FrameDecoder bylijinnan javanetty
    Netty 3.x的user guide里FrameDecoder的例子，有几个疑问： 1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received. 为什么每次有新数据到达时，都会调用decode方法？ 2.Dec
  • SQL行列转换方法 chicony 行列转换
    create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int) insert into tb values('三星' , '0-5' , 74) insert into tb values('三星' , '10-15' , 83) insert into tb values('苹果' , '0-5' , 93)
  • 中文编码测试 ctrain 编码
    循环打印转换编码 String[] codes = { "iso-8859-1", "utf-8", "gbk", "unicode" }; for (int i = 0; i < codes.length; i++) { for (int j
  • hive 客户端查询报堆内存溢出解决方法 daizj hive堆内存溢出
    hive> select * from t_test where ds=20150323 limit 2; OK Exception in thread "main" java.lang.OutOfMemoryError: Java heap space   问题原因： hive堆内存默认为256M   这个问题的解决方法为： 修改/us
  • 人有多大懒，才有多大闲 (评论『卓有成效的程序员』) dcj3sjt126com 程序员
      卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒，  懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。   在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。 不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标
  • Eclipse简单有用的配置 dcj3sjt126com eclipse
    1、显示行号  Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers   2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation
  • 在tomcat上面安装solr4.8.0全过程 eksliang Solrsolr4.0后的版本安装solr4.8.0安装
    转载请出自出处： http://eksliang.iteye.com/blog/2096478       首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了         第一步：当然是下载去官网上下载最新的solr版本，下载地址
  • Android APP通用型拒绝服务、漏洞分析报告 gg163 漏洞androidAPP分析
    点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。  0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。  针对序列化对象而出现的拒绝服务主要
  • HoverTree项目已经实现分层 hvt 编程.netWebC#ASP.ENT
    HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对
  • Google Maps API v3: Remove Markers 移除标记 天梯梦 google maps api
    Simply do the following:   I. Declare a global variable: var markersArray = [];   II. Define a function: function clearOverlays() { for (var i = 0; i < markersArray.length; i++ )
  • jQuery选择器总结 lq38366 jquery选择器
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  • 基础数据结构和算法六：Quick sort sunwinner AlgorithmQuicksort
    Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
  • 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作 刘星宇 htmlWeb
    今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。 让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下：
  • Mybatis实用Mapper SQL汇总示例 wdmcygah sqlmysqlmybatis实用
    Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。 不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他