前端实战——照片墙gallery的实现

对应的html代码

<!doctype html>
<html lang="zh-hans">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/galary.css">
    <title>gallery</title>
</head>
<body>
    <div class="banner">
        <h1>HELLO,</h1>
        <h2>I'M MATHIEU RICHARD</h2>
    </div>
    <div class="img-gallery">
        <div class="row">
            <figure class="figure-item col-sm-3">
             <a href="#">
                <img src="http://lorempixel.com/800/400/nature/1/" alt="img1"/>
                <figcaption>
                    <h2>Legend</h2>
                    <p>Lorem ipsum dolor sit amet</p>
                </figcaption>
            </a>
            </figure>
            
            <figure class="figure-item col-sm-3">
             <a href="#">
                <img src="http://lorempixel.com/800/400/nature/4/" alt="img1"/>
                <figcaption>
                    <h2>Legend</h2>
                    <p>Lorem ipsum dolor sit amet</p>
                </figcaption>
            </a>
            </figure>
            
            <figure class="figure-item col-sm-3">
             <a href="#">
                <img src="http://lorempixel.com/800/400/nature/2/" alt="img1"/>
                <figcaption>
                    <h2>Legend</h2>
                    <p>Lorem ipsum dolor sit amet</p>
                </figcaption>
            </a>
            </figure>
            
            <figure class="figure-item col-sm-3">
             <a href="#">
                <img src="http://lorempixel.com/800/400/nature/3/" alt="img1"/>
                <figcaption>
                    <h2>Legend</h2>
                    <p>Lorem ipsum dolor sit amet</p>
                </figcaption>
            </a>
            </figure>
        </div>
        
        <div class="row">
            <figure class="figure-item col-sm-3">
             <a href="#">
                <img src="http://lorempixel.com/800/400/nature/4/" alt="img1"/>
                <figcaption>
                    <h2>Legend</h2>
                    <p>Lorem ipsum dolor sit amet</p>
                </figcaption>
            </a>
            </figure>
            
            <figure class="figure-item col-sm-3">
             <a href="#">
                <img src="http://lorempixel.com/800/400/nature/3/" alt="img1"/>
                <figcaption>
                    <h2>Legend</h2>
                    <p>Lorem ipsum dolor sit amet</p>
                </figcaption>
            </a>
            </figure>
            
            <figure class="figure-item col-sm-3">
             <a href="#">
                <img src="http://lorempixel.com/800/400/nature/1/" alt="img1"/>
                <figcaption>
                    <h2>Legend</h2>
                    <p>Lorem ipsum dolor sit amet</p>
                </figcaption>
            </a>
            </figure>
            
            <figure class="figure-item col-sm-3">
             <a href="#">
                <img src="http://lorempixel.com/800/400/nature/2/" alt="img1"/>
                <figcaption>
                    <h2>Legend</h2>
                    <p>Lorem ipsum dolor sit amet</p>
                </figcaption>
            </a>
            </figure>
        </div>
    </div>
    <div class="form-section">
        <h1>Contact</h1>
        <form role="form">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Name"/>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Mail"/>
            </div>
            <div class="form-group">
                <textarea  class="form-control" rows="3" placeholder="Message"></textarea>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-default">提交</button>
            </div>
        </form>
    </div>
    <script src="lib/jquery-2.1.4.min.js"></script>
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
</body>

 

对应的css样式代码

a{
    color:white;
    text-decoration:none;
}

.banner{
    margin-top:-40px;
    height:500px;
    width:100%;
    text-align:center;
    background-size:cover;
    background-image:url(http://images.forwallpaper.com/files/thumbs/preview/20/205186__photo-close-up-snow-leaves-blur-bokeh-background-wallpaper_p.jpg);
}

.banner h1{
    font-size:8.6em;
    font-weight:bold;
    color:white;
    font-family: "Zeyada";
    padding-top:150px;
}
.banner h2{
    font-size:3.3em;
    color:white;
    text-align:center;
    font-family: "Zeyada";
    margin-top:20px;
}
.figure-item{
    height:250px;
    position:relative;
    overflow:hidden;
}

.figure-item img{
    height:250px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
}

.figure-item figcaption{
    height:250px;
    position:absolute;
    width:100%;
    background:url(http://gridelicious.net/themes/treble/demo/assets/images/css/thumb_over.png) no-repeat center 150px black;
    top:0;
    left:-250px;
    text-align:center;
    color:white;
    padding:5px;
    opacity:0;
    transition:all 0.7s;
}
.figure-item:hover figcaption{
    opacity:0.8;
    top:0;
    left:0;
}

.form-section{
    
    background-image:url(http://images.forwallpaper.com/files/thumbs/preview/20/205186__photo-close-up-snow-leaves-blur-bokeh-background-wallpaper_p.jpg);
    background-size:cover;
    text-align:center;
    padding:30px;
}
.form-section h1{
    color:white;
    font-size:8.5em;
    

}
.form-section form{
    max-width:600px;
    margin:30px auto;
    
}
.form-section form input{
    background-color:rgba(0,0,0,0.2);
    
}
.form-section form textarea{
    background-color:rgba(0,0,0,0.2);
}
.form-section form button{
    display:block;
    width:100%;
    
}

 

你可能感兴趣的:(gallery)

  • Gallery2 视频静音功能 闪退 exposed beyond app through Intent.getData() wxx2150 BUGandroidgallerymutecrash
    具体的错误log如下---------beginningofcrash03-2219:19:17.950E/AndroidRuntime(5809):FATALEXCEPTION:main03-2219:19:17.950E/AndroidRuntime(5809):Process:com.android.gallery3d,PID:580903-2219:19:17.950E/AndroidRu
  • 鸿蒙next中如何使用hdc命令安装客户端包 _小呵呵 harmonyos华为
    1、获取手机的udid重新签名，手机已经连接电脑的话可以自动签名2、手机不在身边可先登录华为的AppGalleryConnect然后再自动签名3、生成hap、hsp包，以多module工程为例选中工程的根目录，点build，点makeallmodules，执行完成后每个module下都会生成一个hsp包，app入口是hap包，生成的包目录如上图，将所有的ha/sp包复制出来放到一个文件夹4、生成的
  • 云上一键部署 DeepSeek-V3 模型，阿里云PAI Model Gallery 最佳实践
    DeepSeek-V3模型简介DeepSeek-V3是DeepSeek发布的MoE（Mixture-of-Experts）大语言模型，总参数量为6710亿，每个token激活的参数量为370亿。为了实现高效的推理和成本效益的训练，DeepSeek-V3采用了MLA（Multi-headLatentAttention）和DeepSeekMoE架构。此外，DeepSeek-V3首次引入了一种无需辅助损
  • 修改阿里云图片链接 ，自动获得图片大小 Jason Ho Amazon谷歌接口
    将原图：http://img.321.design/gallery/f9be8202010260903458884.jpg改为：（按宽500等比例缩放）http://img.321.design/gallery/f9be8202010260903458884.jpg?x-oss-process=image/resize,w_500或者：(按最大边500等比例缩放)http://img.321.de
  • 大模型实战篇之Deepseek二、一键部署DeepSeek-V3和DeepSeek-R1模型 伯牙碎琴 大模型DeepseekAI大模型
    一键部署DeepSeek-V3和DeepSeek-R1模型：3步，0代码！随着人工智能技术的飞速发展，越来越多的企业和开发者希望将强大的AI模型快速应用到实际业务中。DeepSeek作为一款高性能的语言模型，已经在多个领域展现出巨大的应用潜力。然而，传统的模型部署流程往往复杂且耗时。今天，我们将详细介绍如何在阿里云PAIModelGallery上通过零代码的方式一键部署DeepSeek-V3和De
  • HarmonyOS应用开发者高级认证满分指南 harmonyos
    声明：由于HarmonyOS应用开发者高级认证的题库一直在变，所以文章中的题目直做参考。1.判断题云函数打包完成后，需要到APPGalleryConnect创建对应函数的触发器才可以在端侧中调用。【错】每一个自定义组件都有自己的生命周期。【对】基于端云一体化开发，开发者需要精通前端，后端不同的开发语言。【错】首选项preferences是以key-value形式存储数据，其中key是可以重复。【错
  • 分布式应用集成框架 cissyring ApplicationIntegration分布式应用框架
    http://blog.csdn.net/cissyring/gallery/image/44775.aspx
  • 探索光之奥秘：Ray Optics - 一个强大的光学模拟工具 缪昱锨Hunter
    探索光之奥秘：RayOptics-一个强大的光学模拟工具ray-opticsAwebappforcreatingandsimulating2Dgeometricopticalscenes,withagalleryof(interactive)demos.项目地址:https://gitcode.com/gh_mirrors/ra/ray-optics在这个链接中，你将发现一个开源项目——，它是一个
  • ECharts社区里面的gallery在哪里？ECharts gallery新地址 rgrgrwfe 前端html面试Echarts地图组件Gallery学习资源新地址
    学习echarts-map发现echarts社区里面没有gallery了！！！找了好久，终于找到了，这是新地址：https://www.makeapie.com/explore.html赶紧收藏。
  • python画图|同时输出二维和三维图 西猫雷婶 python开发语言
    前面已经学习了如何输出二维图和三维图，部分文章详见下述链接：python画图|极坐标下的3Dsurface-CSDN博客python画图|垂线标记系列_如何用pyplot画垂直x轴的线-CSDN博客有时候也需要同时输出二位和三维图，因此有必要学习一下。【1】官网教程首先我们打开官网教程，链接如下。https://matplotlib.org/stable/gallery/mplot3d/mixed
  • Web 应用开源项目大全 时空潮汐 巴比达内网穿透web应用巴比达巴比达内网穿透web公共访问web远程访问
    Web应用开源项目大全结合巴比达内网穿透实现WEB公开访问。下面是一个Web应用的开源列表。没什么可说的，太疯狂了。尤其是Web2.0那一堆。我不知道你怎么想，有些开源项目的源码写得挺不好的，尤其是性能方面。或许你会以为改一改他们就可以成为为自己所用，不过，改这些开源的项目还真不容易。玩玩还可以。数字媒体相册（Flickr,Picasa）Gallery，基于PHP+MySQL的Web相册。非常易于
  • 今后QQ头像可能价值不菲？ 我是璐璐ll
    据区块链领域的专业媒体ChainNews报道：9月5日，位于中国香港的亚洲首家NFT实体画廊StartArtGallery即将开幕。该画廊此前买入了两件近期十分火爆的NFT作品“加密朋克（CryptoPunk）”系列中的8236号与1970号，成交价格约合人民币450万元。它们作为画廊的重要藏品之一，将与其余NFT展品一同呈现在开幕展上。这两件“重磅”作品放在电脑或手机屏幕上看的话，仅仅是两个像素
  • JavaScript在网页设计 shiming8879 javascript开发语言ecmascript
    JavaScript在网页设计中扮演着至关重要的角色，它不仅能够增强网页的交互性，还能为用户提供更加丰富的体验。以下将详细介绍几个典型的JavaScript网页设计案例，每个案例都将从功能描述、实现思路、代码示例等方面进行阐述。1.图片画廊（ImageGallery）功能描述：图片画廊允许用户浏览一组图片，并支持点击放大查看图片细节。这种设计常见于产品展示、摄影作品集等场景。实现思路：使用HTML
  • javascript网页设计案例 Min_nna jsjquery功能ai分析javascript
    以下是一些使用JavaScript进行网页设计的案例，这些案例展示了JavaScript在前端开发中的强大功能和灵活性。每个案例都包含了基本的实现思路和代码示例。图片画廊（ImageGallery）功能：展示一组图片，并支持点击放大查看。实现思路：使用HTML和CSS创建图片网格。使用JavaScript处理图片点击事件，显示放大的图片。代码示例：ImageGallery×consti
  • 在 Patient Tracking Android 应用程序 (Kotlin) 中集成华为 Account Kit_kotlin 华为应用 2401_84132496 程序员androidkotlin华为
    在androidstudio中创建项目，请参阅创建AndroidStudio项目。生成SHA-256证书指纹。生成SHA-256证书指纹。在android项目右上角点击Gradle，选择ProjectName>Tasks>android，然后点击signingReport，如下。注意：项目名称取决于用户创建的名称。在AppGalleryConnect中创建一个应用程序。从App信息中下载agcon
  • Fiori-like Prototype ( ZFiori Studio feat Build.me with next look ) Meellor
    Buildbeautifulapps(everythingyouneedtodesignenterpriseappsuserslove).build.meWORKSPACE.workspacePRICING.pricingGALLERY.galleryLEARNING.learningBLOG.blogCOMMUNITY.communityReference.Build.meZFioriStudi
  • 鸿蒙系统如何下载安装 命令执行 智能手机深度学习
    目前，鸿蒙系统仅适用于华为设备，并且无法在其他非华为设备上下载和安装。如果您是华为设备的用户，可以按照以下步骤下载和安装鸿蒙系统：1.打开华为手机上的应用商店（AppGallery）。2.在搜索栏中输入“鸿蒙系统”或“HarmonyOS”进行搜索。3.找到合适的鸿蒙系统版本，并点击“下载”进行下载。4.下载完成后，您可以在通知栏或文件管理器中找到安装包文件。5.点击安装包文件运行安装程序。6.按照
  • 分享89个jQuery特效，总有一款适合您 自动化新人 前端javascript
    分享89个jQuery特效，总有一款适合您89个jQuery特效下载链接：https://pan.baidu.com/s/1krmOd12n09u2vROfeEL2KQ?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。jQuery封面播放器视屏画廊插件blueimpGalleryjQuery音乐播
  • tkinter-TinUI-xml实战（10）展示画廊 Smart-Space tkinter实验TinUIxmlpythonTinUItkinter
    tkinter-TinUI-xml实战（10）展示画廊引言声明文件结构核心代码主界面统一展示控件控件展示界面单一展示已有展示多类展示最终效果在这里插入图片描述![](https://img-blog.csdnimg.cn/direct/286fcaa2fa5648a992a0ac79b4efad82.png)…………结语引言首先，我也不知道Gallery直接翻译成“画廊”合不合适，这里参考现在有些
  • 审核被拒，未添加Gallery模块，HTML5+ Runtime Gallery module is not added whenpackaging 空我我
    微信图片_20230418105315.png这是ios审核驳回给的截图，后来查询了相关问题之后，发现官方的解释是:HBuilderX3.6.11+版本将Camera&Gallery、Barcode、Orientation、Record等模块从引擎内置调整为独立模块，解决iOS平台隐私合规检测可能报包含麦克风、相机/相册、运动等权限的问题。云端打包默认不再包含以上模块，如需要请手动在manifes
  • HarmonyOS远程真机调试方法 Ice bear433 HarmonyOS4harmonyos华为前端鸿蒙开发语言
    生成密钥库文件打开DevEcoStudio，点击菜单栏上的build，填一些信息点击，没有key的话点击new一个新的key。生成profile文件AppGalleryConnect(huawei.com)进入该链接网站，点击用户与访问将刚生成的csr证书提交上去其中需要提供设备的uuid，查看uuid设备的方法如下：打开DevEcoStudio编译器，点击tools--SDKMananger--
  • 使用Android自带Gallery组件实现CoverFlow UG8064 移动开发
    源代码转载自国外NeilDavies，使用Apache2.0开源协议实现了一个自定义的ImageAdapter，为图片制作倒影效果。传入参数为context和程序内drawable中的图片ID数组。之后调用其中的createReflectedImages()方法分别创造每一个图像的倒影效果，生成对应的ImageView数组，最后在getView()中返回。/**Copyright(C)2010Ne
  • Android超炫图片浏览器代码 傲慢的上校 android小例子androidAndroidimageImagematrixshadertransformation
    使用过Android自带的gallery组件的人都知道，gallery实现的效果就是拖动浏览一组图片，相比iphone里也是用于拖动浏览图片的coverflow，显然逊色不少。实际上，可以通过扩展gallery，通过伪3D变换可以基本实现coverflow的效果。本文通过源代码解析这一功能的实现。具体代码作用可参照注释。最终实现效果如下：要使用gallery，我们必须首先给其指定一个adapter
  • 21世纪文艺青年新型逛街：shopping in gallery 城市画报
    文章来源：城市画报官方微信号：城市画报（微信号：cityzine）这个春天艺术投资界有点热闹。刚刚闭展的香港巴塞尔艺术展，世界名家和艺术爱好者汇聚一堂，高价艺术品频现；香港蘇富比拍卖会上，KAWS的《THEKAWSALBUM》以600万估价登场，奇迹般拍出1.16亿港元；网红艺术家草间弥生带着4件作品，在“当代艺术晚拍”上共拍得1.31亿港元，同样刷新个人记录。KAWS《THEKAWSALBUM》
  • uniapp打ipa包在ios上运行上传图片提示 打包时未添加Gallery模块 金金金__ uniappuni-appios
    你们好，我是金金金。场景uniapp编写好的app云打包后在ios手机上安装成功，app内有一个上传图片的功能，点击上传图片时出现如上图问题排查百度了一下问题，也看了下uniapp的官方文档uniapp官网文档：避免App隐私合规检测报包含麦克风、相机/相册、运动等敏感权限，从HBuilderX3.6.11版本开始，将App打包默认包含的Barcode(扫码)、Camera&Gallery(相机和
  • 华为手表应用APP开发：watch系列 GT系列 1.配置调试设备 南七小僧 手表开发人工智能医疗器械研发华为
    表开发：GT3（1）配置调试设备初环境与设备获取手表UUID登录AppGalleryConnect点击用户与访问初希望能写一些简单的教程和案例分享给需要的人鸿蒙可穿戴开发支持外包开发：[email protected]环境与设备系统：window设备：HUAWEIWATCH3Pro开发工具：DevEcoStudio3.1.0.100鸿蒙开发获取手表UUID真机调试需要在AppgalleryConne
  • Pyecharts相关信息网址 : 是小方呀 python开发语言
    一、pyecharts相关信息网址echarts官网：https://www.echartsjs.com/index.htmlpyecharts官网：https://pyecharts.org/#/zh-cn/intropyecharts众多图表示例代码：https://gallery.pyecharts.org/#/READMEpyechartsgithub项目国内镜像：https://gite
  • flutter图片转base64 番茄炖排骨
    接口要求图片转base64voidgetImageByGallery(index)async{ImagePicker.pickImage(source:ImageSource.gallery).then((value)async{Listbytes=awaitvalue.readAsBytes();Stringbs64=base64Encode(bytes);Stringbs64Image="da
  • C#开发 使用iTextSharp组件在pdf文件中写入表格 rebecca_111111 C#开发c#visualstudio
    目录准备工作1.新建Project2.下载iTextSharp示例1.实现效果2.完整代码iTextSharp是一个开源组件，可用于生成pdf文档。这里记录一下我用iTextSharp创建pdf文档、写入表格的方法。目前iTextSharp已被iText7所取代，推荐新项目使用iText7。NuGetGallery|iTextSharp5.5.13.3准备工作1.新建Project选择Consol
  • 我的小诗人们 时光解忧杂货铺
    上周说让他们自己设计gallery，但是没有时间，所以就没有做。这周讲poem，讲了五种诗歌的形式，童谣，清单诗，五行诗，俳句以及唐诗。今天视听课，我说写诗歌，写完诗歌做虚拟语气。在运动会的浪潮下，他们的心也随之浮动。但是还的学习呀。20分钟的时间的杰作，惊叹学生的创造力。其实给他们一个机会，他们就能创造出很美好的东西。适当地放手，也是一种爱。先展示一部分的五行诗，excellent图片发自App
  • 多线程编程之存钱与取钱 周凡杨 javathread多线程存钱取钱
      生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是
  • java中数组与List相互转换的方法 征客丶 JavaScriptjavajsonp
    1.List转换成为数组。（这里的List是实体是ArrayList) 　　调用ArrayList的toArray方法。 　　toArray 　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分
  • Shell 流程控制 daizj 流程控制if elsewhilecaseshell
    Shell 流程控制 和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： <?php if(isset($_GET["q"])){ search(q);}else{// 不做任何事情} 在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if if 语句语
  • Linux服务器新手操作之二 周凡杨 Linux 简单 操作
    1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k
  • socket聊天室之服务器搭建 朱辉辉33 socket
    因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。    我们先写客户端的线程。 public class ChatSocket extends Thread{ Socket socket; public ChatSocket(Socket socket){ this.sock
  • 利用finereport建设保险公司决策分析系统的思路和方法 老A不折腾 finereport金融保险分析系统报表系统项目开发
    决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。   项目背景介绍 通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过
  • 始终要页面在ifream的最顶层 林鹤霄
    index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 index.jsp--->主要是加了颜色的那一句 <html> <iframe name="top" ></iframe> <ifram
  • MySQL binlog恢复数据 aigo mysql
    1，先确保my.ini已经配置了binlog：   # binlog log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index log_error = D:/mysql-5.6.21-win
  • OCX打成CBA包并实现自动安装与自动升级 alxw4616 ocxcab
    近来手上有个项目,需要使用ocx控件 (ocx是什么? http://baike.baidu.com/view/393671.htm) 在生产过程中我遇到了如下问题. 1. 如何让 ocx 自动安装?     a) 如何签名?     b) 如何打包?     c) 如何安装到指定目录? 2.
  • Hashmap队列和PriorityQueue队列的应用 百合不是茶 Hashmap队列PriorityQueue队列
      HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,   HashMap是K,v键 ,值     put()添加元素      //下面试HashMap去掉重复的 package com.hashMapandPriorityQueue; import java.util.H
  • JDK1.5 returnvalue实例 bijian1013 javathreadjava多线程returnvalue
    Callable接口： 返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。        ExecutorService接口方
  • angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 bijian1013 JavaScriptAngularJS
            在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！     
  • 【Java范型二】Java范型详解之extend限定范型参数的类型 bit1129 extend
    在第一篇中，定义范型类时，使用如下的方式：   public class Generics<M, S, N> { //M,S,N是范型参数 }  这种方式定义的范型类有两个基本的问题：   1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri
  • 【HBase十三】HBase知识点总结 bit1129 hbase
    1. 数据从MemStore flush到磁盘的触发条件有哪些？    a.显式调用flush，比如flush 'mytable'    b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 1个Region由若干个Store组成
  • 服务器被DDOS攻击防御的SHELL脚本 ronin47
    mkdir /root/bin vi /root/bin/dropip.sh #!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a
  • java程序员生存手册-craps 游戏-一个简单的游戏 bylijinnan java
    import java.util.Random; public class CrapsGame { /** * *一个简单的赌*博游戏，游戏规则如下： *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜， *如果点数和为2、3或12，则玩家输， *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点
  • TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决 开窍的石头 JAVA_HOME
    当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 报错如下：   The JAVA_HOME environment variable is not defined correctly This environment variable is needed to run this program NB: JAVA_HOME shou
  • [操作系统内核]操作系统与互联网 comsci 操作系统
         我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法       操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发
  • 富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11 cuityang 富文本框
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>知识库内容编辑</tit
  • Property null not found darrenzhu datagridFlexAdvancedpropery null
    When you got error message like "Property null not found ***", try to fix it by the following way: 1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov
  • MySQl数据库字符串替换函数使用 dcj3sjt126com mysql函数替换
    需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   原来的数据是  site.title  site.keywords  .... 替换后要为     site_title  site_keywords   使用的SQL语句如下：   updat
  • mac上终端起动MySQL的方法 dcj3sjt126com mysqlmac
    首先去官网下载: http://www.mysql.com/downloads/ 我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 打开终端,输入: 1
  • Gson使用一（Gson） eksliang jsongson
    转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述 从结构上看Json，所有的数据（data）最终都可以分解成三种类型： 第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。 第二种类型是序列（sequence），又叫做数组（array）
  • android点滴4 gundumw100 android
    Android 47个小知识 http://www.open-open.com/lib/view/open1422676091314.html Android实用代码七段（一） http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html http://www.cnblogs.com/over140/arch
  • JavaWeb之JSP基本语法 ihuning javaweb
      目录   JSP模版元素  JSP表达式  JSP脚本片断  EL表达式  JSP注释  特殊字符序列的转义处理  如何查找JSP页面中的错误   JSP模版元素    JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP
  • App Extension编程指南（iOS8/OS X v10.10）中文版 啸笑天 ext
             当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分
  • SQLServer实现无限级树结构 macroli oraclesqlSQL Server
    表结构如下： 数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去   create procedure test as begin decla
  • Css居中div，Css居中img，Css居中文本，Css垂直居中div qiaolevip 众观千象学习永无止境每天进步一点点css
    /**********Css居中Div**********/ div.center { width: 100px; margin: 0 auto; } /**********Css居中img**********/ img.center { display: block; margin-left: auto; margin-right: auto; }
  • Oracle 常用操作(实用) 吃猫的鱼 oracle
    SQL>select text from all_source where owner=user and name=upper('&plsql_name');  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前
  • iOS中使用RSA对数据进行加密解密 witcheryne iosrsaiPhoneobjective c
      RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 mac os  openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. Java 8 RSA基本原理 RS
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他