- 第一篇：深入理解图片懒加载技术：原理、实现与优化场景
目录一、什么是图片懒加载？二、图片懒加载的实现原理三、常见实现方式与代码示例方案1：基于滚动事件和getBoundingClientRect()方案2：基于IntersectionObserverAPI（推荐）四、懒加载的适用场景与注意事项五、总结在现代网页开发中，图片资源往往是影响页面加载速度的“重灾区”。尤其是包含大量图片的电商页面、资讯网站，若一次性加载全部图片，不仅会导致首屏加载时间过长，
- Vue常用插件汇总(2)
2401_84094908
程序员vue.js前端javascript
文件上传vue-upload-component-Vuejs文件上传组件vue-core-image-upload-轻量级的vue上传插件vue-dropzone-用于文件上传的Vue组件图片处理vue-lazyload-img-移动优化的vue图片懒加载插件vue-image-crop-upload-vue图片剪裁上传组件vue-svgicon-创建svg图标组件的工具vue-img-loade
- Web 架构之图片与静态资源优化全攻略
懂搬砖
web架构原力计划前端架构网络
文章目录思维导图一、图片优化1.图片格式选择2.图片压缩3.响应式图片4.图片懒加载二、静态资源优化1.文件压缩2.缓存策略3.CDN加速总结思维导图Web架构图片与静态资源优化图片优化静态资源优化图片格式选择图片压缩响应式图片图片懒加载JPEGPNGWebP无损压缩有损压缩文件压缩缓存策略CDN加速GzipBrotli强缓存协商缓存一、图片优化1.图片格式选择JPEG特点：有损压缩格式，适合色彩
- HOW - 图像加载自动优化方案
@PHARAOH
javaspring前端
文章目录前言next/image自动优化的实现原理1.图像请求通过ImageOptimizationAPI拦截2.根据设备屏幕密度自动调整图像尺寸3.自动格式转换（WebP/AVIF）4.CDN缓存与重用（在Vercel上）5.LazyLoading&优化加载顺序总结：自动优化是如何做到的生成的HTMLsrc设置:w=750&q=75的含义为什么要调整尺寸w？1.响应式设计需求2.节省带宽，避免加
- IntersectionObserver实战指南：应用场景与封装实现
超级无敌谢大脚
个人笔记小知识点JavaScript前端javascript
IntersectionObserver实战指南：应用场景与封装实现一、为什么需要IntersectionObserver二、核心应用场景解析1.图片/内容懒加载2.无限滚动加载3.广告曝光统计4.交互动画触发5.关键内容阅读进度追踪三、兼容性处理方案浏览器支持情况Polyfill引入方式四、通用函数封装实现五、实际使用示例图片懒加载实现动画触发实现六、最佳实践建议扩展思考一、为什么需要Inter
- 实现图片懒加载
小白变怪兽
vue3前端
构建自定义指令利用IntersectionObserver完成监测（此处我们直接用vueUse的useIntersectionObserver）//directive/index.js//图片一开始不加载，等到将要看到的时候再加载import{useIntersectionObserver}from"@vueuse/core"constimgLazy={mounted(el){//1.缓存当前的图
- 前端页面卡顿？5个你必须掌握的性能优化技巧！（含原理与代码详解）
前端页面卡顿？5个你必须掌握的性能优化技巧！（含原理与代码详解）在前端开发的日常工作中，你是否也经常遇到这些问题：页面加载很慢、数据量一大就卡顿、用户频频反馈体验不好？其实，性能优化远不只是“搞搞懒加载、加个CDN”那么简单。今天我就结合自己的实战经验，总结5个前端页面常见卡顿场景的优化技巧，每一个都配有原理和实用代码示例，欢迎大家收藏和讨论！1.图片懒加载，让页面更轻盈原理解析图片懒加载（Laz
- 最新Web前端面试题精选大全及答案
2401_87557072
前端面试职场和发展
Font-style，font-variant，font-weight，text-decoration，text-transform，direction字母间距段落间距行高字体颜色字体种类字体大小字体样式字体粗细小型大写字母文本文本修饰转换不同元素中的文本文本方向14.网页中有大量图片加载很慢你有什么办法进行优化？1.图片懒加载，在图片未可视区域加一个滚动条事件，判断图片位置与浏览器顶端和页面的距
- 如何在 Vue 3 中实现懒加载组件？
JJCTO袁龙
Vuevue.jsjavascript前端
如何在Vue3中实现懒加载组件？随着现代前端框架的发展，懒加载作为一种优秀的性能优化技术，在用户体验和加载速度上扮演着越来越重要的角色。Vue3提供的异步组件功能使得在应用中实现懒加载组件变得极为简单。本文将详细介绍如何在Vue3中实现懒加载组件，确保你能够将这一技术应用到自己的项目中。什么是懒加载？懒加载（LazyLoading）是一种设计模式，它延迟加载资源（如组件、图片等），直到需要时再加载
- img标签的onerror事件（应用以及注意事项）
摇摇奶昔x
vueHTML5htmlvue.js
建议只用懒加载：https://www.npmjs.com/package/vue-lazyloadnpminstallvue-lazyload--save-devimportVueLazyloadfrom'vue-lazyload'Vue.use(VueLazyload,{loading:require('img/loading.png'),//加载中图片，一定要有，不然会一直重复加载占位图er
- Flask-SQLAlchemy优化数据库查询
BirdMan98
Flask数据库flaskoracle
在使用Flask-SQLAlchemy时，数据库查询优化非常重要，尤其在面对大规模数据集时。以下是一些常见的优化策略，帮助提升查询性能，减少不必要的资源消耗。1.使用懒加载（LazyLoading）Flask-SQLAlchemy默认使用懒加载（LazyLoading）策略来加载关联对象。也就是说，关联对象的字段只有在访问时才会加载，这可以避免不必要的查询。优化建议：如果你不需要某个字段或关联关系
- 微信小程序开发中的异步加载与延迟加载技术实践【含代码示例】
DTcode7
微信小程序相关微信小程序小程序移动端web前端JavaScript
微信小程序开发中的异步加载与延迟加载技术实践【含代码示例】基本概念异步加载延迟加载异步加载示例示例一：使用wx.request进行网络请求示例二：使用Promise处理异步操作延迟加载示例示例三：图片懒加载示例四：滚动视图内的延迟加载实际开发技巧在微信小程序开发过程中，为了提升用户体验和应用性能，异步加载与延迟加载是两项至关重要的技术。本文将深入解析这两种加载策略的基本概念、作用、代码示例以及实际
- Vue项目---懒加载的应用
miraculous111
vue.js前端javascript性能优化
懒加载介绍原理展示详细解析模版部分脚本部分数据和变量IntersectionObserver加载更多数据生命周期钩子代码Mock数据前端代码介绍懒加载（LazyLoading）是一种常见的前端优化技术，用于延迟加载页面上的资源（如图片、视频、组件等），直到它们真正需要被显示时才加载。这种技术可以显著提高页面的加载速度，减少初始加载时的资源消耗，提升用户体验。原理懒加载的核心思想是：只加载用户当前需
- Vue3性能调优: Lazy Loading与代码拆分
武昌库里写JAVA
面试题汇总与解析springbootvue.js宠物管理课程设计java
Vue3性能调优:LazyLoading与代码拆分一、概述LazyLoading与代码拆分的重要性懒加载)与代码拆分是Vue3性能调优中的重要策略，它们能够显著提升页面加载速度和减少首次加载所需的资源。在Web开发中，随着页面规模的增大，前端代码体积也不断增大，为了提升页面加载性能和用户体验，我们需要采取相应的优化策略来减少初始加载时的资源消耗。LazyLoading与代码拆分就是我们在优化Vue
- 深入理解 MyBatis 延迟加载机制与实现原理
作为Java后端开发，你是否曾经纠结过：查询用户信息时，要不要把用户关联的订单、地址一起查出来？全部查询性能肯定受影响，可不查又怕后面用到时反复访问数据库。这种"查不查"的两难抉择，其实可以通过MyBatis的延迟加载机制漂亮解决。那么问题来了，MyBatis到底支持延迟加载吗？它背后的实现原理又是什么？MyBatis的延迟加载支持情况MyBatis确实支持延迟加载（LazyLoading）功能，
- log4j.properties里配置文件没作用
一只爱吃鱼的猫
框架
解决办法:在SqlMapConfig.xml文件中加入代码后运行结果中带有日志文件在mybaits中，setting的的配置参数如下（如果不在配置文件中配置将使用默认值）：设置参数描述有效值默认值cacheEnabled该配置影响的所有映射器中配置的缓存的全局开关true|falsetruelazyLoadingEnabled延迟加载的全局开关。当开启时，所有关联对象都会延迟加载。特定关联关系中可
- 掌握Intersection Observer API，轻松实现实现图片懒加载、元素滚动动画、无限滚动加载等功能
watermelo37
前端#javascript前端开发语言数据分析数据结构vue.jsvue
目录掌握IntersectionObserverAPI，轻松实现实现图片懒加载、元素滚动动画、无限滚动加载等功能一、什么是IntersectionObserverAPI？二、为什么需要IntersectionObserver？三、IntersectionObserver如何使用1、IntersectionObserver基本用法2、图片懒加载3、元素入场动画4、无限滚动（加载更多）四、使用Inte
- 同时支持Vue2/Vue3的图片懒加载组件（支持懒加载 v-html 指令梆定的 html 内容）
Samdy_Chan
前端开发/VueNodejs懒加载图片懒加载图像懒加载vuevue2vue3前端
vue-lazyload-imgs（LazyLoadImgs）组件简介 详情见：https://npmjs.com/package/vue-lazyload-imgs安装方法：npmivue-lazyload-imgs（不要安装为开发依赖，应为产品依赖）适用环境：本组件适用于运行在前端开发框架Vue，同时兼容Vue2（>=2.6.0）及Vue3版本；要求Vue版本必须在2.6.0（包含）以上及V
- Vue自定义指令+IntersectionObserver实现图片懒加载
YUELEI118
Vue3vue.js前端typescript
小满的视频代码：图片储存在/assets/images/文件夹下import{Directive}from"vue";/*import.meta.glob：文件引入，将指定文件夹中的文件一次性全部引入1.此处是通过文件夹把.jpg的图片全部引入，结果是一个对象2.默认为懒加载，加上参数eager:true就是一次全部引入，*/letimageList:Record=import.meta.glob
- vue3项目实战-轮播图实现，页面组件封装，图片懒加载，组件封装，使用逻辑函数拆分业务
爱学英语的程序媛
项目vue.jsjavascript前端
轮播图实现element-plus组件搭建静态结构封装接口apis下新建home.js,添加以下代码（这里的接口是后台提供的，每个项目对应的都不一样，这里只提供方法，以自己的项目为准）importhttpInstancefrom'@/utils/http'//获取bannerexportfunctiongetBannerAPI(params={}){//默认为1,商品为2const{distrib
- Vue - vue-waterfall-plugin 瀑布流组件（Vue2+Vue3）
miaomiaowins
vue.js前端javascript
Vue-vue-waterfall-plugin瀑布流组件（Vue2+Vue3）vue-waterfall-plugin瀑布流组件有Vue2和Vue3版本，支持PC和移动端自适应，支持animate.css的所有动画效果，支持图片懒加载，可自定义卡片之间间距、卡片入场动画和延迟时间等。一、安装vue-waterfall-pluginVue2：npminstallvue-waterfall-plug
- 前端图片懒加载技术实现详解
A-Kamen
前端
前端图片懒加载技术实现详解1.什么是图片懒加载？2.为什么需要图片懒加载？3.实现方案3.1HTML原生支持3.2使用IntersectionObserverAPI示例代码3.3第三方库方案使用lazysizes示例4.最佳实践与注意事项5.结论在当今网页中，图片通常占据了大量的资源，如果一次性加载所有图片，会严重影响页面加载速度和用户体验。为了解决这一问题，图片懒加载（LazyLoading）技
- 单页响应式 图片懒加载HTML页面
Wiktok
cssjavascript前端
设计说明响应式设计：使用CSSGrid布局，根据屏幕宽度自动调整色块数量在不同设备上都有良好的显示效果懒加载：使用标签的loading="lazy"属性实现原生懒加载图片在滚动到视口附近时才会加载色块展示：使用随机生成的色块作为内容展示每个色块都有独特的颜色和编号色块有悬停效果和阴影效果分类展示：将色块分为自然风光、城市建筑和抽象艺术三类每类都有独立的标题和网格布局响应式懒加载页面*{margin
- 每日学习Java之一万个为什么
~Yogi
修炼学习javamybatis
Mybatis分步查询如果有下一步查询计划，resultType需要改为resultMap，（只要这张表的查询大于1就用Map）并在Map中配置下一步计划在本计划中的实体类，查询列名，下一步计划方法路径。当然，在分步查询sql设计前后我们需要设计分步查询实体类。select*fromt_scorewhereuid=#{id};分步查询和JOIN哪个更好？参考分步查询的延迟加载lazyLoading
- React 如何实现组件懒加载以及懒加载的底层机制
乐闻x
React最佳学习手册react.js前端前端框架性能优化
前言在现代前端开发中，性能优化始终是一个核心课题。React作为当下流行的前端库之一，提供了一些非常有用的工具和技术来提升应用的性能，其中懒加载（LazyLoading）就是一项不可忽视的重要技术。通过懒加载，我们可以有效地减少初始页面加载时间，提高应用的响应速度，从而显著改善用户体验。那么，React的懒加载是如何实现的呢？它的底层原理和运行流程又是什么？本文将通过通俗易懂的方式，带你深入解析R
- vue懒加载
CV_CodeMan
jsvuevue.js前端javascript
Vue懒加载懒加载（LazyLoad）一直是前端的优化方案之一。简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。它的核心思想是：当用户想看页面某个区域时，再加载该区域的数据。这在一定程度上减轻了服务器端的压力，也加快了页面的呈现速度。懒加载多用于图片，因为它属于流量的大头。最典型的懒加载实现方案是先将需要懒加载的图片的src隐藏掉，这样图片就不会下载，然后在图片需要呈现给用户时再加上
- Vue懒加载YouTube视频组件指南
解银旦Fannie
Vue懒加载YouTube视频组件指南vue-lazy-youtube-videoVue.jscomponentforlazyloadingYouTubevideos.项目地址:https://gitcode.com/gh_mirrors/vu/vue-lazy-youtube-video项目介绍Vue.js库vue-lazy-youtube-video是一个专门为Vue应用程序设计的组件，旨在优
- Vue懒加载
充气大锤
前端性能优化vue.js前端javascript学习笔记前端框架性能优化
一、什么是懒加载在Vue中实现懒加载（LazyLoading）通常是为了优化应用的性能，尤其是在加载大型应用或组件时。懒加载可以帮助减少初始加载时间，只在用户需要时才加载特定的代码块或组件。二、懒加载的几种方式方法1：使用动态导入（DynamicImports）你可以使用JavaScript的动态导入语法来懒加载组件。例如，如果你想懒加载一个名为MyComponent的组件，你可以这样做：//在组
- Webpack 打包后文件过大，如何优化？
几何心凉
前端入门之旅webpack前端node.js
聚沙成塔·每天进步一点点本文回顾⭐专栏简介Webpack打包后文件过大，如何优化？1.代码分割（CodeSplitting）1.1概念1.2Webpack的`SplitChunksPlugin`示例配置：1.3按需加载（LazyLoading）示例：2.TreeShaking2.1概念2.2启用TreeShaking示例配置：2.3检查未被使用的代码安装`webpack-bundle-analyz
- vue3封装Hooks 实现图片懒加载（保姆级教程）
carryforever
vue.js前端框架
一、背景在现代Web开发领域，图片懒加载的重要性不容小觑。首先，它对页面加载速度有着极大提升作用。当页面包含大量图片时，若不采用懒加载，所有图片会在页面初始化时一同请求加载，这会导致加载时间过长。而懒加载仅在图片进入浏览器可视区域时才触发加载，大大减少了初始加载的数据量，使关键资源（如HTML、CSS等）能优先高效加载，让用户更快看到页面布局并进行交互。其次，能有效节省用户流量。对于移动用户或流量
- 深入浅出Java Annotation(元注解和自定义注解）
Josh_Persistence
Java Annotation元注解自定义注解
一、基本概述
Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。
更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
- mysql优化特定类型的查询
annan211
java工作mysql
本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。
1 优化count查询
对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看
真正的count()函数的作用到底是什么。
count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。
在统
- MAC下安装多版本JDK和切换几种方式
棋子chessman
jdk
环境：
MAC AIR,OS X 10.10,64位
历史：
过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。
后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。
在终端中输入jav
- javaScript （1）
Array_06
JavaScriptjava浏览器
JavaScript
1、运算符
运算符就是完成操作的一系列符号，它有七类： 赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
- 国内顶级代码分享网站
袁潇含
javajdkoracle.netPHP
现在国内很多开源网站感觉都是为了利益而做的
当然利益是肯定的,否则谁也不会免费的去做网站
&
- Elasticsearch、MongoDB和Hadoop比较
随意而生
mongodbhadoop搜索引擎
IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
- mac os 系统科研软件总结
张亚雄
mac os
1.1 Microsoft Office for Mac 2011
大客户版，自行搜索。
1.2 Latex （MacTex）:
系统环境：https://tug.org/mactex/
&nb
- Maven实战（四）生命周期
AdyZhang
maven
1. 三套生命周期 Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
- Linux下Jenkins迁移
aijuans
Jenkins
1. 将Jenkins程序目录copy过去 源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面 tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
- request.getInputStream()只能获取一次的问题
ayaoxinchao
requestInputstream
问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据
原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
- 数据库SQL优化大总结之 百万级数据库优化方案
BigBird2012
SQL优化
网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。
这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。
1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。
2.应尽量避免在 where
- jsonObject的使用
bijian1013
javajson
在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。
JSONUtil.java
package com.bijian.json.study;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
- [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration
bit1129
zookeeper
Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类
首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，
/**
* Register a watcher for a particular p
- 【Scala十三】Scala核心七：部分应用函数
bit1129
scala
何为部分应用函数？
Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
- Tomcat Error listenerStart 终极大法
ronin47
tomcat
Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下
Java代码
handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
- 不用加减符号实现加减法
BrokenDreams
实现
今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。
分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。
- 读《研磨设计模式》-代码笔记-状态模式-State
bylijinnan
java设计模式
声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类
状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况
把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化
如果在
- CUDA程序block和thread超出硬件允许值时的异常
cherishLC
CUDA
调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。
以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！
所以验证结果的正确性很重要！！！
在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。
以下程序在K5000GPU上跑的。
- 诡异的超长时间GC问题定位
chenchao051
jvmcmsGChbaseswap
HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志：
2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
- maven环境快速搭建
daizj
安装mavne环境配置
一 下载maven
安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。
maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
- PHP网站安全，避免PHP网站受到攻击的方法
dcj3sjt126com
PHP
对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
- yii中给CGridView设置默认的排序根据时间倒序的方法
dcj3sjt126com
GridView
public function searchWithRelated() {
$criteria = new CDbCriteria;
$criteria->together = true; //without th
- Java集合对象和数组对象的转换
dyy_gusi
java集合
在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。
1、数组对象转换为集合对象
最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
- nginx同一主机部署多个应用
geeksun
nginx
近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。
1. 在nginx下创建vhosts目录，用以放置vhost文件。
mkdir vhosts
2. 修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件
#
- ubuntu添加admin权限的用户账号
hongtoushizi
ubuntuuseradd
ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下：
1:useradd
使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。
顾应该如下操作：
- 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理
jinnianshilongnian
nginxlua
JSON库
在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
- Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
yaerfeng1989
timerquartz定时器
原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm
有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。
1.Java Timer定时
首先继承jav
- Linux下df与du两个命令的差别？
pda158
linux
一、df显示文件系统的使用情况，与du比較，就是更全盘化。 最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 举比例如以下： [root@localhost ~]# df -T Filesystem Type &n
- [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象
ctfzh
VOandroidsqlite反射Cursor
在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。
使用时需要注意：
考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。
表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
- 该学习笔记用到的Employee表
vipbooks
oraclesql工作
这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。
drop table Employee;
-- 员工信息表
create table Employee(
-- 员工编号
EmpNo number(3) primary key,
-- 姓
