ImProgrammerBoy
ImProgrammerBoy

HTML5性能优化（一）

对于前端的同学来说，移动端页面开发的越来越多，为了使用户浏览移动端页面得到更好的体验，移动端页面性能优化势在必行，结合自己做的项目和网上参考的资料，总结如下

1.页面缓存

通常不设置缓存的情况下，每次刷新页面都会重新读取服务器的文件，而如果设置缓存之后，所有文件都可以从本地取得，这样明显极大提高了页面效率。
我们可以通过设置页面头的expires来定义页面过期时间，将过期时间定久一点就达到了“永久”缓存。

<meta http-equiv="expires" content="Sunday 26 October 2099 01:00 GMT" />

2.避免脚本阻塞加载

当浏览器在解析常规的script标签时，它需要等待script下载完毕，再解析执行，而后续的HTML代码只能等待。CSS文件引入要放在头部，因为这是HTML渲染必备元素。为了避免阻塞加载，应把脚本放到文档的末尾，而CSS是需要放在头部的！

<head>
<link rel="stylesheet" href="common.css">
......
<script src="example.js">script>
body>

3.HTML+CSS3+Javascript各司其职

随着css的日益强大，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript，如

@keyframes myfirst
{
from {background: red;}
to {background: yellow;}
}

div
{
animation: myfirst 5s;
-webkit-animation: myfirst 5s;  /* Safari 和 Chrome */
}

让三元素各司其职才能做出高性能的网页：HTML是页面之本也是内容之源，有了它就能跟CSS和Javascript交互；CSS3可以说是展现大师，而且日渐强大的CSS能代替Javascript做很多动态的事情如渐变、移动等动态效果；Javascript是动态数据之王，旧浏览器依靠js来完成动态效果展现，但现在的CSS也能完成js的工作，所以尽量将工作交给css，这样会获得更好的性能。

4.避免使用Iframe

使用iframe并不会增加同域名下的并行下载数，浏览器对同域名的连接总是共享浏览器级别的连接池，在页面加载过程中iframe元素还会阻塞父文档onload事件的触发。并且iframe是html标签中最消耗资源的标签，它的开销比DIV、SCRIPT、STYLE等DOM高1~2个数量级。
一定好使用的话，避免onload事件被阻塞，可使用JavaScript动态的加载iframe元素或动态设置iframe的src属性


document.getElementById("if").setAttribute("src","url");

5.避免空链接属性

如

<img src=""/>
<a href="">a><a href="#">a>

这样的设置方式是非常不可取的，即使链接为空，在旧的浏览器也会以固定步骤发送请求信息。

另外

<a href="#">a><a href="javascript:void();">a>

也不可取，最好的方式是在链接中加一个空的js代码

<a href="javascript:void();">a>

6.使用图像的BASE64编码

base64是一串字符串，他可以代表一个图片的所有信息，也就是可以通过（S表示一串base64码）来显示图片，这种方式不需要再向服务器发送请求，完全由浏览器解析成图片。

目前高级浏览器都支持此功能，但要注意两点：①低版本浏览器（如IE7）不支持；②base64字符串长度随图片的大小及复杂度成正比，base64也像URL一样，也有超出长度的情况（在IE8下很常见）。所以要根据情况来使用。

7.避免节点深层级嵌套

深层级嵌套的节点在初始化构建时往往需要更多的内存占用，并且在遍历节点时也会更慢些，这与浏览器构建DOM文档的机制有关。浏览器会把整个HTML文档的结构存储为DOM“树”结构。当文档节点的嵌套层次越深，构建的DOM树层次也会越深。
如下代码，完全能够去掉

或其中一个标签。

<div>
  <span>
    <label>嵌套label>
  span>
div>

8.减少重绘

在HTML页面完成展现之后，动态改变页面元素或调整CSS样式都会引起浏览器重绘，性能的损耗直接取决于动态改变的范围：如果只是改变一个元素的颜色之类的信息则只会重绘该元素；而如果是增删节点或调整节点位置则会引起其兄弟节点也一并重绘。

减少重绘并不是说不要重绘，而是要注意重绘范围：①改动的DOM元素越深则影响越小，所以尽量深入节点改动；②对某些DOM样式有多重变动尽量合并到一起修改。
以改变一个标签的背景色、宽度和颜色为例。

<a href="javascript:void(0);" id="example">传统的代码a> 
<script> 
 var example = document.getElementById("example"); 
 example.ondblclick = function() { 
 example.style.backgroundColor = "red"; 
 example.style.width = "200px"; 
 example.style.color = "white"; 
 } 
script>

以上会执行3次重绘，而通过CSS代替javascript多次执行则只进行一次重绘。

<style> 
 .dblClick { 
 width: 200px; 
 background: red; 
 color: white; 
 } 
style> 
<a href="javascript:;" id="example">CSS优化的代码a> 
<script> 
 var example = document.getElementById("example"); 
 example.ondblclick = function() { 
 example.className = "dblClick"; 
 } 
script>

以上就先讲这几个，下篇在写，大家有自己的看法可以在评论区给我留言，大家一起讨论。

你可能感兴趣的:(博客)

  • C语言每日一练——day_3（快速上手C语言） Run_Teenage C语言入门练习题c语言开发语言
    引言针对初学者，每日练习几个题，快速上手C语言。第三天。（会连续更新）采用在线OJ的形式什么是在线OJ？在线判题系统（英语：OnlineJudge，缩写OJ）是一种在编程竞赛中用来测试参赛程序的在线系统，也可以用于平时的练习。详细内容可以看一下这篇博客：关于C/C++语言的初学者在哪刷题，怎么刷题-CSDN博客https://blog.csdn.net/2401_88433210/article/
  • 从零开始 | C语言基础刷题DAY1 折枝寄北 解题——从简单深入内心c语言算法开发语言
    ❤个人主页：折枝寄北的博客DAY1[2025.3.11]1.求两个数的较大值2.从键盘输入的两个数的大小关系3.一个整数的奇偶性，请判断4.考试分数是否通过5.考试成绩是否完美，请判断1.求两个数的较大值题目：写一个函数求两个整数的较大值如：输入：1020输出较大值：20代码：#includeintmain(){inta;intb;printf("请输入第一个数字A>");scanf("%d",&
  • C语言每日一练——day_4 Run_Teenage C语言入门练习题c语言开发语言
    引言针对初学者，每日练习几个题，快速上手C语言。第四天。（连续更新中）采用在线OJ的形式什么是在线OJ？在线判题系统（英语：OnlineJudge，缩写OJ）是一种在编程竞赛中用来测试参赛程序的在线系统，也可以用于平时的练习。详细内容可以看一下这篇博客：关于C/C++语言的初学者在哪刷题，怎么刷题-CSDN博客https://blog.csdn.net/2401_88433210/article/
  • 为什么我的 PDF 无法正确转换为 Word？常见格式问题和最佳解决方案 pdf格式转换word
    为什么我无法正确地将PDF转换为Word？将PDF转换为Word后，格式总是乱糟糟的！字体缺失、布局混乱、文本变成图像、图片无法识别、表格边框消失或合并不正确。所有这些都是因为PDF是一种非结构化的文档。与Word不同，它将内容存储为单独的字符、行和图像，而不是段落、标题或表格等清晰的结构。然而，大多数工具只能猜测文本布局来实现转换，从而导致不可避免的格式错误。本博客将解释PDF转换格式问题的核心
  • 【大数据入门】第三章·数据预处理 十二月的猫 《小白读透AI原理》大数据大数据入门人工智能入门数据处理
    个人主页：十二月的猫-CSDN博客系列专栏：《小白读透AI原理》_十二月的猫的博客-CSDN博客十二月的寒冬阻挡不了春天的脚步，十二点的黑夜遮蔽不住黎明的曙光目录1.前言2.为什么要进行数据预处理2.1脏数据3.数据预处理分类4.数据清理4.1数据填充4.1.1数据缺失的类型1.完全随机缺失（MissingCompletelyatRandom,MCAR）2.随机缺失（MissingatRandom
  • SpringBoot 集成 Caffeine（咖啡因）最优秀的本地缓存 Listening_Wind Java缓存javaspringbootspring
    SpringBoot集成Caffeine（咖啡因）最优秀的本地缓存本地缓存为什么用Caffeine做本地缓存SpringBoot2.0+如何集成Caffeine引入依赖开启缓存容器配置驱逐策略开发使用参考博客本地缓存百度百科：本地缓存是指将客户机本地的物理内存划分出一部分空间用来缓冲客户机回写到服务器的数据,因其在回写上的突出贡献，因此本地缓存一般称为本地回写。本地缓存概念首次出现是在无盘领域，作
  • Zotero7最新（2024）安装、配置步骤 八年。。 php开发语言
    提醒：绝大部分插件都已经适配了Zotero7，但是ZotFile插件已经停止对Zotero7的支持，可以使用Attanger插件替代。如果不适应还是建议装Zotero6有关Zotero的其他文章：Zotero7最新（2024）安装、配置步骤-CSDN博客Zotero7最新配置webDAV同步功能（与InfiniCLOUD）-CSDN博客关于Zotero7无法识别拖入的pdf和caj的题录信息_zo
  • Jquery源码分析 W_wjl1900 前端学习jquery源码
    转载地址原作者博客/*!*jQueryJavaScriptLibraryv1.10.2*http://jquery.com/**IncludesSizzle.js*http://sizzlejs.com/**Copyright2005,2013jQueryFoundation,Inc.andothercontributors*ReleasedundertheMITlicense*http://jq
  • flink（十一）：Table&Sql实现窗口水印计算 羽落风起 大数据flinkflink
    文章目录分享说明实现讲解代码总结分享大数据博客列表说明本博客每周五更新一次。本文属于实战，讲解Flink1.12版本java代码使用时间窗口加水印实现，具体需求为5秒内用户订单总数、订单最大金额、最小金额实现讲解代码结构分为5部分，准备环境env数据输入source模拟数据生成数据处理transformation创建水印、窗口执行任务基于sql和table风格实现对应功能数据输出sink启动任务e
  • 从0到1入门Docker（二）Windows 系统的虚拟化 农夫山泉有点甜ye windows服务器microsoftdocker容器
    接上篇说了Docker的用途，这篇详细说说Windows系统的虚拟化从0到1入门Docker（一）Docker的用途_buhytbji的博客-CSDN博客学习Docker推荐大家可以看动力哥的视频，课程适合零基础、技术提升乃至所有编程语言开发者；课程对应包含含基础篇、提升篇与高级篇，共计十二大章节。课程主要学习知识点：“7个深度/3个全面”；针对Docker的知识体系，无需再查找任何其它资料。课程
  • 从0到1入门Docker（六）Docker引擎的安装 农夫山泉有点甜ye linuxdocker运维
    Docker引擎分类上篇文章内容是Docker引擎，今天这篇文章来说一下Docker引擎的安装从0到1入门Docker（五）Docker引擎_buhytbji的博客-CSDN博客学习Docker推荐大家可以看动力哥的视频，课程适合零基础、技术提升乃至所有编程语言开发者；课程对应包含含基础篇、提升篇与高级篇，共计十二大章节。课程主要学习知识点：“7个深度/3个全面”；针对Docker的知识体系，无需
  • 从0到1入门Docker（七）配置国内加速器 农夫山泉有点甜ye docker容器运维
    配置国内加速器上篇文章内容是Docker引擎的安装，今天这篇文章来说一下配置国内加速器从0到1入门Docker（六）Docker引擎的安装_buhytbji的博客-CSDN博客学习Docker推荐大家可以看动力哥的视频，课程适合零基础、技术提升乃至所有编程语言开发者；课程对应包含含基础篇、提升篇与高级篇，共计十二大章节。课程主要学习知识点：“7个深度/3个全面”；针对Docker的知识体系，无需再
  • 深挖JVM隐藏优化点与百万QPS系统调优【突破认知：JVM内存管理的9大反直觉真相】通过三个违背‘常识‘的调优策略，将GC停顿时间从1.2秒降至80ms，节省40%服务器成本 王大师王文峰 jvm服务器运维
    本人详解作者：王文峰，参加过CSDN2020年度博客之星，《Java王大师王天师》公众号：JAVA开发王大师，专注于天道酬勤的Java开发问题中国国学、传统文化和代码爱好者的程序人生，期待你的关注和支持！本人外号：神秘小峯山峯转载说明：务必注明来源（注明：作者：王文峰哦）深挖JVM隐藏优化点与百万QPS系统调优【突破认知：JVM内存管理的9大反直觉真相】通过三个违背'常识'的调优策略，将GC停顿时
  • FileNotFoundError: [WinError 2] 系统找不到指定的文件。: ‘UIAutomationCore.dll‘解决方案 爱编程的喵喵 Python基础课程pythonFileNotFoundErrUIAutomation解决方案
      大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理解，而且能够帮助新手快速入门。  本文主要介绍了FileNotFoundError:
  • Android15音频进阶之快速解析tombstones(一百一十) Android系统攻城狮 AndroidAudio工程师进阶系列音视频
    简介：CSDN博客专家、《Android系统多媒体进阶实战》一书作者新书发布：《Android系统多媒体进阶实战》优质专栏：Audio工程师进阶系列【原创干货持续更新中……】优质专栏：多媒体系统工程师系列【原创干货持续更新中……】优质视频课程：AAOS车载系统+AOSP14系统攻城狮入门视频实战课
  • 【愚公系列】2023年10月 WPF控件专题 Path控件详解 愚公搬代码 wpf
    作者简介，愚公搬代码《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，阿里云专家博主，腾讯云优秀博主，掘金优秀博主，51CTO博客专家等。《近期荣誉》：2022年CSDN博客之星TOP2，2022年华为云十佳博主等。《博客内容》：.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人
  • 用Python写一个脚本，自动连wifi，自动登录校园网 宋宋讲编程 千锋宋宋老师—Python专栏Pythonpython服务器http数据分析数据挖掘
    1.实现原理刚好最近学了http协议，就当是复习了。简单概括就是，通过网址找到登录界面，然后发送post请求，把登录信息提交给服务器，从而完成登录。图片来源于朋友博客的，他的更详细介绍了http协议，感兴趣可以看看。1.1认识URL我们所说的网址，其实就是统一资源定位符（uniformresourcelocator简称URL），通过这个唯一的地址，可以找到对应的服务。它的标准格式如下：协议://用
  • Java 大视界 -- 基于 Java 的大数据可视化交互设计与实现技巧（105） 青云交 大数据新视界Java大视界java信息可视化可视化交互EChartsThree.js实时渲染AR可视化
    亲爱的朋友们，热烈欢迎来到青云交的博客！能与诸位在此相逢，我倍感荣幸。在这飞速更迭的时代，我们都渴望一方心灵净土，而我的博客正是这样温暖的所在。这里为你呈上趣味与实用兼具的知识，也期待你毫无保留地分享独特见解，愿我们于此携手成长，共赴新程！一、欢迎加入【福利社群】点击快速加入：青云交灵犀技韵交响盛汇福利社群点击快速加入2：2024CSDN博客之星创作交流营（NEW)二、本博客的精华专栏：大数据新视
  • Java 大视界 -- Java 大数据中的时间序列数据异常检测算法对比与实践（103） 青云交 大数据新视界Java大视界java大数据算法时间序列分析异常检测孤立森林LSTM
    亲爱的朋友们，热烈欢迎来到青云交的博客！能与诸位在此相逢，我倍感荣幸。在这飞速更迭的时代，我们都渴望一方心灵净土，而我的博客正是这样温暖的所在。这里为你呈上趣味与实用兼具的知识，也期待你毫无保留地分享独特见解，愿我们于此携手成长，共赴新程！一、欢迎加入【福利社群】点击快速加入：青云交灵犀技韵交响盛汇福利社群点击快速加入2：2024CSDN博客之星创作交流营（NEW)二、本博客的精华专栏：大数据新视
  • N1学习打卡笔记 无涯学徒1998 学习笔记
    本文为365天深度学习训练营中的学习记录博客原作者：K同学啊Onhot编码one-hot编码的基本思想是将每个类别映射到一个向量，其中只有一个元素的值为1，其余元素的值为0。这样，每个类别之间就是相互独立的，不存在顺序或距离关系。例如，对于三个类别的情况，可以使用如下的one-hot编码：类别1：[1,0,0]类别2：[0,1,0]类别3：[0,0,1]这样的表示方式有助于模型更好地理解文本含义。
  • [网络安全自学篇] 一.入门笔记之看雪Web安全学习及异或解密示例 鱼馬 网络网络安全web安全笔记测试工具职场和发展
    最近开始学习网络安全相关知识，接触了好多新术语，感觉自己要学习的东西太多，真是学无止境，也发现了好几个默默无闻写着博客、做着开源的大神。准备好好学习下新知识，并分享些博客与博友们一起进步，加油。非常基础的文章，大神请飘过，谢谢各位看官！文章目录一.工具&术语1.网安术语2.常用工具3.推荐文章二.常见攻击1.SQL注入2.XSS跨站3.越权漏洞4.CSRF跨站请求伪造5.支付漏洞三.音乐异或解密示
  • [JAVA设计模式]第四部分：行为模式 zzm_ java设计模式数据结构与算法
    声明：原创作品，转载时请注明文章来自SAP师太技术博客（博/客/园ｗｗｗ.ｃｎｂｌｏｇｓ.ｃｏｍ）：www.cnblogs.com/jiangzhengjun，并以超链接形式标明文章原始出处，否则将追究法律责任！原文链接：http://www.cnblogs.com/jiangzhengjun/p/4261296.html行为模式不变（Immutable）模式模式结构策略（Strategy）模式模
  • AttributeError: ‘NoneType‘ object has no attribute ‘astype‘ 冰虺 python
    今天在复现fasterRCNN网络时，出现AttributeError:'NoneType'objecthasnoattribute'astype'报错，如下图所示通过dug,发现im的shape为none,究其原因是因为cv.imread无法读取图像，主要原因是因为我数据集中存在中文名称。更加详细的请参考一下大佬的博客pythoncv2.imread读取中文路径的图片返回为None的问题_陶将的
  • origin2021去除demo的方法 冰虺 大数据
    Origin软件去除demo水印_七爷OK的博客-CSDN博客_origin去除demo水印PS：替换origin.exe过后一定得双击一下，不然水印仍然存在
  • Typecho 极致美化：打造与众不同的博客 6v6-博客 机器学习
    Typecho极致美化：打造与众不同的博客Typecho是一款轻量级的博客系统，但通过一些高级美化技巧，你可以让它变得与众不同。本文将介绍如何通过自定义JS、自定义CSS、自定义侧边栏模块等功能，实现Typecho的极致美化。1.自定义JS：动态效果与交互通过自定义JS，你可以为Typecho添加动态效果和交互功能。示例1：页面滚动动画在header.php中添加以下代码：ScrollReveal
  • 【Linux】一万七千字详解 —— 基本指令(二) 安 度 因 Linuxlinux运维服务器centosvim
    作者主页：@安度因学习社区：安度因的学习社区专栏链接：Linux文章目录man指令cp指令mv指令echo指令(含输出重定向)cat指令(含输入重定向)wc指令more指令less指令head和tail指令(含管道用法)date指令cal指令sort指令find和which和whereis指令alias指令grep指令top指令zip和unzip指令如果无聊的话，就来逛逛我的博客栈吧!今天的主要内
  • RK3568笔记五十六：yolov8_obb旋转框训练部署 殷忆枫 RK3568学习笔记笔记YOLO
    若该文为原创文章，转载请注明原文出处。本文基于rknn_model_zoo和山水无移大佬的博客和代码训练模型并部署到正点原子的ATK-DLRK3568板子测试。https://github.com/ultralytics/ultralytics一、训练1、环境搭建使用的是AUTODL环境，yolov8-obb数据集不大，也可以使用cpu。2、创建虚拟环境#创建虚拟环境condacreate-nyo
  • 【大数据】大数据处理-Lambda架构-Kappa架构 weixin_33884611 大数据系统架构
    大数据处理-Lambda架构-Kappa架构elasticsearch-headElasticsearch-sqlclientNLPchina/elasticsearch-sql:UseSQLtoqueryElasticsearch360企业安全V5.6SP1,杨军01,您好!lamda架构_百度搜索Lambda架构vsKappa架构-数据源博客-CSDN博客数据系统架构——Lambdaarchi
  • K8S单机部署 qq_48704877 kubernetes容器云原生
    主线:部署简单的单节点k8s-sowler-博客园学习网址：为什么我不能获取到镜像，ImagePullBackoff|Kuboarddocker镜像源：https://chuxia.blog.csdn.net/article/details/145090710?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task
  • 电脑插上U盘，无线鼠标键盘无法使用问题解决 东小黑 计算机电脑计算机外设
    摘自：电脑插上U盘，无线鼠标无法使用问题解决_电脑插上u盘后无线鼠标失灵-CSDN博客1.按住win+R键，出现的运行框输入devmgmt.msc回车2.打开的设备管理器中展开通用串行总线控制器3.除了USBCompositeDevice以外，其他的全都：右键:属性4.电源管理，把“允许计算机关闭此设备以节约电源(A)”前面的勾去掉，然后点击确定。5.电脑重启！！！电源——重启
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "13241153187@163.com" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    index.html <!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/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他