Jone_chen
Jone_chen

CSS3 filter10种特效整理

-webkit-filter是css3的一个属性，Webkit率先支持了这几个功能，感觉效果很不错。一共有10种最基本的特效，下来这个DEMO很好的展示了这些效果：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>css3属性 filter</title>
    <style>
    *{padding: 0; margin: 0;}
    .imgbox{width: 860px;margin: 20px auto; height: 256px;}
    img{display: block; width: 410px; float: left; }
    img:last-of-type{float:right;}
    .box{width: 860px;margin: 0 auto;  }
    input[type="button"]{font-size: 14px;padding: 10px 12px;border:none;}
    input[type="button"].hover,input[type="button"]:hover{background: #2BA5D3;color: #fff;}
    .inner{width: 860px;text-align: center;margin: 0 auto;padding: 0 0 20px 0;font-size: 20px;font-family: 'microsoft yahei'}
    </style>
    <script>
        window.onload=function(){
            var img=document.querySelectorAll('img')[1];
            var btn=document.querySelectorAll('input');
            var div=document.querySelector('.inner');
            img.style.WebkitFilter='grayscale(0.8)';
            div.innerHTML='grayscale：灰度，值为0-1之间小数';
            for(var i=0; i<btn.length;i++){
                btn[i].onclick=function(){
                    switch(this.value) {
                        case 'grayscale':
                            img.style.WebkitFilter='grayscale(0.8)';
                            break;
                        case 'sepia':
                            img.style.WebkitFilter='sepia(0.8)';
                            break;
                        case 'saturate':
                            img.style.WebkitFilter='saturate(50)';
                            break;
                        case 'hue-rotate':
                            img.style.WebkitFilter='hue-rotate(90deg)';
                            break;
                        case 'invert':
                            img.style.WebkitFilter='invert(0.3)';
                            break;
                        case 'opacity':
                            img.style.WebkitFilter='opacity(0.2)';
                            break;
                        case 'brightness':
                            img.style.WebkitFilter='brightness(0.8)';
                            break;
                        case 'contrast':
                            img.style.WebkitFilter='contrast(210)';
                            break;
                        case 'blur':
                            img.style.WebkitFilter='blur(5px)';
                            break;
                        case 'drop-shadow':
                            img.style.WebkitFilter='drop-shadow(10px 10px 5px #aaa)';
                            break;
                    }
                    div.innerHTML=this.value+'：'+this.getAttribute('data-info');
                }
                 
            }
        }
    </script>
</head>
<body>
    <div class="imgbox" id="imgBox">
        <img src="http://img.ivsky.com/img/tupian/pre/201509/08/caoyuanshang_wanxia-005.jpg">
        <img src="http://img.ivsky.com/img/tupian/pre/201509/08/caoyuanshang_wanxia-005.jpg">
    </div>
    <div class="inner"></div>
    <div class="box">
        <input type="button" value="grayscale" data-info="灰度，值为0-1之间小数">
        <input type="button" value="sepia"  data-info="褐色，值为0-1之间小数">
        <input type="button" value="saturate"  data-info="饱和度，值为num">
        <input type="button" value="hue-rotate"  data-info="色相，值为0-360之间的色轮数">
        <input type="button" value="invert"  data-info="反色，值为0-1之间小数">
        <input type="button" value="opacity"  data-info="不透明度，值为0-1之间小数">
        <input type="button" value="brightness"  data-info="亮度，值为0-1之间小数">
        <input type="button" value="contrast"  data-info="对比度，值为num">
        <input type="button" value="blur"  data-info="模糊，值为length">
        <input type="button" value="drop-shadow"  data-info="阴影，同box-shadow写法">
    </div>

</body>
</html>

用法是标准的CSS写法，如：-webkit-filter: blur(2px)；关于浏览器的支持，在caniuse.com 里可以看到，除开ie有及Opea min不支持以外，其它浏览器都可以良好的支持；但是需要注意的是，为了避免出现兼容问题，还是应该加上各大浏览器的私有前缀；如-webkit，-moz；上面这个demo，只是兼容了webkit，浏览的时候，需在chrome里面运行；

你可能感兴趣的:(CSS3 filter10种特效整理)

  • 运行python程序的两种方式交互式和文件式_执行Python程序的两种方式 weixin_39610085
    交互式(了解)交互式环境下，敲完一条命令按下enter键马上能看到结果，调试程序方便。程序无法永久保存，关掉cmd窗口数据就消失了。命令行式(了解)打开文本编辑器，在文本编辑器中写入一串字符。文本编辑器写的代码毫无意义，只是一堆字符，并且文件的后缀名没有影响。由于python语言是解释型语言，我们直接使用python打开文件，python会读一行翻译一行，并且这个文件是永久保存在硬盘中的。但是需要
  • 常用的php函数,PHP常用函数整理（上） 莫加洛夫 常用的php函数
    usleep()函数延迟代码执行若干微秒。unpack()函数从二进制字符串对数据进行解包。uniqid()函数基于以微秒计的当前时间，生成一个唯一的ID。time_sleep_until()函数延迟代码执行直到指定的时间。time_nanosleep()函数延迟代码执行若干秒和纳秒。sleep()函数延迟代码执行若干秒。show_source()函数对文件进行语法高亮显示。strip_white
  • 【Spring】Spring DI(依赖注入)详解——注入参数的细节处理-null值的注入 AI人H哥会Java JAVAjava开发语言spring后端架构
    引言在现代Java开发中，Spring框架已经成为了构建企业级应用的标准工具之一。Spring的核心特性之一就是依赖注入（DependencyInjection，DI），它通过将对象的依赖关系从代码中解耦出来，提升了代码的可维护性和可测试性。特别是在大型项目中，良好的依赖管理能够显著降低代码的复杂度，提高开发效率。依赖注入的基本概念依赖注入是一种设计模式，用于实现控制反转（InversionofC
  • 基于Spring Boot和Vue的人脸识别项目（源码） AI人H哥会Java JAVA大作业项目实战springbootvue.jsjava人工智能计算机视觉后端sql
    背景随着人工智能技术的迅猛发展，生物识别技术的迅猛发展，人脸识别已经成为最具潜力的人工智能应用之一。它不仅在安全监控、金融支付、智能家居等多个领域得到了广泛应用，也逐渐进入日常生活场景。人脸识别作为一种生物特征识别技术，能够通过分析人脸图像中的特征点，实现对个体的身份识别。利用计算机视觉技术，系统能够快速从大量图片中定位并识别特定人脸，实现身份验证和信息检索。这一技术的应用，不仅提高了安全性，还提
  • 图像生成大模型：Imagen 详解 转角再相遇 imagenpython深度学习计算机视觉
    近年来，图像生成技术取得了显著进展，推动了计算机视觉和生成对抗网络（GAN）等领域的发展。Imagen是一个新兴的图像生成大模型，其在生成高质量、逼真图像方面表现出色。本文将详细讲解Imagen的基本原理、架构、训练流程及应用场景。1.Imagen的基本原理1.1什么是Imagen？Imagen是一种基于深度学习的图像生成模型，结合了自注意力机制（Self-attentionMechanism）和
  • 数通-免费ARP shengnan_wsn 网络协议
    1什么是免费ARP免费ARP（GratuitousARP）是一种特殊的ARP（地址解析协议）报文。通常情况下，ARP用于将一个IP地址解析为对应的MAC地址，而免费ARP则不用于请求解析，而是主机自发地发送自己的IP地址和MAC地址信息给网络中的其他设备。免费ARP的主要用途包括：更新或刷新网络中其他设备的ARP缓存：当一台主机更换了网卡或者IP地址发生改变后，它可以通过发送免费ARP来通知网络中
  • 软件工程——第9章面向对象方法学引论知识点整理 顾老师不懂代码 软件工程导论第6版软件工程面向对象方法学引论对象模型动态模型功能模型
    本专栏是博主个人笔记，主要目的是利用碎片化的时间来记忆软工知识点，特此声明！文章目录1.当前最好的软件开发技术是？2.面向对象的原则是什么？3.人们把客观世界中的实体抽象为什么？4.软件系统本质上是？5.面向对象方法学的优点？6.对象的定义是什么？7.对象的特点有哪些？8.类的定义是什么？9.实例是什么？10.属性是什么？11.封装是什么？12.继承是什么？13.重载和重写的区别有哪些？14.使用
  • windows下python运行的方法 好烦好烦方法
    python有2中运行模式，一种是交互运行模式，一种是脚本运行模式。（假设用户已经安装好，网上很多例子） 交互运行方和matlab命令窗口有点类似，有2中方法，一种是用它自带的开发环境IDLE，一种是在命令窗口下运行，建议2种方法都掌握，因为我们要在命令窗口模式下运行脚本文件。 用开始菜单键win+r直接打开命令窗口，输入python字符回车，应该会出现如下提示： ![打开](https://im
  • 软件工程专业毕业设计选题：常新课题 创新思路 HaiLang_IT 软件工程毕业设计人工智能
    目录前言毕设选题开题指导建议更多精选选题选题帮助最后前言大家好,这里是海浪学长毕设专题!大四是整个大学期间最忙碌的时光，一边要忙着准备考研、考公、考教资或者实习为毕业后面临的升学就业做准备,一边要为毕业设计耗费大量精力。学长给大家整理了软件工程专业最新精选选题，如遇选题困难或选题有任何疑问，都可以问学长哦(见文末)!对毕设有任何疑问都可以问学长哦!更多选题指导:最新最全计算机专业毕设选题精选推荐汇
  • PHP xml 常用函数整理 請叫我菜鳥 php开发语言
    ————————-DOM函数————————————–1、DOMDocument->load()作用：加载xml文件用法：DOMDocument->load(stringfilename)参数：filename，xml文件；返回：如果成功则返回TRUE，失败则返回FALSE。2、DOMDocument->loadXML()作用：加载xml代码用法：DOMDocument->loadXML(stri
  • 第 7 课Python 容器类型与相关操作 嵌入式老牛 Python入门python开发语言
    1.容器介绍对象是Python中对数据的抽象，Python程序中的所有数据都是由对象或对象间关系来表示的。Python中，可包含其他对象的引用的对象，称之为“容器”。容器的例子有元组、列表和字典等。这些引用的对象是容器对象值的组成部分。常用的容器主要划分为两种：序列（如：列表、元组等）和映射（如：字典）。序列中，每个元素都有下标，它们是有序的。映射中，每个元素都有名称（又称“键”），它们是无序的。
  • Java 并发编程解析 | 如何正确理解Java领域中的并发锁，我们应该具体掌握到什么程度？ 荆州克莱 面试题汇总与解析springcloudspringbootspring技术css3
    写在开头对于Java领域中的锁，其实从接触Java至今，我相信每一位JavaDeveloper都会有这样的一个感觉？不论是Java对锁的实现还是应用，真的是一种“群英荟萃”，而且每一种锁都有点各有各的驴，各有各的本，各不相同。在很多情况下，以及在各种锁的应用场景里，各式各样的定义，难免会让我们觉得无所适从，很难清楚该如何对这些锁做到得心应手？在并发编程色世界中，一般情况下，我们只需了解其是如何使用
  • 使用 Java 开发 Android 应用：Kotlin 与 Java 的混合编程 荆州克莱 面试题汇总与解析springcloudspringbootspring技术css3
    使用Java开发Android应用：Kotlin与Java的混合编程在开发Android应用程序时，我们通常可以选择使用Java或Kotlin作为主要的编程语言。然而，有些开发者可能会想要在同一个项目中同时使用这两种语言，这就是所谓的混合编程（mixedprogramming）。为什么要混合编程？混合编程的主要优势之一是，它可以让你利用Java和Kotlin两种语言的优势。Java作为一种老牌的编
  • 程序员必须掌握的消息中间件-RocketMQ 后端
    设计(design)1消息存储消息存储是RocketMQ中最为复杂和最为重要的一部分，本节将分别从RocketMQ的消息存储整体架构、PageCache与Mmap内存映射以及RocketMQ中两种不同的刷盘方式三方面来分别展开叙述。1.1消息存储整体架构消息存储架构图中主要有下面三个跟消息存储相关的文件构成。(1)CommitLog：消息主体以及元数据的存储主体，存储Producer端写入的消息主
  • 深入理解Spring Boot：启动方式、注解、配置文件与模板引擎 Bro_cat SpringBootspringbootjavaspringFreemarkerpropertiesyml
    引言SpringBoot是一个用于简化Spring应用初始搭建以及开发过程的框架。它通过约定大于配置的方式，大大减少了开发者需要编写的配置代码。本文将详细介绍SpringBoot的启动方式、核心注解的用法及含义、配置文件的书写格式以及模板引擎的使用方法。SpringBoot的启动方式SpringBoot应用有多种启动方式，以下是最常见的三种方式：1.直接运行主类的main方法这是最常见的启动方式。
  • Python-基础-字典（dict） All_Test_Pass Python-基础python开发语言
    目录1、字典2、字典常用操作3、字典的方法1、字典字典（Dictionary）是一种用于存储键值对（key-valuepairs）数据的可变容器类型。每个字典都包含一组键（key）和值（value），通过键可以快速访问对应的值。字典是无序的，也就是说，它们不保证元素的顺序，直到Python3.7之后，字典会保留插入的顺序my_dict={key1:value1,key2:value2,key3:v
  • 【PyCharm】连接Jupyter Notebook 小豆豆儿 pycharmjupyteride
    【PyCharm】相关链接【PyCharm】连接Git【PyCharm】连接JupyterNotebook【PyCharm】快捷键使用【PyCharm】远程连接Linux服务器【PyCharm】设置为中文界面【PyCharm】连接JupyterNotebookPyCharm连接JupyterNotebook的过程可以根据不同的需求分为本地连接和远程连接两种情况。以下是详细的步骤和注意事项:本地连接
  • Imagen架构详解：理解其背后的技术与创新 范范0825 Imagen架构
    Imagen架构详解：理解其背后的技术与创新引言近年来，生成式人工智能技术取得了飞速发展，特别是在图像生成领域。作为这一领域的重要创新之一，Imagen是由谷歌开发的一种基于文本生成图像的模型。它在生成高质量、逼真的图像方面表现出色，并通过其先进的架构和技术手段推动了图像生成的技术进步。Imagen不仅在图像生成质量上具有显著优势，还能够通过自然语言描述生成细致复杂的图像。本文将详细剖析Image
  • ElasticSearch索引别名的应用 elasticsearch
    个人博客：无奈何杨（wnhyang）个人语雀：wnhyang共享语雀：在线知识共享Github：wnhyang-OverviewElasticsearch索引别名是一种极为灵活且强大的功能，它允许用户为一个或多个索引创建逻辑上的别名。这些别名用途广泛，涵盖查询、索引操作以及索引管理等多个方面。以下为一些常见的索引别名应用场景：简化查询通过创建别名，用户能够以更简洁的名称访问一个或多个索引。例如，若
  • 使用 Java 开发 Android 应用：Kotlin 与 Java 的混合编程 荆州克莱 面试题汇总与解析springcloudspringbootspring技术css3
    使用Java开发Android应用：Kotlin与Java的混合编程在开发Android应用程序时，我们通常可以选择使用Java或Kotlin作为主要的编程语言。然而，有些开发者可能会想要在同一个项目中同时使用这两种语言，这就是所谓的混合编程（mixedprogramming）。为什么要混合编程？混合编程的主要优势之一是，它可以让你利用Java和Kotlin两种语言的优势。Java作为一种老牌的编
  • 渗透测试术语--必要基础 大象只为你 跟我学网安知识网络安全
    一、前言了解和记住渗透测试术语是网络安全技术人员必要的基础，能帮助我们有效沟通和合作、全面理解渗透测试流程、设计和规划渗透测试活动、安全漏洞识别和利用和规避法律和道德风险。我整理一部分术语，自己归为8个分类方便记忆。共整理了56个术语，每个术语都有简要的含义解释。二、渗透测试术语1、攻击介质1.1、漏洞硬件、软件、协议的缺陷，可以通过未授权的方式访问、破坏系统。1.2、木马获取用户权限的程序或者代
  • uniapp中使用全局样式文件引入的三种方式 上趣工作室 uniappvue3.xvue2.xuni-apprust开发语言
    如果你想在uni-app中全局引入SCSS文件（例如global.scss），可以通过以下步骤进行配置：方法一：在main.js中引入在main.js中引入全局样式：你可以在src/main.js文件中直接引入SCSS文件，这样可以确保在整个应用中都可以使用这些样式。//src/main.jsimportVuefrom'vue';importAppfrom'./App.vue';import'./
  • python传参是什么意思_如何最简单、通俗地理解Python的传入参数？ weixin_39857876 python传参是什么意思
    目录：一、笔记二、我的自学路线三、笔记目录一、笔记①传入参数分为形参和实参两种，形参是形式参数(变量)，实参是实际参数(值)。②传入参数，一个星号*表示传入一个元组，两个星号表示传入一个字典。③加了星号*的变量会存放所有未命名的变量参数。④加了星号**的变量会存放所有命名的变量参数。⑤*号的使用使得传入的参数不定长。⑥传入参数中，默认值参数都是放在后面。#coding=utf-8#形参是定义函数后
  • 提升效率的印象笔记（Evernote）使用指南 vvvae1234 印象笔记
    印象笔记（Evernote）是一个功能强大、跨平台的笔记管理工具，它不仅能帮助你记录日常笔记，还可以用于整理工作计划、管理项目、存储灵感和信息等。为了最大化地提高你的生产力，以下将介绍一些高效使用印象笔记的技巧，帮助你充分发挥其潜力。一、入门基础：理解印象笔记的基本概念1.1笔记本与笔记印象笔记的核心概念是笔记本和笔记。笔记是你存储信息的基本单位，它可以包含文字、图片、音频、视频、文件等内容。而笔
  • python中的读取文件的方法总结——路径 念一不念二 pythonpython开发语言
    在windows系统下的路径一般是“/”，在读取路径下的文件的时候，一般采用两种方式：read_csv(r"D:\dataset\data")read_csv("D:\\dataset\\data")在linux系统下的路径一般是“\”。（1）./data#对本目录下的数据集进行导入如果数据集data放在和.py文件下，可以使用.py文件对如下路径进行导入a=pd.read_csv("./cora
  • 2025最新大数据毕业设计选题汇总：创新课题推荐 HaiLang_IT 毕业设计选题大数据毕业设计python
    目录前言毕设选题开题指导建议更多精选选题选题帮助最后前言大家好,这里是海浪学长毕设专题!大四是整个大学期间最忙碌的时光，一边要忙着准备考研、考公、考教资或者实习为毕业后面临的升学就业做准备,一边要为毕业设计耗费大量精力。学长给大家整理了大数据专业最新精选选题，如遇选题困难或选题有任何疑问，都可以问学长哦(见文末)!对毕设有任何疑问都可以问学长哦!更多选题指导:最新最全计算机专业毕设选题精选推荐汇总
  • 实战千问2大模型第五天——VLLM 运行 Qwen2-VL-7B（多模态） 学术菜鸟小晨 千问多模型qwen2vl
    一、简介VLLM是一种高效的深度学习推理库，通过PagedAttention算法有效管理大语言模型的注意力内存，其特点包括24倍的吞吐提升和3.5倍的TGI性能，无需修改模型结构，专门设计用于加速大规模语言模型（LLM）的推理过程。它通过优化显存管理、支持大模型的批处理推理以及减少不必要的内存占用，来提高多GPU环境下的推理速度和效率。VLLM的核心特点包括：显存高效性：VLLM能够动态管理显存，
  • 软件开发生命周期 你一身傲骨怎能输 软件工程软件工程
    软件开发生命周期（SoftwareDevelopmentLifeCycle,SDLC）是指软件开发过程中所经历的各个阶段和活动的集合。SDLC提供了一种结构化的方法来规划、开发、测试和维护软件系统。以下是SDLC的主要阶段及其详细说明：1.需求分析（RequirementsAnalysis）在这一阶段，开发团队与利益相关者（如客户、用户和管理层）进行沟通，以收集和分析软件需求。目标是明确软件的功能
  • python读取文件路径问题 Neon_Light pythonTODO
    python读取文件时，明明在同一路径下，却无法读到文件，报路径不存在。问题比较奇葩，感觉自己对路径读取相关问题也不是很透彻，先挖坑后面清楚了在整理出来。现在把工程的.idea文件夹删除，然后重新导入工程目录解决了。这个可能跟pycharm的一些设置有关，但是在vscode上也不行，跟vscode也有关系？命令行单独执行脚本现在是ok的
  • K8S中Pod控制器之Horizontal Pod Autoscaler(HPA)控制器 元气满满的热码式 kubernetes容器云原生
    HorizontalPodAutoscaler(HPA)控制器HorizontalPodAutoscaler（HPA）是Kubernetes中用于自动根据当前的负载情况，自动调整Pod数量的一种控制器。HPA能够根据CPU使用率、内存使用量或其他选择的度量指标来自动扩展Pod的数量，以确保应用的性能。HPA可以获取每个Pod利用率，然后和HPA中定义的指标进行对比，同时计算出需要伸缩的具体值，最后
  • 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其他