莫可可小姐d远方
莫可可小姐d远方

前端性能优化

优化目的

  • 用户角度而言，优化能够让页面，加载快、操作响应及时，体验更好
  • 服务商角度而言，优化能够减少页面请求数、减小请求所占带宽，节省资源

优化方面

速度方面

  • 资源缓存，可以减少DNS查询，减少请求次数
  • 按需加载资源，可以延迟加载／预加载
  • 减少文件大小，可以通过压缩、合并CSS，JS，IMG
  • 减少DOM数，DOM操作
  • 引入外部的CSS,JS，将JS脚本置地
  • 使用常量，抽取重复值，优化循环
  • 减少作用域链的查找，尽量少使用全局变量，避免使用eval,with
  • 减少重绘重排，可以通过设置类class统一更新样式

兼容性方面

  • 响应式布局

  • 使用百分比，而不是绝对长度

  • 使用相对字体大小em

  • 前端性能优化_第1张图片

参考文章推荐：
前端优化不完全指南
前端性能优化（JavaScript篇）
JavaScript 性能优化小记

你可能感兴趣的:(前端性能优化)

  • 【译】2018 前端性能优化清单 —— 第一部分 qq_36320160 前端前端
    原文地址：Front-EndPerformanceChecklist2018-Part1原文作者：VitalyFriedman译文出自：掘金翻译计划本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/front-end-performance-checklist-2018-1.md译者：tvChan校对者：mysterytonyry
  • Web 前端性能优化：从代码到加载速度的全面剖析 码力无边-OEC 前端性能优化web
    Web前端性能优化：从代码到加载速度的全面剖析当用户访问你的网站时，如果页面加载时间超过3秒，跳出率会飙升至40%以上。更糟糕的是，移动端用户的耐心只有2秒。这意味着性能优化不仅仅是技术问题，更直接关系到业务成果。经过多年的前端开发实践，我发现很多开发者在性能优化时存在一个误区：过分关注工具和框架的选择，却忽略了最基础但最关键的优化策略。今天我们就来深入剖析前端性能优化的核心要点。性能优化的核心指
  • 【数字孪生】【GIS】【实战】高德地图GIS开发实战：从基础到交互进阶 患得患失949 GIS数字孪生交互状态模式
    高德地图GIS开发实战：从基础到交互进阶一、你将学到什么？GIS开发核心能力地图初始化与个性化样式配置（道路、陆地、POI自定义）。自定义标注（Marker）的创建、居中定位与图标替换。信息窗体（InfoWindow）的内容定制、事件绑定与手动控制。交互开发技能标注点击事件、坐标复制、地图缩放等交互逻辑实现。动态内容更新（多标注对应不同信息窗体内容）。前端性能优化（批量标注管理、事件监听时机控制）
  • Web Workers在前端性能优化中的深度实践：从多线程编程到任务调度策略 瑕疵 热点资讯前端性能优化
    博客主页：瑕疵的CSDN主页Gitee主页：瑕疵的gitee主页⏩文章专栏：《热点资讯》WebWorkers在前端性能优化中的深度实践：从多线程编程到任务调度策略WebWorkers在前端性能优化中的深度实践：从多线程编程到任务调度策略WebWorkers在前端性能优化中的深度实践：从多线程编程到任务调度策略引言一、WebWorkers基础与工作原理1.1WebWorkers的核心特性1.2Web
  • 一份来自前端开发工程师的规范简历 追影的React开发者 前端javascriptphotoshop
    个人资料姓名：嘻嘻性别：女电话：12132323613邮箱：[email protected]现居地：上海市工作年限：3年求职意向期望职位：前端开发工程师期望薪资：面议工作性质：全职到岗时间：离职,一周内入职专业技能精通DIV+CSS页面布局，重构,掌握JavaScript，熟悉w3c标准，了解HTML语义化有一定的了解。熟练运用浏览器兼容技术，熟练进行前端性能优化设计。熟练掌握HTML5技术
  • 每天一个前端小知识 Day 16 - 前端性能优化全流程指南 蓝婷儿 前端面试前端性能优化
    前端性能优化全流程指南（从加载到交互）目标概览：前端性能优化四大核心维度阶段优化目标加载阶段首屏速度、资源压缩、请求优化渲染阶段减少回流重绘、避免布局抖动交互阶段保持高帧率、避免卡顿持久运行阶段内存泄露处理、缓存命中策略一、加载性能优化（首屏速度为王）✅核心策略：资源体积优化JS/CSS/图片压缩（如gzip,brotli）Tree-shaking（去除无用代码）图片压缩（webp优先）合理拆包（
  • AI辅助大前端开发的性能瓶颈突破与体验优化
    在大前端开发技术飞速发展的当下，应用功能日趋复杂，性能瓶颈已成为制约用户体验的关键因素。AI凭借强大的数据分析与智能决策能力，为大前端开发带来了性能优化的新思路。本文将结合小程序、APP和Web等典型开发场景，深入探讨AI在大前端性能优化中的具体应用，并通过丰富的代码示例展示实践过程。一、资源加载优化（一）智能资源预加载在大前端应用中，资源加载速度直接影响页面的启动时间。AI通过分析用户行为数据和
  • 每天一个前端小知识 Day 8 - 网络通信与前端性能优化
    网络通信与前端性能优化1.前端常用网络通信方式对比方式场景说明特点XMLHttpRequest老式AJAX通信回调繁琐，兼容性好fetchAPI现代标准，逐步取代XHRPromise基础，更简洁axios基于xhr的封装库拦截器、默认配置、适配性强WebSocket实时通信，如聊天室、推送长连接，双向通信SSE服务端单向推送（Server-Sent）比WebSocket简单，单向2.fetchAP
  • 前端领域：Node.js 与前端性能优化的技术创新点 大厂前端小白菜 ai
    前端领域：Node.js与前端性能优化的技术创新点关键词：Node.js、前端性能优化、SSR、构建工具、缓存策略、代码分割、异步加载摘要：本文深入探讨Node.js在前端性能优化中的关键作用和技术创新点。我们将从Node.js的核心优势出发，分析其在服务端渲染(SSR)、构建工具链、缓存策略等方面的应用，并通过具体代码示例和性能对比数据，展示如何利用Node.js技术栈显著提升前端应用性能。文章
  • 【高级前端进阶】前端性能优化01之虚拟滚动列表（Virtual Scrolling）详解与总结 全栈前端老曹 前端工程化与架构vuereact前端性能优化vue.js前端框架面试reactjavascript
    前端性能优化之虚拟滚动（VirtualScrolling）详解与总结一、什么是虚拟滚动？✅定义：虚拟滚动（VirtualScrolling）是一种前端性能优化技术，用于在渲染大量列表数据时，只渲染可视区域内的元素，而不是一次性渲染全部数据。核心思想：“只渲染用户能看到的那部分”二、为什么需要虚拟滚动？当面对以下场景时，页面会出现明显的卡顿或内存占用过高问题：渲染上万条数据的列表列表项结构复杂（如包
  • 前端性能优化全解析：打造极致用户体验 灿灿12138 面试题前端性能优化ux
    一、引言在当今快节奏的互联网时代，用户对于网页加载速度和交互体验的要求愈发严苛。前端性能优化已成为提升用户满意度、增强网站竞争力的关键所在。本文将全面深入地探讨前端性能优化方案，助力开发者构建快速、流畅且高效的Web应用。二、页面加载阶段优化2.1网络请求优化2.1.1DNS预解析DNS解析是网络请求的开端，耗时不可小觑。通过DNS预解析，浏览器能提前解析域名，减少后续等待。在HTML中，可借助标
  • 前端性能优化：打造极致用户体验 代码老y 前端框架
    一、前端性能的重要性用户对网站的耐心是有限的。研究表明，如果一个网页的加载时间超过3秒，超过50%的用户会选择离开。而当加载时间超过5秒时，用户流失率会进一步增加。这不仅影响用户体验，还会对网站的业务指标产生负面影响，例如降低销售额、减少页面浏览量等。此外，搜索引擎也倾向于优先推荐加载速度快的网站。谷歌等搜索引擎会将页面加载速度作为排名因素之一。因此，从SEO的角度来看，优化前端性能也是提升网站可
  • 前端科举八股文-性能优化篇
    前端科举八股文-性能优化篇常见的前端性能优化方案？css精灵图的原理？说说懒加载的原理什么是防抖节流？什么是重绘和重排，如何减少重绘和重排如何减少重排？webpack是干什么的？简历上写到你使用了vite，讲讲它和webpack的区别？webpack的核心配置是什么？有开发过loader吗？他的本质是什么？常用的loader？为什么plugins可以执行更高级的任务，loader不可以呢？webp
  • 前端性能优化的核心：关键渲染路径的6大优化原则 大厂前端小白菜 前端性能优化ai
    前端性能优化的核心：关键渲染路径的6大优化原则关键词：关键渲染路径、前端性能优化、DOM、CSSOM、渲染树、布局、绘制摘要：你有没有过打开一个网页，等了3秒还没看到内容的经历？这种"加载焦虑"的背后，往往是浏览器渲染过程出了问题。本文将用"做蛋糕"的故事带你理解浏览器的"关键渲染路径"（CriticalRenderingPath），并拆解6条核心优化原则，帮你从"页面能打开"进阶到"页面秒开"。
  • 前端性能优化之加载篇 xiangzhihong8 前端前端性能优化
    前端页面加载的过程其实跟我们常常提起的浏览器页面渲染流程几乎一致：网络请求，服务端返回HTML内容。浏览器一边解析HTML，一边进行页面渲染。解析到外部资源，会发起HTTP请求获取，加载Javascript代码时会暂停页面渲染。根据业务代码加载过程，会分别进入页面开始渲染、渲染完成、用户可交互等阶段。页面交互过程中，会根据业务逻辑进行逻辑运算、页面更新。那么，我们可以针对其中的每个步骤做优化，主要
  • 不懂前端性能优化，你的网站可能比别人慢 10 倍！ 大树前端老司机 前端性能优化
    不懂前端性能优化，你的网站可能比别人慢10倍！【内容摘要】你有没有遇到过这种情况？明明功能都实现了，页面也做得很漂亮，但用户就是留不住。打开速度慢、点击没反应、加载卡顿……这些问题不仅影响用户体验，还会直接影响转化率和品牌口碑。其实，很多时候不是你代码写得不好，而是忽略了“性能优化”这一关键环节。你知道吗？一个加载超过3秒的网页，53%的用户会选择直接离开；而每慢100毫秒，用户流失率就可能上升8
  • 前端渲染十万条数据的实现方案与优化技巧 局外人LZ 前端
    前端高效渲染十万条数据的实现方案与优化技巧一、时间分片二、虚拟列表三、IntersectionObserverapi四、虚拟DOM优化一、时间分片时间分片是一种前端性能优化策略，通过将大量数据的渲染任务拆分成多个小任务（分片），在浏览器的每一帧中逐步执行，避免长时间阻塞主线程，从而保证页面的流畅交互。实现原理：分块处理机制：将完整数据集按固定大小分割为多个数据块（如100条/块），每个事件循环周期
  • 前端性能优化指标 老哥776 前端性能优化
    性能优化是前端开发中至关重要的一个方面，影响着网页加载速度、用户体验和搜索引擎排名。基于用户体验的性能指标其中包括以下几个比较重要的性能指标。FCP(FirstContentfulPaint)首次内容绘制，浏览器首次绘制来自DOM的内容的时间，内容必须包括文本，图片，非白色的canvas或svg，也包括带有正在加载中的web字体文本。这是用户第一次看到的内容。如下是指标的衡量规则：衡量分数是一种用
  • 前端性能优化：让网页快如闪电的18个绝招（实战经验分享） kernelguru 前端性能优化
    前言：为什么你的网页总被用户嫌弃？最近接手一个日活百万的电商项目，首屏加载竟然要5秒！！！用户调研显示40%的人会因为加载慢直接关闭页面（血淋淋的教训啊）。经过两周的优化大作战，成功把首屏时间压到1.2秒，转化率直接涨了28%！今天就掏心窝子分享这些实战经验，手把手教你打造"秒开"网页。一、资源加载优化（省流量就是省钱！）1.图片三板斧WebP格式转换：体积直接腰斩！用标签做兼容：懒加载：首屏外的
  • 前端性能优化全攻略：提升用户体验，加速页面加载 魏大帅。 全栈开发性能优化javascript性能优化前端
    在当今互联网时代，用户对于网页的加载速度和性能要求越来越高。快速响应的网页不仅能提升用户体验，还能提高网站的搜索引擎排名和转化率。因此，前端性能优化成为了前端开发中至关重要的一环。本文将深入探讨前端性能优化的原则、方法以及如何减少页面加载时间，并结合示例代码进行详细说明。一、前端性能优化的原则以用户为中心：用户体验是关键，优化的目标是让页面加载更快、交互更流畅，减少用户等待时间。同时，要考虑不同网
  • Vue 前端性能优化：提升加载速度与响应速度 全栈探索者chen vuevue.js前端性能优化javascript开发语言程序人生ecmascript
    Vue前端性能优化：提升加载速度与响应速度Vue.js是一个流行的JavaScript框架，适用于构建现代的单页应用（SPA）。它以其高效、易用的特点受到了许多开发者的喜爱。然而，随着项目规模的扩大，Vue应用也会面临性能瓶颈。这个问题尤其在大规模的应用中，加载速度和响应速度往往成为影响用户体验的关键因素。本篇文章将详细介绍Vue前端性能优化的最佳实践，从基础的性能检测到具体的优化技巧，帮助你提升
  • Webpack Tree Shaking机制原理深度解析 晚夜微雨问海棠呀 es
    WebpackTreeShaking机制原理深度解析Webpack的TreeShaking机制是现代前端构建工具中一项革命性的代码优化技术，通过静态分析ES模块的依赖关系，自动识别并移除未使用的代码，显著减小打包体积。这一技术源自Rollup打包器，后由Webpack2引入，现已成为前端性能优化的核心手段。当合理配置时，TreeShaking可使JavaScript打包体积减少30%-60%，为前
  • 谷歌浏览器的火焰图详解：性能调优的强大工具 Mr丶疯孑 前端性能优化
    谷歌浏览器的火焰图详解：性能调优的强大工具前端性能优化一直是开发者们关注的焦点，而在进行性能分析时，火焰图（FlameGraph）是一个强大的工具，能够帮助我们快速发现性能瓶颈。谷歌浏览器自带的开发者工具（ChromeDevTools）中，火焰图是性能分析的核心部分之一，能够帮助我们可视化地呈现应用的性能瓶颈，优化性能，提升用户体验。本文将详细解析火焰图的原理、如何在Chrome浏览器中生成火焰图
  • 前端性能优化方案都有哪些？ &時光 htmljavascriptreacthtmlcssjavascriptvue.jsreactjs
    前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1.从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2.从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。总之，恰当的优化不仅能够改善站
  • 前端性能优化全面指南 呆呆没头脑 前端性能优化
    文章目录一、网络层优化（减少加载时间）1.减少HTTP请求2.压缩资源3.缓存策略4.CDN加速二、渲染层优化（提升交互流畅度）1.关键渲染路径优化2.减少重排（Reflow）与重绘（Repaint）3.虚拟列表优化长列表4.代码分割与懒加载三、JavaScript执行效率优化1.防抖（Debounce）与节流（Throttle）2.WebWorker处理CPU密集型任务3.避免内存泄漏四、工具链
  • 前端性能优化 执梦起航 前端性能优化
    前端性能优化可以从四个方面入手，以下是一些常见的实现方法和方面：一、网络优化•减少HTTP请求：合并CSS、JavaScript文件，使用CSSSprites将多个小图标合并成一个图片，减少图片数量等，以减少浏览器与服务器之间的连接和请求次数。•压缩资源：对HTML、CSS、JavaScript文件以及图片等进行压缩，减小文件体积，加快下载速度。可以使用工具如Gzip来实现。•缓存策略：合理设置缓
  • 【高频考点精讲】JavaScript中的享元模式：从对象池到性能优化 全栈老李技术面试 前端高频考点精讲前端javascripthtmlcss面试题reactvue
    JavaScript中的享元模式：从对象池到性能优化‍作者：全栈老李更新时间：2025年5月‍适合人群：前端初学者、进阶开发者版权：本文由全栈老李原创，转载请注明出处。大家好，我是全栈老李。今天咱们聊聊前端性能优化中一个容易被忽视但极其重要的设计模式——享元模式(FlyweightPattern)。这个模式听起来有点高大上，但其实理解起来并不难，而且在实际项目中特别实用。什么是享元模式？想象一下你
  • 前端性能优化最佳实践 天天进步2015 前端开发前端性能优化
    目录前言加载性能优化资源压缩与合并图片优化懒加载与预加载CDN加速HTTP缓存策略渲染性能优化关键渲染路径优化减少重绘与回流CSS优化策略JavaScript执行优化框架特定优化React性能优化Vue性能优化Angular性能优化移动端性能优化性能监控与分析未来趋势总结前言在当今互联网时代，前端性能已成为用户体验的关键因素。研究表明，页面加载时间每增加1秒，转化率可能下降7%，53%的用户会在页
  • 前端性能玄学终结者：Chrome Lighthouse 评分从 30 到 90 的魔改日记 谷雪_658 前端chrome
    在前端开发领域，性能优化常常被开发者视为“玄学”——明明做了优化，ChromeLighthouse评分却依然不尽人意。本文将以真实项目为案例，详细记录如何将Lighthouse评分从30分提升至90分以上，带你揭开前端性能优化的神秘面纱，掌握切实有效的优化方法。一、问题初现：评分惨淡的原因分析在项目开发初期，使用ChromeLighthouse对页面进行性能检测，结果令人沮丧：整体评分仅为30分。
  • 前端性能优化必修课：HTTP缓存机制详解 智绘前端 前端架构计算机基础前端性能优化http缓存网络协议javascriptnode.js
    前端性能优化必修课：HTTP缓存机制详解缓存的原理：为什么我们需要它？想象一下，你是一个勤劳的外卖小哥。如果每次顾客点同一款菜，你都要跑回餐厅取，那得多累啊！所以聪明的你决定：第一次送餐时，顺便带一份备用的放在顾客家门口的保温箱里。下次顾客再点同样的菜，你先看看保温箱里的还新鲜不？新鲜就直接给他，省得再跑一趟餐厅。这就是HTTP缓存的核心原理：在首次请求后保存一份资源的响应副本，当用户再次发起相同
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他