Michael113c
Michael113c

前端性能优化

前端性能优化

下面是我认知的前端性能优化的策略，本书主要着手 JavaScript 优化展开阐述。

  • JavaScript优化
  • 非核心代码异步加载
  • 浏览器缓存
  • 使用CDN
  • DNS预解析
  • 优化资源
  • 清理不必要的依赖

本文目录

image
image

高性能JavaScript

早期，IE浏览器的JS引擎基于“静态垃圾回收机制（Static Garbage Collection）”，该引擎监视内存中固定数量的对象来确定何时进行垃圾回收。随着Web应用的日益发展，JS引擎吃不消了。

虽然其他浏览器有着更加完善的GC和更好的性能，但大多数都是使用JS解释器来执行。

这也正解释了开篇刷 LeetCode 题时的困惑，解释型代码为什么没有编译型代码快？

因为，解释型代码必须经历把代码转换成计算机指令的过程。无论解释器多么智能，都会带来一些性能的消耗。

image

而编译器已经有了各种各样的优化，可以基于词法分析去判断代码想实现什么，产生完成任务的运行最快的机器码。解释器很少有这样的优化，往往代码怎么写就怎么被执行。

2008年，JS引擎收获最大的一次性能升级，该引擎的研发代号为V8。V8是一款为 JavaScript 打造的实时（JIT）编译引擎，它把 JavaScript 代码转化为机器码来执行。紧接着其他浏览器也优化了JS引擎，这些只是编译器层面的优化，代码的性能依然需要开发人员关注。

image

一、浏览器中的 JavaScript

浏览器中js代码的执行可能会阻塞浏览器的其他进程，下边列出了几点棘手的问题以及优化方式。

  1. 脚本阻塞：将

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

  • 前端性能优化-CSS性能优化 LYFlied css前端css性能优化面试
    文章目录一、内联首屏关键CSS二、异步加载CSS异步加载的几种方式1.js动态创建样式表link元素，并插入到DOM中。2.设置media属性3.设置rel属性4.rel="preload"三、文件压缩四、去除无用CSS五、有选择地使用选择器六、减少使用昂贵的属性七、优化重排与重绘1.减少重排2.避免不必要的重绘八、让元素及其内容尽可能独立于文档树的其余部分九、避免使用@import十、开启GPU
  • 浏览器缓存机制 开发小途 前端
    浏览器缓存机制是前端性能优化中至关重要的一环，它通过缓存之前请求过的文件，以提高页面再次访问时的加载速度。一、浏览器缓存的作用减少数据传输：缓存减少了不必要的数据传输，节省了带宽。减轻服务器负担：通过缓存，服务器不需要处理重复的请求，从而减轻了负担。提升访问速度：缓存使得页面加载更加迅速，提升了用户体验。二、浏览器缓存的类别浏览器缓存主要分为两类：强制缓存（也称为强缓存）和协商缓存（也称为弱缓存）
  • 前端性能优化(三)——浏览器九大缓存方法 2401_84097658 程序员前端性能优化缓存
    4、cookiecookie指的就是会话跟踪技术。一般指网站为了辨别用户身份，进行session跟踪而而存储在用户本地终端上的数据，cookie一般通过http请求头发送到服务器。cookie主要特点有：跨域限制，同一个域名下可多个网页内使用。cookie可以设置有效期，超出有效期自动清除。cookie存储大小在4K以内。cookie的存储不能超过50个cookie。只能存储字符串类型。cooki
  • 面试前端性能优化八股文十问十答第二期 程序员小白条 面试八股文系列面试前端性能优化八股文面试必备职场和发展项目实战
    面试前端性能优化八股文十问十答第二期作者：程序员小白条，个人博客相信看了本文后，对你的面试是有一定帮助的！关注专栏后就能收到持续更新！⭐点赞⭐收藏⭐不迷路！⭐1）如何优化动画？优化动画可以通过以下几个方面进行：使用CSS动画：利用CSS3提供的transition和animation属性来实现动画效果，因为CSS动画是由浏览器来执行的，通常比JavaScript动画性能更高。使用硬件加速：通过CS
  • 面试前端性能优化八股文十问十答第一期 程序员小白条 面试八股文系列面试前端性能优化项目实战职场和发展八股文前端性能优化
    面试前端性能优化八股文十问十答第一期作者：程序员小白条，个人博客相信看了本文后，对你的面试是有一定帮助的！关注专栏后就能收到持续更新！⭐点赞⭐收藏⭐不迷路！⭐1）CDN的概念CDN（ContentDeliveryNetwork，内容分发网络）是一种分布式的网络架构，旨在提高网站内容传输的效率和性能。它通过将内容分发到全球各地的多个节点，使用户能够从距离更近的服务器获取所需的内容，从而加快内容加载速
  • 前端性能优化笔记1 第一章 沿着路走到底 性能优化前端
    1.HelloWorldHelloWorldwindow.LOAD_DATA=(data)=>{const{title,url}=datadocument.body.innerHTML=`${title}`}consttag=document.createElement('script')tag.src='https://cdn.jsdelivr.net/gh/xcodebuild/perfdem
  • 前端工程化面试题 | 07.精选前端工程化高频面试题 ai_todo 前端javascripttypescript开发语言
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的持续集成和持续交付。你熟悉的持续集成工具或持续交付工具有哪些？前端性能优化是
  • 前端性能优化 - Gzip压缩
    什么是Gzip压缩？gzip是GNUzip的缩写，是一种文件的压缩格式（也可以说是若干种文件压缩程序），类似的压缩格式还有compress，deflate等。web上使用gzip编码格式传输有几个要点：浏览器和服务器都需要支持gzip编码采用LZ77算法与Huffman编码来压缩文件，是一种无损压缩算法压缩比率在3-10倍左右（纯文本），可以大大节省服务器的网络带宽是否前端所有资源都需要Gzip压
  • 2021-10-04 前端性能优化方法 weixin_43160044 前端javascript前端
    文章目录前言1、GZIP1.1、使用步骤2、CDN2.1、使用步骤3、缓存3.1、使用步骤4.组件4.1、注意事项5.其它5.1、减少HTTP请求5.2、懒加载总结前言随着代码数量越来越多，如何加快项目浏览器中的运行速度，减少用户的等待时间便成为了很重要的一个方面，以下是我经过实践后的几个方法1、GZIPGZIP可以对文件进行压缩，压缩比例到3到10左右，是很实用的压缩方法1.1、使用步骤因为我们
  • 前端性能优化：提升网站加载速度的终极指南 喔的嘛呀 前端
    目录一、引言二、问题分析三、优化方案1.减少HTTP请求次数：方法一：合并文件方法二：CSSSprites方法三：使用CSS和JavaScript工具2.使用CDN加速：方法：示例：引入CDN提供的jQuery库：引入CDN提供的BootstrapCSS文件：引入CDN提供的FontAwesome图标库：图片资源使用CDN加速：3.设置缓存策略：通过设置合适的缓存方法：示例：使用Cache-Con
  • next项目页面性能调优 sasaraku. 前端js
    next项目页面性能调优一般来说性能优化可以分为加载时、运行时两部分的优化。扩展参考链接：前端性能优化24条建议Webpack4进阶–从前的日色变得慢，一下午只够打一次包Webpack分包优化首屏加载参考指标FCP（FirstContentfulPaint）：首次内容绘制时间，白屏时间LCP（LargestContentfulPaint）：最大内容绘制时间，即网站渲染占比最多的元素绘制所花费的时间
  • 前端性能优化 润清 前端性能优化
    一、速度为什么很重要？1.效果关乎留存用户BBC发现其网站的加载速度每增加一秒，就会额外损失10%的用户。2.效果关乎转化次数的增加速度较快的网站可以提高转化率并改善业务成果。3.性能关乎用户体验对网页加载速度延迟的压力反应类似于观看恐怖电影或解决数学问题，并且比在零售店排队等候的压力更大。二、HTML性能的一般注意事项该HTML的初始请求需要经历多个步骤，每一步都需要一些时间。减少在每个步骤上花
  • 前端性能优化 - 首屏渲染优化实现及其必要性 叶叶叶同学
    前端性能优化，不得不提的就是这个首屏渲染优化首屏渲染优化其实更具体点，应该是：首次加载首屏渲染优化，原因是某些应用，比如微信有缓存机制，首次加载了，第二次进入都会先加载本地缓存。言归正传，首屏渲染加载优化，其实通俗说起来就是：“刚进页面加载快点”。其实这话也很笼统，专业点来说，其实是有如下几个指标的：FP（全称“FirstPaint”，翻译为“首次绘制”）FCP（全称“FirstContentfu
  • 前端开发中性能优化的常用方法 Itmastergo 性能优化前端
    前端性能优化是在网页加载速度、页面渲染速度、交互响应速度等方面进行改进，以提升用户体验和网站的整体性能。在实际的前端开发中，有许多常用的性能优化方法，涉及到各个方面，包括代码优化、资源加载、网络请求、缓存策略、图片优化等。1.代码优化减少HTTP请求：将多个小文件合并成一个大文件，减少页面的HTTP请求次数，可以通过打包工具如Webpack进行静态资源的合并。压缩代码：使用压缩工具如UglifyJ
  • 1个月uni-app微信小程序开发上线实战专栏介绍 国服第二切图仔 微信小程序uni-app小程序
    一、专栏介绍：《uni-app开发微信小程序1个月上线实战》，目标带领1000位同学成功开发上线一个自己的个人小程序！作者介绍：国服第二切图仔——资深前端开发工程师，具有六年以上的前端开发经验，曾在多家知名企业任职，CSDN、阿里云、华为云等平台优质创作者，擅长前端性能优化，前端复杂交互逻辑处理，精通网页开发、后台管理系统、移动端及微信小程序开发。技术领域：html\css\js\vue\reac
  • 关于前端性能优化的一些总结 轨迹
    前端性能优化的目的:从用户角度而言:优化能够让页面加载得更快、对用户的操作响应的更及时，能够给用户提供更为良好的体验。从服务商角度而言:优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。一、压缩1、HTML压缩HTML代码压缩就是压缩在文本文件中有意义，但是在HTML中不显示的字符，包括空格，制表符，换行符等2、CSS压缩CSS压缩包括无效代码删除与CSS语义合并3、JS压缩与混乱
  • 提升用户体验的艺术：前端性能优化详解 tester Jeffky JMeter性能测试工具ux前端性能优化
    引言：在数字化时代，网页加载速度和响应性对于用户满意度至关重要。一个延迟加载的网站可能会导致用户流失，影响转化率。因此，前端性能优化不仅是技术挑战，更是商业需求。本文将深入探讨前端性能的重要性，介绍提高性能的策略，并通过案例分析展示这些策略的实际应用效果。一、前端性能的重要性用户体验：快速响应的网站能够提供更好的用户体验，增加用户停留时间和互动。搜索引擎排名：搜索引擎如Google考虑页面加载速度
  • SpringMVC:企业级解读（二） 星光闪闪k JavaSpringjava后端架构springbootspringmvc
    目录八.构建卓越JavaWeb应用：最佳实践与性能优化1.代码组织与规范2.全局异常处理与日志记录3.性能优化与安全性考虑4.分布式应用5.提高SpringMVC的开发效率和代码质量九.构建卓越用户体验：Themes与UI组件集成1.主题与CSS预处理器1.1定义主题1.2动态切换主题2.与前端UI组件库集成2.1选择合适的UI组件库2.2主题定制与样式覆盖3.前端性能优化3.1压缩与合并资源3.
  • 记2018前端面试之旅 weixin_33896069 前端面试gitViewUI
    持续更新直到找到合适工作为止！-_-!面试一日期：20180420前端性能优化？前端性能优化这个问题可以回答的比较多，我自己的答案：前端性能优化可以从：减少HTTP请求的数量减少HTTP请求的大小缓存内容分发网络脚本放置在底部，样式表放置在顶部...减少HTTP请求的数量：将公用的js、css文件合并CSS雪碧图图片地图内联图片不详细赘述了标题文字图片预加载方式？图片预加载的主要思路：图片预加载的
  • JavaScript中的数据缓存与内存泄露：解密前端性能优化与代码健康 前端青山 javascript入门到实战javascript前端开发语言
    个人主页：前端青山系列专栏：JavaScript篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来JavaScript篇专栏内容:JavaScript-数据缓存与内存泄露目录说说你对事件循环的理解一、是什么二、宏任务与微任务微任务宏任务三、async与awaitasyncawait四、流程分析说说JavaScript中内存泄漏的几种情况？一、是什么二、垃圾回收机制标记清除引用计数小结三、常见
  • Web前端性能优化-综合篇 visitor009 Web前端综合
    chrome开发者工具使用performance性能监控rendering>ftpmeter动画性能监控，60fps正常，越高越好合并与压缩合并：把css、js分别合并为一个文件，减少http请求压缩：把html、css、js的空格注释去掉，减少请求大小图片优化减少请求大小、数量，优化加载速度jpg：压缩率高，大部分不需要透明图片的场景png：支持透明，大部分需要透明图片的场景webp：压缩成度更
  • 前端性能优化 之 首屏预渲染 刷题刷到手抽筋
    本文介绍一种优化首屏访问速度的技术：前端预渲染，并封装自定义的Reacthook，解决预渲染中的数据初始化问题。一、首屏速度慢的问题如果网站页面首屏访问比较慢，应该怎么优化呢？这要结合实际情况，有非常多的手段可以提升首屏访问速度，今天我们来聊一聊其中一种技术：前端预渲染。先上效果图image.pngimage.png上面是一个前端刷题网站：灵题库（https://www.lingtiku.com，
  • 前端笔试题（三） 哎亚亚哎亚亚 前端
    1.常见的前端性能优化的方式分五大模块：加载优化，执行优化，渲染优化，脚本优化、代码优化分五大模块加载优化减少HTTP请求、缓存资源、压缩代码、无阻塞、首屏加载、按需加载、预加载、压缩图像、减少Cookie、避免重定向、异步加载第三方资源执行加载CSS写在头部，JS写在尾部并异步、避免img、iframe等的src为空、尽量避免重置图像大小、图像尽量避免使用DataURL渲染加载设置viewpor
  • 前端性能优化——图片篇 安之素年
    选择合适的图片格式JPEGJPEG是由JointPhotographicExpertsGroup所开发出的一种图片。它最大的特点是有损压缩。这种高效的压缩算法使它成为了一种非常轻巧的图片格式。另一方面，即使被称为“有损”压缩，JPG的压缩方式仍然是一种高质量的压缩方式：当我们把图片体积压缩至原有体积的50%以下时，JPG仍然可以保持住60%的品质。此外，JPG格式以24位存储单个图，可以呈现多达1
  • 前端性能优化1-从输入url到页面展现发生了什么 瘾_95f1
    从输入url到页面展现发生了什么DNS其实也是一个网络协议DNS有个递归查询的逻辑，TCPHTTP/SSL有序到达响应解析（SPA，SSR）浏览器渲染howbrowserworksurl=>dns获取ip=>建立tcp=>发起http=>解析响应=>浏览器的渲染ip寻址之上有两个很重要的协议TCP（可靠协议，三次握手，四次挥手，慢启动，滑动窗口协议，确保每个包都有序的传过去，不容易丢包，有重复策略
  • 前端性能优化 和科比合砍81分 前端性能优化
    前端性能优化可以从以下几个方面来看:一、打包体积方面:—体积小可以减少网络传输时间vite:https://www.duidaima.com/Group/Topic/Vue/12079https://blog.csdn.net/qq_36017964/article/details/97934911工具:vuecli中配置webpack-bundle-analyzer插件,此插件在执行打包命令成功
  • 【前端性能优化】如何取消http请求 全栈弄潮儿²⁰²⁴ 前端架构师之路前端http网络协议http请求取消http请求性能优化
    文章目录需要取消http请求的3种经典场景原生XMLHttpRequest取消http请求fetch取消http请求axios取消http请求哪些情况需要取消HTTP请求取消http请求能带来哪些性能提升需要取消http请求的3种经典场景场景一：有一个实时搜索功能，每当用户输入内容改变的时候，就会去调用一个接口，返回搜索结果数据，如果第二次响应的速度可能会比第一次快，页面的内容先变成第二次的内容，
  • CSR、SSR、NSR、ESR傻傻分不清楚，一文帮你理清前端渲染方案！ 小生方勤 运维javavue面试javascript
    01引言随着前端系统的越发复杂，前端的性能也受到越来越多的重视。Google也不断在推进新的性能相关指标，从原先的PerformanceAPI中的指标逐步演进成用户性能体验相关的指标。对于用户而言，FirstPaint、FirstMeaningfulPaint和TTI这几个指标可以直接影响到用户体验。关于前端性能优化有非常多的最佳实践可以参考，这篇文章会重点介绍前端渲染的方案及其优劣。02CSRv
  • 前端性能优化：Add Expires headers weixin_30376453 javascript运维前端ViewUI
    前端性能优化：AddExpiresheadersExpiresheaders是什么？Expiresheaders：直接翻译是过期头。Expiresheaders告诉浏览器是否应该从服务器请求一个特定的文件或者是否应该从浏览器的缓存抓住它。Expiresheaders的设计目的是希望使用缓存来减少HTTPrequests的数量，从而减少HTTP相应的大小。Expiresheaders中的Expire
  • 前端性能优化之数据存取，存储以及缓存技术 hzulwy 性能优化前端前端性能优化
    无论是哪种计算机语言，说到底它们都是对数据的存取与处理。若能在处理数据前，更快地读取数据，那么必然会对程序执行性能产生积极的作用。一般而言，js的数据存取有4种方式。直接字面量:字面量不存储在特定位置也不需要索引，仅仅代表自身。它们包括布尔值，数字，字符串，对象，数组，函数，null，undefined以及正则表达式。变量:通过关键字const/let/var定义的数据存储单元。数组元素:存储在数
  • Dom 周华华 JavaScripthtml
    <!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
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他