奔跑的瓜牛
奔跑的瓜牛

JQ封装图片预加载插件

我们知道，图片的加载，特别是资源较大的图片，加载相当耗费时间。为了提高用户体验，不得不使用图片预加载技术来提前加载，以提高用户在浏览时的流畅度。

先来弄明白图片的懒加载和预加载的不同：

 1)概念：
懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。
预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。

2)区别：
两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。

服务器端区别：懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。预加载可以说是牺牲服务器前端性能，换取更好的用户体验，这样可以使用户的操作得到最快的反映。

 

下面来封装一个预加载插件，同时讲解它的用法：

整个框架代码：

  1 DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <title>preloadtitle>
  6     <style>
  7         *{margin:0;pading:0;}
  8         a{
  9             text-decoration: none;
 10         }
 11         .box {text-align:center;}
 12         .btn{
 13             display:inline-block;
 14             height:30px;
 15             line-height:30px;
 16             border:1px solid #ccc;
 17             background: #fff;
 18             padding:0 10px;
 19             margin-right:50px;
 20             color: #333;
 21         }
 22         .btn:hover{
 23             background: #eee;
 24         }
 25         /*进度条样式*/
 26         .loading{
 27             position:fixed;
 28             top:0;
 29             left:0;
 30             bottom:0;
 31             right:0;//撑满整个屏幕
 32             background: #eee;
 33             text-align: center;
 34             font-size:30px;
 35             font-weight:bold;
 36         }
 37         .progress{
 38             margin-top:300px;
 39         }
 40     style>
 41 head>
 42 <body>
 43 
 46     <div class="box">
 47         <img src="http://image.hnol.net/c/2010-11/14/21/201011142147143181-239867.jpg" id="img" alt="pic" width="1000">
 48         <p>
 49             <a href="javascript:;" class="btn" data-control="prev">上一张a>
 50             <a href="javascript:;" class="btn" data-control="next">下一张a>
 51         p>
 52     div>
 53     
 54     <div class="loading">
 55         <p class="progress">0%p>
 56     div>
 57     <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">script>
 58     <script src="js/preload.js">script>
 59     <script>
 60         var imgs = ['http://image.hnol.net/c/2010-11/14/21/201011142147143181-239867.jpg',
 61             'http://www.picperweek.com/resource/image/dbc3c16b-5fc6-48e5-aa48-c64739739da2.png',
 62             'http://imgstore.cdn.sogou.com/app/a/100540002/406526.jpg'],
 63             index = 0,
 64             len = imgs.length;
 65             $progress = $('.progress');
 66               //有序预加载,可以不用写进度条部分，如果有写，需要手动配置each()、all()方法
 67 //            $.preload(imgs,{
 68 //                order:'ordered'
 69 //            });
 70 
 71         //调用无序预加载   --imgs 数组存放预加载的图片
 72         $.preload(imgs,{
 73             //每张图片加载(load事件)一次触发一次each()
 74             each:function (count) {
 75                 //进度条显示百分比进度
 76                 $progress.html(Math.round((count + 1) / len * 100) + '%');
 77             },
 78             //加载完毕
 79             all: function () {
 80                 $('.loading').hide();
 81                 document.title = '1/' + len;//初始化第一张
 82             }
 83         });
 84         //未封装成插件的无序预加载
 85 //        $.each(imgs,function(i,src){
 86 //            var imgObj = new Image();   //Image()实例用于缓存图片
 87 //
 88 //            $(imgObj).on('load error',function(){
 89 //                $progress.html(Math.round((count + 1) / len * 100) + '%');
 90 //
 91 //                if(count >= len - 1){
 92 //                    $('.loading').hide();
 93 //                    document.title = '1/' + len;
 94 //                }
 95 //                count++;//每加载完一张图片count加1
 96 //            });
 97 //
 98 //            imgObj.src = src;//缓存图片
 99 //        });
100         //上一页，下一页按钮
101         $('.btn').on('click',function(){
102             if('prev' === $(this).data('control')){
103                 index = Math.max(0,--index);
104             }else{
105                 index = Math.min(len - 1,++index);
106             }
107             document.title = (index + 1)+'/' + len;
108             $('img').attr('src',imgs[index]);
109         });
110     script>
111 body>
112 html>

JQ插件部分：(preload.js)

 1 ;(function($){
 2 
 3     function PreLoad(imgs, options){
 4         //保存图片到数组
 5         this.imgs = (typeof imgs === 'string') ? [imgs] : imgs;
 6         this.opts = $.extend(PreLoad.defaults,options);
 7 
 8         // this._unordered();//如果只有无序预加载
 9         if(this.opts.order === 'ordered'){
10             this._ordered();
11         }else{
12             this._unordered();//默认是无序预加载
13         }
14     };
15     PreLoad.defaults = {
16         order: 'unordered', //指定默认加载方式为无序
17         each: null, //每一张图片加载完毕后执行
18         all: null //所有图片加载完毕后执行
19     };
20     //有序预加载
21     PreLoad.prototype._ordered = function(){
22         var opts = this.opts,
23             imgs = this.imgs,
24             len = imgs.length,
25             count = 0;
26 
27         load();
28         function load(){
29             var imgObj = new Image();
30 
31             $(imgObj).on('load error', function () {
32                 //相当于if(opts.each){ opts.each(); } ，如果有配置each()方法则调用，后面的all()同理
33                 opts.each && opts.each(count);
34 
35                 if(count >= len){
36                     //所有图片加载完毕
37                     opts.all && opts.all();
38                 }else{
39                     //如果没加载完，继续调用自身加载下一张
40                     load();
41                 }
42                 count++;
43             });
44 
45             imgObj.src = imgs[count];//缓存图片
46         };
47     };
48 
49     //无序加载
50     PreLoad.prototype._unordered = function(){
51         var imgs = this.imgs,
52             opts = this.opts,
53             count = 0,
54             len = imgs.length;
55 
56         $.each(imgs,function(i,src){
57             //判断图片数组中的每一项是否为字符串，不是字符串会导致出错，因此返回
58             if(typeof src != 'string') return;
59 
60             var imgObj = new Image();
61 
62             $(imgObj).on('load error',function(){
63                 //判断opts.each是否存在，不存在则不执行
64                 opts.each && opts.each(count);
65 
66                 if(count >= len - 1){
67                     //判断opts.all是否存在，存在则执行
68                     opts.all && opts.all();
69                 }
70                 count++;
71             });
72 
73             imgObj.src = src;//缓存图片
74         });
75     };
76 
77     //由于不用具体的对象去调用，因此用$.extend(object)挂载插件.
78     $.extend({
79         //preload为插件名
80        preload: function(imgs,opts) {
81            new PreLoad(imgs,opts);
82        }
83     });
84 
85 })(jQuery);

 

根据我们的需求来调用不同的插件，将未来可能用到的图片用Image()实例缓存起来。

 

你可能感兴趣的:(JQ封装图片预加载插件)

  • MyBatis-Plus介绍及基本使用 墨鸦_Cormorant #Java持久层mybatismybatis-plusmybatisPlus
    文章目录概述介绍MyBatis-Plus常用配置分页插件配置类注解配置快速入门maven依赖编写配置文件编写启动类编写MybatisPlus配置类代码生成器：MybatisPlusGeneratormaven依赖代码生成器核心类概述介绍MyBatis-Plus（简称MP）是一个MyBatis的增强工具，在MyBatis的基础上只做增强不做改变，为简化开发、提高效率而生。主页：传送门引入MyBati
  • android studio 使用maven-publish 插件上传aar到远程maven仓库 -优势在我 androidstudiomavenandroid
    上传插件编写1、在工程目录下添加upload.gradle文件applyplugin:'maven-publish'defRELEASE_REPOSITORY_URL='http://xxx.xx.com/artifactory/repository/release/'defSNAPSHOT_REPOSITORY_URL='http://xxx.xx.com/artifactory/reposit
  • Vue3 + Moveable + Selecto 拖拽组件 Demo 巧克力力克巧！ 学习积累vue.jsjavascript前端
    一、项目概述本demo旨在通过Vue3、Moveable和Selecto三个库的结合，实现一个基本的拖拽组件功能。通过Selecto实现元素的选择功能，通过Moveable控制选中元素的大小和位置。同时，封装了hooks以实现元素与数据之间的绑定，使得操作更加灵活和可维护。二、技术栈Vue3：用于构建用户界面的渐进式JavaScript框架。Moveable：一个可以拖拽、缩放、旋转DOM元素的库
  • jmeter调整内存 mandy_test Jmeterjmeter
    启动jmeter的时候有一句英文提示可以修改jmter内存去满足你的测试要求，因为jmeter默认是1g内存的，并发数较大(500+)的时候会超过它的内存导致内存溢出(bin目录看heapprof.这样的文件很大就代表存在内存溢出)，会造成实际压测在线用户数上不去还往下掉(用在线用户数插件)。可以修改jmeter内存，notepad编辑打开jmeter.bat文件，在151行有一句设置内存的，替换
  • flutter 专题 五十三 Flutter 底部向上动画弹出菜单 leluckys Flutter面试与实战flutter前端javascript
    在移动应用开发中，我们经常会遇到弹出菜单的开发需求，对于下拉菜单可以参考Flutter自定义下拉菜单，而如果是向上的弹出菜单或者更加负责的扇形菜单，则需要开发者进行自定义开发。上面是自定义向上弹出菜单的示例，如果要实现上面的效果，需要开发者对动画（AnimationController、Animation）和Flow组件能够很熟练的进行使用。，为了方便大家快速的进行开发，现在我们将它封装城一个组件
  • 【VSCode】一键清理旧版本插件脚本（Mac或者Windows都可） 一荤配一素 linuxshellMacvscodemacoswindows
    文章目录清理VSCode旧版本插件为什么会有旧版本插件Mac环境脚本源码原理解释实例解释Windows环境清理VSCode旧版本插件为什么会有旧版本插件vscode插件经常需要更新的，有时候更新之后旧版本的插件还是会留存在插件文件夹中（更新插件之后vscode并不会删除旧版本插件），路径一般是.vsode/extensions，如果插件很多，也经常更新就会出现很多旧版本的插件不断留存在插件文件夹中
  • Spring框架篇 yadanuof yy的学习之路springjava数据库
    Bean线程单例bean不是线程安全的,Spring框架中有一个@Scope注解，默认的值就是singleton，单例的。因为一般在spring的bean的中都是注入无状态的对象，没有线程安全问题，如果在bean中定义了可修改的成员变量，是要考虑线程安全问题的，可以使用多例或者加锁来解决AOPAOP面向切面编程,用于处理那些与业务无关,但对多个对象产生影响的公共行为和逻辑,将其抽取并封装为一个可重
  • 使用LangChainV3.0加载PDF文件并进行总结 毛毛的毛毛 pdfAI编程
    LangChain目前已经更新到了V3版本，之前一直使用的V1版本，有很多方法都需要自己去封装，这次重新看了V3版本的API文档，很多方法都十分便利，调用方法简单明了十分方便，下面就来展示下这次对于PDF文件加载的优化处理：importtimefromlangchain.chains.summarizeimportload_summarize_chainfromlangchain_communit
  • 【Unity 自然环境创建插件】Forest Environment - Dynamic Nature 旨在提供一个高度逼真的森林生态系统，具有动态天气、植被、自然光照等多种特性 Unity游戏资源学习屋 Unity插件
    ForestEnvironment-DynamicNature是一款为Unity开发的环境创建插件，旨在提供一个高度逼真的森林生态系统，具有动态天气、植被、自然光照等多种特性。它特别适用于需要高质量自然环境的游戏或应用，能够大幅提升游戏中的环境表现，增强沉浸感。主要功能动态天气系统ForestEnvironment包含一个强大的动态天气系统，支持天气变化，如晴天、雨天、雾霾、暴风雪等多种天气效果。
  • C++开发IDE用VisualStudio好还是QtCreator好？ 1号程序媛 Qt开发从零到精通C++开发大全idevisualstudioC++
    在熟练使用了VisualStudio和QtCreator之后，我依然认为QtCreator作为C++项目开发IDE的便捷性真的相当杰出。当然了，VisualStudio和QtCreator本身就不是一个量级，VS越做越大，庞大的插件库也使得他能够支持从嵌入式到手机端，从web到脚本，甚至游戏，仿真等等各个领域的开发任务。所以做得大，必然导致很多细节功能没法做得好。相反，Qt的IDE工具QtCrea
  • 【计算机网络知识 之 OSI七层模型及tcp/ip模型】 皮卡丘的blue 计算机网络知识tcp/ip网络网络协议
    文章目录前言OSI七层模型TCP/IP协议族数据封装、解封装过程每一层的数据格式设备与层的对应关系各层间的通信总结前言环境准备：linux操作系统VMwareWorkstation16.xCentos7OSI七层模型国际标准化组织（InternationalStandardOrganization,ISO）,于1984年颁布了开放系统互联（OpenSystemInterconnection,OSI
  • Obsidian及Zotero常用的插件 让我安静会 计算机基础obsidianzotero
    Obsidian插件MinimalThemeSettings（Life，zotero）【必需】界面样式设置所需插件StyleSettings（Life，zotero）【必需】界面样式设置所需插件RecentFiles（Life，zotero）【必需】界面左侧显示的最近编辑的文件AutoLinkTitle（Life，zotero）【高频】复制网页连接的时候，自动检索网页的标题。BibNotesFor
  • Hutool-------值得推荐的java工具库 丶Apache Java
    网址：https://www.hutool.cn/docs/#/安装Maven在项目的pom.xml的dependencies中加入以下内容:cn.hutoolhutool-all5.3.7Gradlecompile'cn.hutool:hutool-all:5.3.7'包含组件一个Java基础工具类，对文件、流、加密解密、转码、正则、线程、XML等JDK方法进行封装，组成各种Util工具类，同时
  • Hutool-超级好用的Java工具类库 独往丶 Java工具库java
    官方网址：Hutool简介Hutool是一个小而全的Java工具类库，通过静态方法封装，降低相关API的学习成本，提高工作效率，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。Hutool中的工具方法来自每个用户的精雕细琢，它涵盖了Java开发底层代码中的方方面面，它既是大型项目开发中解决小问题的利器，也是小型项目中的效率担当；Hutool是项目中“util”包友好的替代，它节省
  • js 使用缓存判断在规定时间内显示一次弹框 洪洪呀 javascript缓存开发语言
    js使用缓存判断在规定时间内显示一次弹框功能拆分，新用户注册完成登录跳转首页，js根据注册时间判断显示一个新手指引的弹窗，只在注册当天登录且显示一次jQuery(document).ready(function($){getWinnerModalShow()});//新手指引functiongetWinnerModalShow(){varwinnerModal=newbootstrap.Modal
  • 分享一个用于免费取名chrome插件 blogcs chrome前端
    这是一个帮助父母为宝宝取名的Chrome扩展程序，基于八字命理为宝宝打造独特且富有寓意的名字。功能特点：-支持输入宝宝姓氏。-可选择宝宝性别（男宝宝/女宝宝）。-可选择名字长度（二字名/三字名）。-支持输入出生日期和时辰。-提供多种期望寓意选择。-支持自定义期望寓意。-完全简体中文界面。安装方式：**从Chrome网上应用店安装**：1.Chrome網上應用店頁面。2.点击“添加至Chrome”按
  • ubuntu20.04中vscode配置django Galaxy_1229 vscodedjangoide
    1.下载插件我用的是这两个2.配置环境Ubuntu20.04创建虚拟环境python3-mvenv.venv没有venv的记得装一下sudoaptinstallpython3.8-venv装好之后，会出现.venv的文件夹找一下activate，我的在bin里按照提示sourcebin/activate完成后会显示（.venv）的虚拟环境，然后我们安装一下djangopipinstalldjang
  • 分享一个使用的音频裁剪chrome扩展-Ringtone Maker blogcs 音视频chrome前端
    一、插件简介铃声制作器是一个简单易用的Chrome扩展，专门用于制作手机铃声。它支持裁剪音频文件的特定片段，并将其下载为WAV格式，方便我们在手机上使用。无论是想从一段长音频中截取精彩部分作为铃声，还是对现有的音频进行个性化剪辑，这个插件都能轻松满足你的需求二、安装方法安装这个插件非常方便，有两种方式可供选择：1.从Chrome网上应用店安装访问Chrome网上应用店页面。点击“添加到Chrome
  • Springboot集成pagehelper-spring-boot-starter分页插件 帅大大的架构之路 #Java笔记springboot分页插件
    Springboot集成pagehelper-spring-boot-starter1.添加依赖com.github.pagehelperpagehelper-spring-boot-starter1.4.32.application.yml配置#pagehelper配置pagehelper:helperDialect:mysqlreasonable:truesupportMethodsArgum
  • IDEA项目能正常启动 但是get/set 方法都是爆红 TFHoney intellij-ideajava
    问题背景：项目中也引入了lombok的依赖,@Data注解也标注在实体类上了,但所有的get和set方法爆红,项目也可以正常启动问题原因：没有安装lombok插件问题解决：只需在idea上:file—>settings—>plugins---->搜索lombok的插件，install安装即可或者去官网下载，选择链接附上（Lombok-IntelliJIDEsPlugin|Marketplace）,
  • org.pentaho:pentaho-aggdesigner-algorithm:jar:5.1.5-jhyde Maven下载不下来 百夜﹍悠ゼ mavenjarjava
    找了很多文章都提供以下两种方式1）设置maven镜像仓库aliyunmaven*阿里云spring插件仓库https://maven.aliyun.com/repository/spring-pluginnexus-aliyun*Nexusaliyunhttp://maven.aliyun.com/nexus/content/groups/public2）pom文件增加springhttps://
  • 建造者模式详解（Java） le_duoduo java建造者模式
    建造者模式（BuilderPattern）是一种创建型设计模式，通过将复杂对象的构建过程与表示分离，使得相同的构建过程可以创建不同的表示。这种模式提供了一种灵活的方式来构建复杂对象，从而提高代码的可读性和可维护性。本文将从建造者模式的原理、背景、优缺点、应用场景以及实际Java代码示例等多个角度来详细介绍建造者模式。建造者模式的原理建造者模式的主要目标是将对象的构建过程封装起来，使得客户端代码能够
  • 对界面简单易用封装SDK 荭色海湾 中间件实战java开发语言
    1.两大接口1.CheckTuplepackagecom.x.globalcommonservice.model.permissioncontrolservice.openfga.service;importcom.x.globalcommonservice.global.exception.CodeException;importcom.x.globalcommonservice.model.p
  • Selenium WebDriver自动化测试(扩展篇)--Jenkins持续集成 职说测试 seleniumjenkinsci/cdUI自动化测试web自动化测试
    文章目录一、引言二、Jenkins简介三、安装部署Jenkins安装部署四、集成Git与Maven安装必要的插件配置Git配置Maven五、创建Job创建自由风格的项目配置源码管理配置构建触发器配置构建环境配置构建步骤配置Post-buildActions六、触发构建示例：GitHubWebhook触发构建七、封装通用方法示例：使用Groovy脚本创建Job八、总结参考文献一、引言持续集成（Con
  • Spring JDBC中SqlQuery的使用与实例解析 t0_54program springpythonjava个人开发
    在Java开发中，SpringJDBC模块提供了强大的数据库操作支持，其中org.springframework.jdbc.object.SqlQuery是一个非常实用的抽象类，用于将SQL查询封装为线程安全、可重用的对象。本文将通过一个完整的实例，详细介绍SqlQuery的使用方法及其在项目中的应用。一、SqlQuery简介SqlQuery是org.springframework.jdbc.ob
  • 边界扫描测试（Boundary Scan Test）优缺点 JTAG测试白头翁 测试工具测试覆盖率硬件工程嵌入式硬件
    边界扫描测试（BoundaryScanTest）定义：主要基于IEEE1149.1和1149.6标准（JTAG），通过芯片内置的扫描链访问和控制引脚状态，主要用于检测硬件连接的物理缺陷。优点：物理缺陷检测高效检测焊接问题、开路/短路、元器件缺失等制造缺陷。高覆盖率可覆盖传统测试难以触及的节点（如高密度BGA封装引脚）。无需物理探针通过JTAG接口即可访问内部节点，无需外部测试设备。自动化程度高支持
  • electron渲染线程与主线程通信，渲染线程与渲染线程通信 burrierow electronjavascript前端
    线程通信接口在electron中，我们常常需要进行主线程与渲染线程，渲染线程与渲染线程的通信，这些方法有同步或者异步方式，让我们通过官方提供的一些函数来具体了解同步信息通信时，由渲染线程在ipcRenderer注册发送与接受事件（sync-send-event，sync-receive-event），并封装成方法=>(sendSync以及recieveSyncMsg)。下一步，将封装的方法抛出到c
  • Vue 2 + Vite 项目集成 ESLint 和 Prettier Ciito vue.jsjavascriptecmascript
    在Vue2+Vite项目中集成ESLint和Prettier可以帮助你规范代码风格并自动格式化代码。以下是详细的步骤：1.安装ESLint和Prettier相关依赖在项目根目录下运行以下命令，安装ESLint、Prettier和相关插件：npminstall--save-deveslintprettiereslint-plugin-vueeslint-config-prettiereslint-p
  • DeepSeek 部署与集成实战教程 挖掘机技术我最强 AIjava人工智能
    《零基础部署DeepSeek全栈指南：从API接入到高并发优化（含避坑实录）》一、本地开发环境部署（Windows/Mac）1.前置条件准备Java环境：JDK17+（推荐AzulZulu）#验证安装java-versionjavac-versionIDE配置：IntelliJIDEA安装以下插件.envfilessupport（环境变量管理）HTTPClient（API调试）Docker（容器化
  • Java 设计模式之策略模式 xiangxiongfly915 #Java设计模式策略模式设计模式
    文章目录Java设计模式之策略模式特点UML图传统if-else策略模式优化Java设计模式之策略模式特点定义一系列的算法，把每一个算法封装起来,并且使它们可相互替换。策略模式模式使得算法可独立于使用它的客户而独立变化。UML图Context：上下文环境。Strategy：抽象策略类。ConcreteStrategyA、ConcreteStrategyB：具体策略类。传统if-elsepublic
  • iOS http封装 374016526 ios服务器交互http网络请求
    程序开发避免不了与服务器的交互，这里打包了一个自己写的http交互库。希望可以帮到大家。   内置一个basehttp，当我们创建自己的service可以继承实现。   KuroAppBaseHttp *baseHttp = [[KuroAppBaseHttp alloc] init]; [baseHttp setDelegate:self]; [baseHttp
  • lolcat ：一个在 Linux 终端中输出彩虹特效的命令行工具 brotherlamp linuxlinux教程linux视频linux自学linux资料
      那些相信 Linux 命令行是单调无聊且没有任何乐趣的人们，你们错了，这里有一些有关 Linux 的文章，它们展示着 Linux 是如何的有趣和“淘气” 。 在本文中，我将讨论一个名为“lolcat”的小工具 – 它可以在终端中生成彩虹般的颜色。 何为 lolcat ? Lolcat 是一个针对 Linux，BSD 和 OSX 平台的工具，它类似于 cat 命令，并为 cat
  • MongoDB索引管理（1）——[九] eksliang mongodbMongoDB管理索引
    转载请出自出处：http://eksliang.iteye.com/blog/2178427 一、概述       数据库的索引与书籍的索引类似，有了索引就不需要翻转整本书。数据库的索引跟这个原理一样，首先在索引中找，在索引中找到条目以后，就可以直接跳转到目标文档的位置，从而使查询速度提高几个数据量级。       不使用索引的查询称
  • Informatica参数及变量 18289753290 Informatica参数变量
    下面是本人通俗的理解，如有不对之处，希望指正 info参数的设置：在info中用到的参数都在server的专门的配置文件中（最好以parma）结尾 下面的GLOBAl就是全局的，$开头的是系统级变量，$$开头的变量是自定义变量。如果是在session中或者mapping中用到的变量就是局部变量，那就把global换成对应的session或者mapping名字。 [GLOBAL] $Par
  • python 解析unicode字符串为utf8编码字符串 酷的飞上天空 unicode
    php返回的json字符串如果包含中文，则会被转换成\uxx格式的unicode编码字符串返回。 在浏览器中能正常识别这种编码，但是后台程序却不能识别，直接输出显示的是\uxx的字符，并未进行转码。   转换方式如下   >>> import json >>> q = '{"text":"\u4
  • Hibernate的总结 永夜-极光 Hibernate
    1.hibernate的作用,简化对数据库的编码,使开发人员不必再与复杂的sql语句打交道   做项目大部分都需要用JAVA来链接数据库，比如你要做一个会员注册的 页面，那么 获取到用户填写的 基本信后，你要把这些基本信息存入数据库对应的表中，不用hibernate还有mybatis之类的框架，都不用的话就得用JDBC，也就是JAVA自己的，用这个东西你要写很多的代码，比如保存注册信
  • SyntaxError: Non-UTF-8 code starting with '\xc4' 随便小屋 python
    刚开始看一下Python语言，传说听强大的，但我感觉还是没Java强吧！ 写Hello World的时候就遇到一个问题，在Eclipse中写的，代码如下 ''' Created on 2014年10月27日 @author: Logic ''' print("Hello World!");  运行结果 SyntaxError: Non-UTF-8
  • 学会敬酒礼仪 不做酒席菜鸟 aijuans 菜鸟
    俗话说，酒是越喝越厚，但在酒桌上也有很多学问讲究，以下总结了一些酒桌上的你不得不注意的小细节。 细节一：领导相互喝完才轮到自己敬酒。敬酒一定要站起来，双手举杯。 细节二：可以多人敬一人，决不可一人敬多人，除非你是领导。 细节三：自己敬别人，如果不碰杯，自己喝多少可视乎情况而定，比如对方酒量，对方喝酒态度，切不可比对方喝得少，要知道是自己敬人。 细节四：自己敬别人，如果碰杯，一
  • 《创新者的基因》读书笔记 aoyouzi 读书笔记《创新者的基因》
    创新者的基因   创新者的“基因”，即最具创意的企业家具备的五种“发现技能”：联想，观察，实验，发问，建立人脉。   第一部分破坏性创新，从你开始 第一章破坏性创新者的基因 如何获得启示： 发现以下的因素起到了催化剂的作用：(1) -个挑战现状的问题；(2)对某项技术、某个公司或顾客的观察；(3) -次尝试新鲜事物的经验或实验；(4)与某人进行了一次交谈，为他点醒
  • 表单验证技术 百合不是茶 JavaScriptDOM对象String对象事件
    js最主要的功能就是验证表单,下面是我对表单验证的一些理解,贴出来与大家交流交流  ,数显我们要知道表单验证需要的技术点, String对象,事件,函数   一:String对象;通常是对字符串的操作;   1,String的属性;   字符串.length;表示该字符串的长度; var str= "java"
  • web.xml配置详解之context-param bijian1013 javaservletweb.xmlcontext-param
    一.格式定义： <context-param> <param-name>contextConfigLocation</param-name> <param-value>contextConfigLocationValue></param-value> </context-param> 作用：该元
  • Web系统常见编码漏洞（开发工程师知晓） Bill_chen sqlPHPWebfckeditor脚本
    1.头号大敌：SQL Injection 原因：程序中对用户输入检查不严格，用户可以提交一段数据库查询代码，根据程序返回的结果， 获得某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。 本质: 对于输入检查不充分，导致SQL语句将用户提交的非法数据当作语句的一部分来执行。 示例： String query = "SELECT id FROM users
  • 【MongoDB学习笔记六】MongoDB修改器 bit1129 mongodb
    本文首先介绍下MongoDB的基本的增删改查操作，然后，详细介绍MongoDB提供的修改器，以完成各种各样的文档更新操作  MongoDB的主要操作 show dbs 显示当前用户能看到哪些数据库 use foobar 将数据库切换到foobar show collections 显示当前数据库有哪些集合 db.people.update，update不带参数，可
  • 提高职业素养，做好人生规划 白糖_ 人生
      培训讲师是成都著名的企业培训讲师，他在讲课中提出的一些观点很新颖，在此我收录了一些分享一下。注：讲师的观点不代表本人的观点，这些东西大家自己揣摩。   1、什么是职业规划：职业规划并不完全代表你到什么阶段要当什么官要拿多少钱，这些都只是梦想。职业规划是清楚的认识自己现在缺什么，这个阶段该学习什么，下个阶段缺什么，又应该怎么去规划学习，这样才算是规划。  
  • 国外的网站你都到哪边看？ bozch 技术网站国外
    学习软件开发技术，如果没有什么英文基础，最好还是看国内的一些技术网站，例如：开源OSchina，csdn，iteye,51cto等等。 个人感觉如果英语基础能力不错的话，可以浏览国外的网站来进行软件技术基础的学习，例如java开发中常用的到的网站有apache.org 里面有apache的很多Projects,springframework.org是spring相关的项目网站,还有几个感觉不错的
  • 编程之美-光影切割问题 bylijinnan 编程之美
    package a; public class DisorderCount { /**《编程之美》“光影切割问题” * 主要是两个问题： * 1.数学公式（设定没有三条以上的直线交于同一点）： * 两条直线最多一个交点，将平面分成了4个区域； * 三条直线最多三个交点，将平面分成了7个区域； * 可以推出：N条直线 M个交点，区域数为N+M+1。
  • 关于Web跨站执行脚本概念 chenbowen00 Web安全跨站执行脚本
    跨站脚本攻击(XSS)是web应用程序中最危险和最常见的安全漏洞之一。安全研究人员发现这个漏洞在最受欢迎的网站,包括谷歌、Facebook、亚马逊、PayPal,和许多其他网站。如果你看看bug赏金计划,大多数报告的问题属于 XSS。为了防止跨站脚本攻击,浏览器也有自己的过滤器,但安全研究人员总是想方设法绕过这些过滤器。这个漏洞是通常用于执行cookie窃取、恶意软件传播,会话劫持,恶意重定向。在
  • [开源项目与投资]投资开源项目之前需要统计该项目已有的用户数 comsci 开源项目
            现在国内和国外,特别是美国那边,突然出现很多开源项目,但是这些项目的用户有多少,有多少忠诚的粉丝,对于投资者来讲,完全是一个未知数,那么要投资开源项目,我们投资者必须准确无误的知道该项目的全部情况,包括项目发起人的情况,项目的维持时间..项目的技术水平,项目的参与者的势力,项目投入产出的效益.....
  • oracle alert log file（告警日志文件） daizj oracle告警日志文件alert log file
    The alert log is a chronological log of messages and errors, and includes the following items: All internal errors (ORA-00600), block corruption errors (ORA-01578), and deadlock errors (ORA-00060)
  • 关于 CAS SSO 文章声明 denger SSO
    由于几年前写了几篇 CAS 系列的文章，之后陆续有人参照文章去实现，可都遇到了各种问题，同时经常或多或少的收到不少人的求助。现在这时特此说明几点： 1.  那些文章发表于好几年前了，CAS 已经更新几个很多版本了，由于近年已经没有做该领域方面的事情，所有文章也没有持续更新。 2. 文章只是提供思路，尽管 CAS 版本已经发生变化，但原理和流程仍然一致。最重要的是明白原理，然后
  • 初二上学期难记单词 dcj3sjt126com englishword
    lesson 课 traffic 交通 matter 要紧；事物 happy 快乐的，幸福的 second 第二的 idea 主意；想法；意见 mean 意味着 important 重要的，重大的 never 从来，决不 afraid 害怕 的 fifth 第五的 hometown 故乡，家乡 discuss 讨论；议论 east 东方的 agree 同意；赞成 bo
  • uicollectionview 纯代码布局, 添加头部视图 dcj3sjt126com Collection
    #import <UIKit/UIKit.h> @interface myHeadView : UICollectionReusableView { UILabel *TitleLable; } -(void)setTextTitle; @end #import "myHeadView.h" @implementation m
  • N 位随机数字串的 JAVA 生成实现 FX夜归人 javaMath随机数Random
    /** * 功能描述 随机数工具类<br /> * @author FengXueYeGuiRen * 创建时间 2014-7-25<br /> */ public class RandomUtil { // 随机数生成器 private static java.util.Random random = new java.util.R
  • Ehcache（09）——缓存Web页面 234390216 ehcache页面缓存
    页面缓存 目录 1       SimplePageCachingFilter 1.1      calculateKey 1.2      可配置的初始化参数 1.2.1     cach
  • spring中少用的注解@primary解析 jackyrong primary
    这次看下spring中少见的注解@primary注解，例子 @Component public class MetalSinger implements Singer{ @Override public String sing(String lyrics) { return "I am singing with DIO voice
  • Java几款性能分析工具的对比 lbwahoo java
    Java几款性能分析工具的对比 摘自：http://my.oschina.net/liux/blog/51800   在给客户的应用程序维护的过程中，我注意到在高负载下的一些性能问题。理论上，增加对应用程序的负载会使性能等比率的下降。然而，我认为性能下降的比率远远高于负载的增加。我也发现，性能可以通过改变应用程序的逻辑来提升，甚至达到极限。为了更详细的了解这一点，我们需要做一些性能
  • JVM参数配置大全 nickys jvm应用服务器
    JVM参数配置大全 /usr/local/jdk/bin/java -Dresin.home=/usr/local/resin -server -Xms1800M -Xmx1800M -Xmn300M -Xss512K -XX:PermSize=300M -XX:MaxPermSize=300M -XX:SurvivorRatio=8 -XX:MaxTenuringThreshold=5 -
  • 搭建 CentOS 6 服务器(14) - squid、Varnish rensanning varnish
    （一）squid 安装 # yum install httpd-tools -y # htpasswd -c -b /etc/squid/passwords squiduser 123456 # yum install squid -y 设置 # cp /etc/squid/squid.conf /etc/squid/squid.conf.bak # vi /etc/
  • Spring缓存注解@Cache使用 tom_seed spring
    参考资料 http://www.ibm.com/developerworks/cn/opensource/os-cn-spring-cache/ http://swiftlet.net/archives/774   缓存注解有以下三个： @Cacheable      @CacheEvict     @CachePut
  • dom4j解析XML时出现"java.lang.noclassdeffounderror: org/jaxen/jaxenexception"错误 xp9802
    java.lang.NoClassDefFoundError: org/jaxen/JaxenExc 关键字: java.lang.noclassdeffounderror: org/jaxen/jaxenexception 使用dom4j解析XML时，要快速获取某个节点的数据，使用XPath是个不错的方法，dom4j的快速手册里也建议使用这种方式 执行时却抛出以下异常： Exceptio
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他