aoyouzi
aoyouzi

瀑布流效果Demo总结（3）之基于jquery+jquery.wookmark.js的实现

1.综述

    最近研究了时下流行的瀑布流展示效果。 当前共计尝试的方法及其优缺点如下：

（1）基于JQuery框架及blocksit.min.js实现的瀑布流不连续，每列中多多少少都会有一些位置出现空白。
（2）基于JQuery框架，用匿名函数形式，自编程实现瀑布流
（3）基于CSS3，chrome、火狐、搜狗浏览器显示正常，但IE8、IE10均不能显示瀑布流 只能显示单列照片，使用Web中介绍的ie-css3.htc或PIE插件仍不能在IE中显示瀑布流效果
 （4）基于DIV 用<script>实现的瀑布流，本地瀑布流测试效果正常

 

2基于jquery+jquery.wookmark.js的实现

<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>jQuery Wookmark Plug-in Example</title>
  <meta name="description" content="An very basic example of how to use the Wookmark jQuery plug-in.">
  <meta name="author" content="Christoph Ono">

  <meta name="viewport" content="width=device-width,initial-scale=1">

  <!-- CSS Reset -->
  <link rel="stylesheet" href="css/reset.css">
 
  <!-- Styling for your grid blocks -->
  <link rel="stylesheet" href="css/style.css">

</head>

<body>

  <div id="container">
    <header>
      <h1>jQuery Wookmark Plug-in Example</h1>
      <p>Resize the browser window or click a grid item to trigger layout updates.</p>
    </header>
    <div id="main" role="main">

      <ul id="tiles">
        <!-- These are our grid blocks -->
        <li><img src="images/image_1.jpg" width="200" height="283"><p>1</p></li>
        <li><img src="images/image_2.jpg" width="200" height="300"><p>2</p></li>
        <li><img src="images/image_3.jpg" width="200" height="252"><p>3</p></li>
        <li><img src="images/image_4.jpg" width="200" height="158"><p>4</p></li>
        <li><img src="images/image_5.jpg" width="200" height="300"><p>5</p></li>
        <li><img src="images/image_6.jpg" width="200" height="297"><p>6</p></li>
        <li><img src="images/image_7.jpg" width="200" height="200"><p>7</p></li>
        <li><img src="images/image_8.jpg" width="200" height="200"><p>8</p></li>
        <li><img src="images/image_9.jpg" width="200" height="398"><p>9</p></li>
        <li><img src="images/image_10.jpg" width="200" height="267"><p>10</p></li>
        <li><img src="images/image_1.jpg" width="200" height="283"><p>11</p></li>
        <li><img src="images/image_2.jpg" width="200" height="300"><p>12</p></li>
        <li><img src="images/image_3.jpg" width="200" height="252"><p>13</p></li>
        <li><img src="images/image_4.jpg" width="200" height="158"><p>14</p></li>
        <li><img src="images/image_5.jpg" width="200" height="300"><p>15</p></li>
        <li><img src="images/image_6.jpg" width="200" height="297"><p>16</p></li>
        <li><img src="images/image_7.jpg" width="200" height="200"><p>17</p></li>
        <li><img src="images/image_8.jpg" width="200" height="200"><p>18</p></li>
        <li><img src="images/image_9.jpg" width="200" height="398"><p>19</p></li>
        <li><img src="images/image_10.jpg" width="200" height="267"><p>20</p></li>
        <li><img src="images/image_1.jpg" width="200" height="283"><p>21</p></li>
        <li><img src="images/image_2.jpg" width="200" height="300"><p>22</p></li>
        <li><img src="images/image_3.jpg" width="200" height="252"><p>23</p></li>
        <li><img src="images/image_4.jpg" width="200" height="158"><p>24</p></li>
        <li><img src="images/image_5.jpg" width="200" height="300"><p>25</p></li>
        <li><img src="images/image_6.jpg" width="200" height="297"><p>26</p></li>
        <li><img src="images/image_7.jpg" width="200" height="200"><p>27</p></li>
        <li><img src="images/image_8.jpg" width="200" height="200"><p>28</p></li>
        <li><img src="images/image_9.jpg" width="200" height="398"><p>29</p></li>
        <li><img src="images/image_10.jpg" width="200" height="267"><p>30</p></li>
        <!-- End of grid blocks -->
      </ul>

    </div>
    <footer>

    </footer>
  </div>

  <!-- include jQuery -->
  <script src="js/jquery-1.7.1.min.js"></script>
 
  <!-- Include the plug-in -->
  <script src="js/jquery.wookmark.js"></script>
 
  <!-- Once the page is loaded, initalize the plug-in. -->
  <script type="text/javascript">
    $(document).ready(new function() {
      // Prepare layout options.
      var options = {
        autoResize: true, // This will auto-update the layout when the browser window is resized.
        container: $('#main'), // Optional, used for some extra CSS styling
        offset: 2, // Optional, the distance between grid items
        itemWidth: 210 // Optional, the width of a grid item
      };
     
      // Get a reference to your grid items.
      var handler = $('#tiles li');
     
      // Call the layout function.
      handler.wookmark(options);
     
      // Capture clicks on grid items.
      handler.click(function(){
        // Randomize the height of the clicked item.
        var newHeight = $('img', this).height() + Math.round(Math.random()*300+30);
        $(this).css('height', newHeight+'px');
       
        // Update the layout.
        handler.wookmark();
      });
    });
  </script>
 
</body>
</html>

 

你可能感兴趣的:(js,实现,query,瀑布流,wookmark)

  • Leetcode：347. 前 K 个高频元素（C++） Cosmoshhhyyy LeetCodec++leetcode算法数据结构
    目录问题描述：实现代码与解析：基于堆排：原理思路：优先级队列：问题描述：给你一个整数数组nums和一个整数k，请你返回其中出现频率前k高的元素。你可以按任意顺序返回答案。示例1:输入:nums=[1,1,1,2,2,3],k=2输出:[1,2]示例2:输入:nums=[1],k=1输出:[1]实现代码与解析：基于堆排：classSolution{public:structmyComparison{
  • 设计高并发系统的关键策略 喔的嘛呀 java后端数据库
    ✨✨谢谢大家捧场，祝屏幕前的小伙伴们每天都有好运相伴左右，一定要天天开心哦！✨✨作者主页：喔的嘛呀目录引言一.架构设计1.微服务架构2.分布式架构3.负载均衡4.数据存储5.缓存二、数据存储1.分库分表原理2.分库分表的优点3.分库分表的实现方式4.分库分表的注意事项三.负载均衡1.负载均衡器的作用2.负载均衡策略3.负载均衡器的实现四.缓存1.缓存的作用2.缓存的类型3.缓存的使用场景4.缓存的
  • Spring Boot整合Redis Cloud_. springbootredis后端java缓存
    引言Redis作为高性能的键值存储数据库，在缓存、会话管理、排行榜等场景中被广泛应用。SpringBoot通过SpringDataRedis提供了与Redis的无缝整合能力，使开发者能够快速实现高效的数据缓存与存储。本文将手把手教你如何在SpringBoot项目中整合Redis，并通过实际案例展示其核心用法。一、为什么选择Redis？1.Redis的核心优势高性能：数据存储在内存中，读写速度达10
  • 缓存 vs 分布式锁：高并发场景下的并发控制之道 nbsaas-boot 缓存分布式
    在分布式系统中，缓存和分布式锁都是用于解决高并发场景下的并发控制和资源竞争问题，但它们的适用场景和机制不同，选择哪种方案取决于业务需求。以下是两者的区别：✅一、分布式锁⚙️工作原理核心思想：确保同一时刻只有一个线程或服务实例能够获取到锁，从而实现串行化处理。实现方式：Redis分布式锁（如Redisson）Zookeeper分布式锁数据库表（基于行级锁或唯一索引）️适用场景需要严格保证资源的独占性
  • python求最大公约数 耶耶LCY 算法#python实现算法
    题目说明：本关任务：给定2个正的int，求其最大公约数测试说明：平台将对你编写的代码进行评测：测试输入：128预期输出：4代码实现：num1=input().split('')m=int(num1[0])n=int(num1[1])ifm<n:t=mm=nn=tr=m%nwhiler!=0:m=nn=rr=m%nprint(n)
  • Spring-CacheKey 设置注意事项 喵手 零基础学Javaspringjava后端
    全文目录：开篇语前言摘要概述SpringCache默认Key生成策略CacheKey设计的最佳实践自定义CacheKey的实现1.使用`key`属性2.自定义`KeyGenerator`3.使用`SpEL`表达式的高级用法设置CacheKey时常见的坑实战案例场景1：根据用户ID查询用户信息场景2：根据多条件查询商品场景3：使用复杂对象作为参数小结总结文末开篇语哈喽，各位小伙伴们，你们好呀，我是喵
  • 深入解析：ElasticSearch Query 查询方式 喵手 零基础学Javaelasticsearch大数据搜索引擎
    全文目录：开篇语前言摘要概述ElasticSearchQuery查询方式详解1.Match查询（全文搜索）1.1Match查询示例1.2Match查询参数扩展2.Term查询（精准查询）2.1Term查询示例2.2Terms查询3.Bool查询（组合查询）3.1Bool查询示例4.Range查询（范围查询）4.1Range查询示例4.2日期范围查询5.Aggregation查询（聚合查询）5.1聚
  • 实现MFC自定义按钮功能的完整指南 三年九班蓝同学
    本文还有配套的精品资源，点击获取简介：在MFC框架中创建自定义按钮通常涉及扩展CButton类以支持图像显示。文章将详细说明如何通过派生类和消息处理来创建支持图像的按钮，包括加载和设置图像、重写绘制函数以及响应鼠标事件。最终，将介绍如何在对话框中应用这些自定义按钮，并提供代码示例来实现这些功能。1.MFCCButton类简介MFC（MicrosoftFoundationClasses）是微软公司提
  • 使用ZLMediaKit搭建服务器实现推流拉流 m晴朗 其他流媒体ZLMedial
    源码：https://gitee.com/xia-chu/ZLMediaKit?utm_source=alading&utm_campaign=repo文档：https://docs.zlmediakit.com/zh/tutorial/检查gcc版本gcc-v检查cmake是否安装cmake--version安装gitsudoapt-getinstallgit按照文档进行克隆#国内用户推荐从Gi
  • H5与原生通讯之二 （DSBrige，H5,IOS，Android源码实例） 极客雨露 HTML5H5和原生
    H5与原生通讯之二（DSBrige，H5,IOS，Android源码实例）H5和natvie通讯方式简介1.H5和IOS通讯2.H5和Android通讯H5和natvie通讯具体实现1.通过DSBrige方式1.1H5和IOS端源码解析1.2dbbridge安卓端源码解析1.3dbbrigejs代码1.4IOS端使用DSBridge框架API1.4.1集成源码1.4.2Api使用1.4.3Api注
  • 轻量级JSON解析神器：cJSON库全面解析 郎杉忱Robust
    轻量级JSON解析神器：cJSON库全面解析【下载地址】cJSON资源文件下载cJSON资源文件下载项目地址:https://gitcode.com/open-source-toolkit/67072项目介绍在当今的软件开发领域，JSON（JavaScriptObjectNotation）作为一种轻量级的数据交换格式，广泛应用于各种场景。为了满足嵌入式系统和资源受限环境下的JSON解析需求，cJS
  • 【每日学点鸿蒙知识】Json字典问题、高度变化问题、开放测试版本问题、动态库单架构选择、WebView和H5交互 轻口味 每天学点HarmonyOSNext知识harmonyosjson架构
    1、HarmonyOSJSON.stringify一个HashMap的问题？letdata=newHashMap()data.set("action","test")lettext=JSON.stringify(data)输出一个text={}这边想添加多个并且不同的key和value，并返回json的字符串，如何实现呢？可以参考以下代码:constmap1:HashMap=newHashMap(
  • cJSON-轻量级 C 语言 JSON 解析库的使用（一） clear code c语言json开发语言
    文章目录cJSON：轻量级C语言JSON解析库的使用前言一、cJSON简介核心特点：二、核心数据结构解析三、深入解析API设计1.解析JSON2.访问数据3.构建JSON四、内存管理策略五、高级应用技巧1.引用系统2.批量操作3.原地修改六、性能优化技巧1.使用预分配缓冲区2.非格式化输出3.使用引用而非复制七、实战案例：配置文件解析器八、总结cJSON：轻量级C语言JSON解析库的使用前言在当今
  • Flink watermark的时间字段有空值，建表的时候，如何处理 fzip Flinkflink大数据
    在Flink中处理时间字段存在空值时，需通过表定义阶段的特殊处理和Watermark生成策略调整来避免因空值导致的窗口计算异常或任务失败。以下是具体解决方案及实现方法：1.空值处理核心策略1.1查询时，过滤空值数据（推荐）在数据进入窗口计算前过滤掉时间字段为空的数据，适用于对数据完整性要求不高的场景：--建表时通过WHERE子句过滤空值（FlinkSQL不支持直接过滤，需在数据源处理）--若使用D
  • 桥接模式的优点和典型实现 高飞的Leo 设计模式桥接模式
    桥接模式的优点桥接模式通过将抽象部分与实现部分分离，使得它们可以独立变化，从而提高系统的灵活性和可扩展性。以下是桥接模式的主要优点：分离抽象和实现：桥接模式将抽象部分和实现部分分离，使得两者可以独立变化。这有助于减少类的膨胀，提高代码的可维护性。提高可扩展性：由于抽象和实现是分离的，添加新的抽象或实现类时，不需要修改现有的代码。这使得系统更加灵活，易于扩展。实现细节对客户端透明：客户端只需要关注抽
  • Java依赖注入完全指南：高效解耦、技术深析与实践落地 领码科技 技能篇低代码java依赖注入设计模式SpringGuice
    摘要依赖注入（DependencyInjection，DI）是Java开发中用于实现松耦合和提升系统灵活性的重要设计模式。本文从依赖注入的基本原理出发，深入解析五种核心方案（包括构造器注入、Setter注入、接口注入、注解驱动注入和XML配置注入）的特点、适用场景与优缺点，并对Spring、Guice和Dagger三大主流框架进行对比分析。结合企业级应用、测试驱动开发、微服务架构等实际场景，本文提
  • Java GoF 23种设计模式-结构型模式-桥接模式（Bridge Pattern） 总有人想害朕 设计模式设计模式java
    文章目录一、模式定义二、模式动机三、模式结构四、代码实现五、桥接和装饰、适配器模式的不同一、模式定义桥接（Bridge）是用于把抽象化与实现化解耦，使得二者可以独立变化。这种类型的设计模式属于结构型模式，它通过提供抽象化和实现化之间的桥接结构，来实现二者的解耦。二、模式动机在有多种可能会变化的情况下，用继承会造成类爆炸问题，扩展起来不灵活。当多个对象存在多种变化的因素时，考虑将这部分变化的部分抽象
  • 超详细Python教程——面向对象编程基础 月流霜 llama人工智能深度学习AIGCpython
    面向对象编程基础活在当下的程序员应该都听过"面向对象编程"一词，也经常有人问能不能用一句话解释下什么是"面向对象编程"，我们先来看看比较正式的说法。"把一组数据结构和处理它们的方法组成对象（object），把相同行为的对象归纳为类（class），通过类的封装（encapsulation）隐藏内部细节，通过继承（inheritance）实现类的特化（specialization）和泛化（genera
  • Ubuntu xinference部署本地模型bge-large-zh-v1.5、bge-reranker-v2-m3 WellTung_666 其他ubuntu
    bge-large-zh-v1.5下载模型到指定路径：modelscopedownload--modelBAAI/bge-large-zh-v1.5--local_dir./bge-large-zh-v1.5自定义embedding模型，custom-bge-large-zh-v1.5.json：{"model_name":"custom-bge-large-zh-v1.5","dimension
  • Ansible Playbook中的动态变量处理 t0_54program 编程问题解决手册ansible个人开发
    在使用Ansible编写Playbook时，经常会遇到需要处理动态变量的情况。特别是在虚拟机管理等复杂场景中，输入的数据可能包含随机生成的键名，这给变量的提取和使用带来了挑战。本文将结合实际案例，介绍如何在AnsiblePlaybook中处理这种动态变量。背景假设我们有一个自动化系统，它会输出一个包含虚拟机相关属性的JSON对象，这些属性通过extra_vars传递给AnsiblePlaybook
  • 在 C# 中调用 YOLOv8 模型进行目标检测，通常的做法是使用 YOLOv8 的 Python API 或 ONNX 模型，然后通过 C# 与 Python 或 ONNX 进行交互。 踹断瘸子那条好腿. c#YOLO目标检测视觉检测深度学习人工智能
    在C#中调用YOLOv8模型进行目标检测，通常的做法是使用YOLOv8的PythonAPI或ONNX模型，然后通过C#与Python或ONNX进行交互。以下是两种常见的方法来在C#中实现这个目标：方法1：使用Python与C#交互这是一种常见的做法，在C#中通过调用Python脚本来运行YOLOv8模型。步骤：1.准备Python环境首先，确保你已经安装了Python和YOLOv8所需的库（如ul
  • 教育实践与创新：方法与案例分析 MCPlayer542
    本文还有配套的精品资源，点击获取简介：教育实践与创新关注于探索和实现更有效的教学模式，提升教育质量，激发学习兴趣，并培育创新能力。文章《教育实践与创新》提供了丰富的资源和思考方向，深入探讨了理论知识如何转化为实际操作，包括课程设计、教学方法、评价体系等。讨论了项目式学习、数字化教学资源的开发以及AI在教育中的应用。强调了教育理念的更新，如全人教育、批判性思维、创新能力的培养以及自主、合作、探究的学
  • 【数据仓库】湖仓一体黄金层与数仓维度建模的关系分析 小技工丨 大数据随笔数据仓库
    湖仓一体黄金层与数仓维度建模的关系分析1.‌黄金层的定义与作用‌湖仓一体架构通常分为原始层（RawLayer）、中间层（IntermediateLayer）和黄金层（GoldLayer）‌。黄金层是经过清洗、整合和规范化后的高质量数据层，直接面向业务分析和应用场景，其核心目标是提供高性能查询和统一业务指标‌。2.‌黄金层与维度建模的关联性‌技术实现一致性‌：黄金层在数据组织形式上与数仓的维度建模高
  • 鬼泣：敌人受击 qq_42863961 鬼泣虚幻
    文章目录索敌显示开始游戏鼠标场外setinputmodegameonlyupdateredirectorreference：更新路径依赖raider动画骨架retargetsources：可以兼容哪些骨架姿势蒙太奇：播放受击动画受击系统伤害检测受击反应碰撞箱跟随武器骨骼boxextent：尺寸碰撞queryonly：只查询碰撞结果，不造成碰撞setenablecollision：设置碰撞控制武器何
  • 【解决方案】RAG实践：ES混合搜索BM25+kNN(cosine) 天然玩家 #ElasticSearch解决方案elasticsearchRAG混合搜索LLM大模型
    1缘起最近在研究与应用混合搜索，存储介质为ES，ES作为大佬牌数据库，非常友好地支持关键词检索和向量检索，当然，支持混合检索（关键词检索+向量检索），是提升LLM响应质量RAG(Retrieval-augmentedGeneration)的一种技术手段，那么，如何通过ES实现混合搜索呢？请看本篇文章。本系列分为两大部分：实践和理论。先讲实践，应对快速开发迭代，可快速上手实践；再讲理论，应对优化，如
  • Spring Boot 与 Elasticsearch 深度整合实战指南 danny-IT技术博客 springbootelasticsearchjenkins
    SpringBoot与Elasticsearch深度整合实战指南一、架构全景：Elasticsearch在微服务中的定位1.1典型应用场景解析（1）电商搜索服务架构图实时查询聚合结果JSON响应用户终端API网关搜索请求SpringBoot服务Elasticsearch集群（2）日志分析系统数据流
  • 【Azure 架构师学习笔记】- Azure Databricks (12) -- Medallion Architecture简介 發糞塗牆 DatabrikcsAzure架构师学习笔记AzureazureAzureDatabricks
    本文属于【Azure架构师学习笔记】系列。本文属于【AzureDatabricks】系列。接上文【Azure架构师学习笔记】-AzureDatabricks(11)–UC搭建前言使用ADB或者数据湖，基本上绕不开一个架构“Medallion”，它使得数据管理更为简单有效。ADB通过把数据分为“金”，“银”，“铜”三层来实现Medallion架构。同时搭配UC，使得medallion更加健壮，安全和
  • Android学习总结之通信篇 每次的天空 android学习
    一、Binder跨进程通信的底层实现细节（挂科率35%）高频问题：“Binder如何实现一次跨进程方法调用？”候选人常见错误：仅回答“通过Binder驱动传输数据”，缺乏对内存映射和线程调度的描述混淆Binder驱动与AIDL的角色满分答案：Binder的跨进程通信依赖于三层协作模型：1.用户空间与内核空间的交互：Client通过BinderProxy调用transact()，将请求封装为Parc
  • 2025计算机专业毕业设计攻略 启点毕设 课程设计javapython毕设毕业设计个人开发
    毕业设计是计算机专业学生展示综合能力的重要环节，涵盖选题、需求分析、系统设计、编码实现、测试和文档撰写等多个方面。以下是详细的指南，帮助你顺利完成毕业设计。如有其他疑问，欢迎点击文章末尾名片进行咨询,可免费分享项目源码。一、选题阶段1.选题原则创新性：避免重复造轮子，寻找现有系统的改进点或新应用场景可行性：确保在毕业设计周期内可完成实用性：最好能解决实际问题技术深度：体现专业水平，避免过于简单的项
  • std::unordered_map和 std::map的区别 打工人你好 算法哈希算法数据结构
    最近在做程序能行分析，发现std::map比较耗时，于是去了解下：std::unordered_map和std::map1.实现方式：std::unordered_map：使用哈希表实现。元素根据键的哈希值存储在桶（buckets）中。提供平均常数时间复杂度的查找、插入和删除操作。std::map：使用红黑树（一种自平衡二叉搜索树）实现。元素按键的顺序排序。提供对数时间复杂度的查找、插入和删除操作
  • ios内付费 374016526 ios内付费
    近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。   具体使用如下: 这里的sender其实就是调用者，这里主要是为了回调使用。 [KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa
  • 20 款优秀的 Linux 终端仿真器 brotherlamp linuxlinux视频linux资料linux自学linux教程
      终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。） 你能从开源世界中找到大量的终端仿真器，它们
  • Solr Deep Paging(solr 深分页) eksliang solr深分页solr分页性能问题
    转载请出自出处：http://eksliang.iteye.com/blog/2148370 作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述 长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr
  • 数据库面试题 18289753290 面试题 数据库
    1.union ,union all 网络搜索出的最佳答案： union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。 Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 2.索引有哪些分类？作用是
  • Android TV屏幕适配 酷的飞上天空 android
    先说下现在市面上TV分辨率的大概情况 两种分辨率为主 1.720标清，分辨率为1280x720. 屏幕尺寸以32寸为主，部分电视为42寸 2.1080p全高清，分辨率为1920x1080 屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有   适配遇到问题，已1080p尺寸为例： 分辨率固定不变，屏幕尺寸变化较大。 如：效果图尺寸为1920x1080，如果使用d
  • Timer定时器与ActionListener联合应用 永夜-极光 java
    功能:在控制台每秒输出一次   代码: package Main; import javax.swing.Timer; import java.awt.event.*; public class T { private static int count = 0; public static void main(String[] args){
  • Ubuntu14.04系统Tab键不能自动补全问题解决 随便小屋 Ubuntu 14.04
    Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下：   1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限） sudo vi /etc/bash.bashrc  接下来会提示输入密码 2、找到文件中的下列代码 #enable bash completion in interactive shells #if
  • 学会人际关系三招 轻松走职场 aijuans 职场
    要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。 　　第一，多汇报 最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。 　　第二，勤沟通 团队的力
  • 《O2O：移动互联网时代的商业革命》读书笔记 aoyouzi 读书笔记
    移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。   O2O：Online to OffLine 线上线下活动 O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。   手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。   线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人
  • js实现图片随鼠标滚动的效果 百合不是茶 JavaScript滚动属性的获取图片滚动属性获取页面加载
    1,获取样式属性值 top 与顶部的距离 left 与左边的距离 right 与右边的距离 bottom 与下边的距离 zIndex 层叠层次     例子:获取左边的宽度,当css写在body标签中时 <div id="adver" style="position:absolute;top:50px;left:1000p
  • ajax同步异步参数async bijian1013 jqueryAjaxasync
            开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。         格式： $.ajax({ type: 'POST', ur
  • Webx3框架（1） Bill_chen eclipsespringmaven框架ibatis
    Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发； 采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。 Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部
  • 【MongoDB学习笔记五】MongoDB概述 bit1129 mongodb
    MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo
  • spring/hibernate/struts2常见异常总结 白糖_ Hibernate
    Spring ①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 缺少aspectjweaver.jar，该jar包常用于spring aop中   ②java.lang.ClassNotFoundException: org.sprin
  • jquery easyui表单重置(reset)扩展思路 bozch formjquery easyuireset
    在jquery easyui表单中 尚未提供表单重置的功能，这就需要自己对其进行扩展。 扩展的时候要考虑的控件有： combo,combobox,combogrid,combotree,datebox,datetimebox 需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。 在所有的reset方法添加完毕之后，就需要对fo
  • 编程之美-烙饼排序 bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; /* *《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。 *《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码： */
  • Struts1.X 源码分析之ActionForm赋值原理 chenbowen00 struts
    struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。 如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s
  • [空天防御与经济]在获得充足的外部资源之前,太空投资需有限度 comsci 资源
          这里有一个常识性的问题:       地球的资源,人类的资金是有限的,而太空是无限的.....       就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... &
  • ORACLE临时表—ON COMMIT PRESERVE ROWS daizj oracle临时表
    ORACLE临时表 转 临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前 会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。 创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会
  • 基于Nginx XSendfile+SpringMVC进行文件下载 denger 应用服务器Webnginx网络应用lighttpd
        在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。 @RequestMapping("/courseware/{id}") public void download(@PathVariable("id") String courseID, HttpServletResp
  • scanf接受char类型的字符 dcj3sjt126com c
    /* 2013年3月11日22:35:54 目的：学习char只接受一个字符 */ # include <stdio.h> int main(void) { int i; char ch; scanf("%d", &i); printf("i = %d\n", i); scanf("%
  • 学编程的价值 dcj3sjt126com 编程
    发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助   像这位朋友学习:   http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html   VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的
  • 二维数组（矩阵）对角线输出 飞天奔月 二维数组
    今天在BBS里面看到这样的面试题目,   1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组  { 1 2 3 4 } { 5 6 7 8 } { 9 10 11 12 } {13 14 15 16 } 打印顺序  4 3 8 2 7 12 1 6 11 16 5 10 15 9 14 13 要
  • Ehcache（08）——可阻塞的Cache——BlockingCache 234390216 并发ehcacheBlockingCache阻塞
    可阻塞的Cache—BlockingCache          在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.
  • mysqldiff对数据库间进行差异比较 jackyrong mysqld
      mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构    如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下： 1） 基本用法    mysqldiff --server1=admin:12345
  • spring data jpa 方法中可用的关键字 lawrence.li javaspring
    spring data jpa 支持以方法名进行查询/删除/统计。 查询的关键字为find 删除的关键字为delete/remove (>=1.7.x) 统计的关键字为count (>=1.7.x)   修改需要使用@Modifying注解 @Modifying @Query("update User u set u.firstna
  • Spring的ModelAndView类 nicegege spring
    项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？ /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version 2.0 (the "License"); * yo
  • 搭建 CentOS 6 服务器(13) - rsync、Amanda rensanning centos
    （一）rsync Server端 # yum install rsync # vi /etc/xinetd.d/rsync service rsync { disable = no flags = IPv6 socket_type = stream wait
  • Learn Nodejs 02 toknowme nodejs
    （1）npm是什么 npm is the package manager for node 官方网站：https://www.npmjs.com/ npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作 在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用 &nb
  • Spring MVC 拦截器 xp9802 spring mvc
    Controller层的拦截器继承于HandlerInterceptorAdapter HandlerInterceptorAdapter.java  1  public   abstract   class  HandlerInterceptorAdapter  implements  HandlerIntercep
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他