younger_z
younger_z

CSS3/jQuery自定义弹出窗口

简单演示一下，精简了演示效果和css样式文件，更利于在项目中的实际应用

引入style.css   index.js

[html]  view plain copy
  1. >  
  2. <html>  
  3.   <head>  
  4.     <title>index.htmltitle>  
  5.       
  6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  7.     <meta http-equiv="description" content="this is my page">  
  8.     <meta http-equiv="content-type" content="text/html; charset=gbk">  
  9.     <link href="style.css" rel="stylesheet" type="text/css"/>  
  10.   head>  
  11.   <body>  
  12.   <div class="md-modal md-effect-1" id="modal-1">  
  13.         <div class="md-content">  
  14.             <h3>  
  15.                 CSS3/jQuery自定义弹出窗口 多种弹出动画  
  16.             h3>  
  17.             <div>  
  18.                 <ul>  
  19.                     <li>  
  20.                         这是一款利用jQuery和CSS3实现的自定义弹出窗口，这可比浏览器默认的弹出窗口漂亮多了.  
  21.                     li>  
  22.                     <li>  
  23.                         弹出窗口中可以自定义html，十分灵活.  
  24.                     li>  
  25.                     <li>  
  26.                         另外最重要的一个特点是，它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果，挺酷的.  
  27.                     li>  
  28.                 ul>  
  29.                 <button class="md-close">  
  30.                     关闭!  
  31.                 button>  
  32.             div>  
  33.         div>  
  34.   div>  
  35.   <div class="md-modal md-effect-2" id="modal-2">  
  36.         <div class="md-content">  
  37.             <h3>  
  38.                 CSS3/jQuery自定义弹出窗口 多种弹出动画  
  39.             h3>  
  40.             <div>  
  41.                 <ul>  
  42.                     <li>  
  43.                         这是一款利用jQuery和CSS3实现的自定义弹出窗口，这可比浏览器默认的弹出窗口漂亮多了.  
  44.                     li>  
  45.                     <li>  
  46.                         弹出窗口中可以自定义html，十分灵活.  
  47.                     li>  
  48.                     <li>  
  49.                         另外最重要的一个特点是，它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果，挺酷的.  
  50.                     li>  
  51.                 ul>  
  52.                 <button class="md-close">  
  53.                     关闭!  
  54.                 button>  
  55.             div>  
  56.         div>  
  57.   div>  
  58.   <div class="md-modal md-effect-3" id="modal-3">  
  59.         <div class="md-content">  
  60.             <h3>  
  61.                 CSS3/jQuery自定义弹出窗口 多种弹出动画  
  62.             h3>  
  63.             <div>  
  64.                 <ul>  
  65.                     <li>  
  66.                         这是一款利用jQuery和CSS3实现的自定义弹出窗口，这可比浏览器默认的弹出窗口漂亮多了.  
  67.                     li>  
  68.                     <li>  
  69.                         弹出窗口中可以自定义html，十分灵活.  
  70.                     li>  
  71.                     <li>  
  72.                         另外最重要的一个特点是，它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果，挺酷的.  
  73.                     li>  
  74.                 ul>  
  75.                 <button class="md-close">  
  76.                     关闭!  
  77.                 button>  
  78.             div>  
  79.         div>  
  80.   div>  
  81.   <div class="container">  
  82.   <button class="md-trigger" data-modal="modal-1">淡入button>  
  83.   <button class="md-trigger" data-modal="modal-2">从右滑动button>  
  84.   <button class="md-trigger" data-modal="modal-3">报纸button>  
  85.   div>  
  86.   br>  
  87.   br>  
  88.   br>  
  89.   <div>全部效果演示请参考：<a target="_blank" href="http://www.html5tricks.com/demo/jquery-css3-modal-window/index.html">  
  90.       http://www.html5tricks.com/demo/jquery-css3-modal-window/index.htmla>  div>  
  91.   body>  
  92.   <script src="index.js" type="text/javascript">script>  
  93. html>  

然后将style.css、index.js和index.html放在同一路径下 用chrome或Firefox打开index.html即可

不支持IE浏览器

style.css index.js下载地址：http://download.csdn.net/detail/itmyhome/7433847

参考：http://www.html5tricks.com/category/jquery-plugin

全部效果演示：http://www.html5tricks.com/demo/jquery-css3-modal-window/index.html

你可能感兴趣的:(网页开发)

  • 网络安全：攻击和防御练习（全战课）, DDos压力测试 网安-轩逸 web安全ddosokhttp
    XSS跨站脚本攻击：Cross-sitescripting（简称xss）跨站脚本。一种网站的安全漏洞的攻击，代码注入攻击的一种。XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java，VBScript，ActiveX，Flash或者甚至是普通的HTML。
  • HTML学习笔记 誓死守护发际线 html学习笔记
    文章目录(一)HTML简介一、网页1.什么是网页2.什么是HTML二、常用的浏览器1.常用的浏览器2.浏览器内核（渲染引擎）3.web标准(二)HTML标签一、HTML语法规范1.基本语法概述2.标签的关系二、HTML基本结构标签三、网页开发工具1.VSCode的使用：2.vsCode工具生成骨架标签新增代码1）标签2）lang语言3）charset字符集四、HTML常用标签1.语义化标签：2.标
  • HTML---css选择器 lh_freak htmlcss前端
    CSS指层叠样式表，是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，CSS文件扩展名为.css。使用CSS我们可以大大提升网页开发的工作效率！插入样式表的方法有三种:外部样式(Externalstylesheet)内部样式(Internalstylesheet)内联样式(Inlinestyle)内联样式（行内样式）hello样式直接写入到本元素标签中
  • Python web基础知识，后端服务器开发，观点还停留在Java上吗！ 道-闇影 pythonjavaweb开发
    极简生活，极简编程，简到极致，就是完美！在写CSDN的Python技能树体验五(web应用开发:Djiago、Tornado、Flask)—终于可以写点能看的了！之前，wc，提前剧透了！先对web开发做一个简要的说明，话不多说，往下看！web应用开发的含义web应用开发分为：前端网页开发，后端服务器开发，还有前后端的一个通信技术！各个部分需要哪些基础前端开发基础：HTML,CSS，JavaScti
  • 01-学习路线及软件下载 CCChaya-软件技术教师 学习前端html5css3javascript开发语言
    目录1.什么是网页2.什么是HTML3.Web标准3.1Web标准的构成3.2为什么需要Web标准4.网页开发工具（及插件）4.1VSCode的下载及使用4.1.1VSCode基本使用4.1.2VSCode插件安装4.1.3VSCode基本设置5.学习路线1.什么是网页网页主要由文字、图像和超链接（超链接为单击可以跳转到其他页面的元素）等元素构成。当然除了这些元素，网页中还可以包含音频、视频以及动
  • 通过 Python FastAPI 开发一个快速的 Web API 项目 Python_P叔 pythonfastapi前端
    Python如此受欢迎的众多原因之一是Python有大量成熟和稳定的库可供选择:网页开发有：Django和Flask，提供了很好的网络开发体验和大量的有用文档机器学习有：scikit-learn、Keras等，提供了丰富的机器学习的包和数据处理和可视化工具。FastAPI是一个快速、轻量级的现代API，与其他基于Python的Web框架（如Flask和Django）相比，有一个更容易的学习曲线。F
  • 《从零到全栈：JavaScript新增的ES6语法》 CodeComposer es6javascript前端开发语言
    JavaScript是一门弱类型的脚本语言，广泛应用于网页开发中。ES6（ECMAScript2015）是JavaScript的第六个版本，引入了许多新特性，使得JavaScript更加现代化和强大。本文将详细介绍JavaScript的基础概念、ES6的新特性及其应用场景。一、JavaScript核心概念1.JavaScript的本质弱类型语言：变量声明无需指定类型，可动态存储任意数据。vara=
  • 《从零到全栈：HTML5新增元素 & API》 CodeComposer html5前端htmljavascript
    HTML5是HTML4的升级版本，它不仅简化了HTML4的冗余代码，还引入了许多新特性，使得网页开发更加高效和灵活。本文将详细介绍HTML5的概念、新增元素、API以及一些实际应用案例。一、HTML5概念HTML5是HTML的第五个版本，它简化了文档类型声明，并引入了许多新特性，使得网页开发更加高效。以下是一个简单的HTML5文档结构：HTML5示例头部导航主体侧栏主体文章尾部语义化布局的优势文档
  • Web网页开发——水果忍者 大道归简 AI模型探索前端javascripthtml
    1.介绍复刻经典小游戏——水果忍者2.预览3.代码FruitNinjaWebDemobody{margin:0;padding:0;overflow:hidden;background-color:#333;font-family:Arial,sans-serif;touch-action:none;}#gameCanvas{background-color:#87CEEB;display:blo
  • CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下 银之夏雪 css前端浏览器浏览器渲染
    在网页开发领域，一个常见的疑问是CSS是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。浏览器渲染网页的基本流程浏览器在接收到HTML文档后，会依次进行以下几个主要步骤：解析HTML：浏览器从网络或本地获取HTML文件，然后开始解析，将HTML代码转换为DOM（DocumentObjectModel，文档对象模型）树。DOM
  • Vue案例之实现ToDolist，web网页开发 睿略咨询信息研究中心 程序员前端vue.jsjavascript
    文章目录本案例用到了SUI库搭建布局页面,点击进入官网查看使用教程并下载文件使用,也可以自己完成页面布局实现效果核心思想程序代码本案例用到了SUI库搭建布局页面,点击进入官网查看使用教程并下载文件使用,也可以自己完成页面布局实现效果===============================================================1.按回车键输入内容,并清空输入框2.将输
  • CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下
    在网页开发领域，一个常见的疑问是CSS是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。浏览器渲染网页的基本流程浏览器在接收到HTML文档后，会依次进行以下几个主要步骤：解析HTML：浏览器从网络或本地获取HTML文件，然后开始解析，将HTML代码转换为DOM（DocumentObjectModel，文档对象模型）树。DOM
  • CSS常用样式详解：从基础到实战 库库林_沙琪马 #基础篇css前端
    CSS（层叠样式表）是网页开发中的核心技术之一，用于控制网页的外观和布局。通过CSS，我们可以将网页的内容与表现分离，使得网页更加美观、易维护和响应式。本文将详细介绍CSS中的各种常用样式，每个知识点都配有具体的案例，帮助你快速掌握CSS的核心技能。一、CSS基础1.1CSS选择器CSS选择器用于选择你想要样式化的HTML元素。以下是一些常用的选择器：元素选择器：根据元素名称选择元素。案例：所有标
  • AJAX使用和固定格式 乐多_L ajax前端javascript
    ajax的全称AsynchronousJavaScriptandXML(异步JavaScript和XML)。ajax是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的XMLHttpRequest对象，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。实现了在页面不刷新的情况下和服务器进行交互。方法描述newXMLHttpRequest()生成一个XMLHttpRequ
  • 前端基础入门：HTML、CSS 和 JavaScript 阿绵 前端前端htmlcssjs
    在现代网页开发中，前端技术扮演着至关重要的角色。无论是个人网站、企业官网，还是复杂的Web应用程序，前端开发的基础技术HTML、CSS和JavaScript都是每个开发者必须掌握的核心技能。本文将详细介绍这三者的基本概念及其应用一、HTML——网页的骨架HTML（HyperTextMarkupLanguage）是构建网页的基础语言。它是网页的结构和内容的标记语言，决定了网页上的文本、图像、表单等元
  • 我悟了！原来本地图片预览还能这样搞 前端javascript
    Hey,我是Immerse本文首发于【沉浸式趣谈】，我的个人博客https://yaolifeng.com也同步更新。转载请在文章开头注明出处和版权信息。如果本文对您有所帮助，请点赞、评论、转发，支持一下，谢谢！我悟了！原来本地图片预览还能这样搞在网页开发中，经常会遇到需要让用户上传图片并在上传前进行预览的需求。这样做的好处显而易见：用户可以立即看到自己选择的图片是否正确，避免了不必要的上传和服务
  • 在Vue中使用highlight.js代码高亮 技术驱动者 javascriptvue.js前端js
    代码高亮是在网页开发中常见的需求之一，它可以使代码在页面上以不同的颜色或样式进行突出显示，提高可读性。highlight.js是一个流行的JavaScript库，它提供了丰富的语法高亮功能，支持多种编程语言和模板语言。本文将介绍如何在Vue项目中使用highlight.js来实现代码高亮的效果。步骤1：安装highlight.js首先，我们需要安装highlight.js库。在Vue项目的根目录下
  • WebGL 导入 OBJ 文件全解析 一只小灿灿 #WebGLwebgl前端
    一、引言WebGL（WebGraphicsLibrary）是一种基于OpenGLES2.0的3D绘图标准，它允许网页开发者在不使用插件的情况下，直接在浏览器中实现高性能的3D图形渲染。OBJ文件格式则是一种广泛使用的3D模型文件格式，它以文本形式存储3D模型的几何信息，包括顶点、法线、纹理坐标和面等。在WebGL中导入OBJ文件可以让开发者方便地在网页中展示和交互3D模型，为网页带来更加丰富的视觉
  • JavaScript 在 VSCode 中的优势与应用 lly202406 开发语言
    JavaScript在VSCode中的优势与应用引言随着前端技术的发展，JavaScript已经成为了网页开发中最流行的编程语言之一。VisualStudioCode（简称VSCode）作为一款轻量级、可扩展的代码编辑器，因其强大的功能和良好的用户体验，深受广大开发者的喜爱。本文将探讨JavaScript在VSCode中的优势与应用，帮助开发者更好地掌握这门编程语言。一、VSCode的优势1.跨平
  • 深入探讨使用Python和LangChain加载与解析HTML文档：从基础操作到高级应用 m0_57781768 pythonlangchainhtml
    深入探讨使用Python和LangChain加载与解析HTML文档：从基础操作到高级应用在现代互联网时代，HTML（超文本标记语言）作为一种标准的网页文档格式，广泛应用于各类网站和应用中。无论是网页开发、数据爬取、信息抽取，还是自然语言处理和数据分析，处理HTML文档都是开发者和数据科学家不可避免的任务。然而，HTML文档的结构复杂且多变，往往需要使用专业的工具和库来解析和处理。在Python生态
  • Web3开发入门：小白必备技能与工具全解析 Luna猫（web3版） web3笔记web3比特币区块链智能合约虚拟现实
    在当今数字化浪潮中，Web3的崛起正深刻改变着互联网的格局，引领我们从中心化迈向更加去中心化、用户赋权的崭新时代。对于那些对网页开发满怀热忱的小伙伴们而言，当下无疑是探索Web3、挖掘其潜力并掌握入门技能的黄金时机。接下来，就让我们一同深入这份Web3开发的入门指南吧。一、Web3究竟是什么？Web3，也就是Web3.0，作为互联网发展的第三代产物，其鲜明特征是依托区块链技术构建的去中心化网络与应
  • 什么是响应式设计，如何用HTML和CSS实现？ 锦匠网页 htmlcss前端
    什么是响应式设计，如何用HTML和CSS实现？在现代网页开发中，响应式设计是一个不可或缺的概念。随着移动设备用户数量的激增，确保用户在各种设备上获得良好体验的需求愈发明显。本文将详细介绍响应式设计的概念，并提供示例代码，展示如何使用HTML和CSS实现响应式布局。什么是响应式设计？响应式设计是一种网页设计方法，旨在使网页在不同屏幕尺寸和设备上灵活调整布局和内容。通过使用相对单位、媒体查询和灵活的网
  • 基于HTML生成网页有什么优势 星糖曙光 学习记录磨刀不误砍柴工（工具重要性）经验分享笔记前端AI编程html
    在互联网时代，网页是人们获取信息、交流互动的重要窗口，而基于HTML生成网页，是搭建网络大厦的关键。HTML语法简洁直观，标签和属性语义明确，新手也能迅速上手，创建包含基础元素的网页，极大降低了开发门槛，促进网络内容多元化。它还是网页开发的标准语言，被所有主流浏览器支持，开发者无需针对不同浏览器做适配，节省了时间和成本。而且，HTML可与CSS、JavaScript结合，CSS负责样式设计，Jav
  • HTML DOM 对象 froginwe11 开发语言
    HTMLDOM对象引言HTMLDOM（文档对象模型）是现代网页开发的核心技术之一。DOM将HTML或XML文档结构化，使其成为可编程的对象。通过DOM，开发者可以轻松地操作网页内容、样式和结构。本文将详细介绍HTMLDOM对象的相关知识，包括其概念、结构、操作方法以及在实际开发中的应用。概念DOM是一种将HTML或XML文档结构化表示为树形结构的技术。在这个树形结构中，每个节点都代表文档中的一个元
  • 全面HTML与CSS入门教程：从基础到实践 草履虫稽亚娜
    本文还有配套的精品资源，点击获取简介：本HTML和CSS教程为初学者打造，主要介绍网页开发中最基础的技术。HTML定义网页结构，而CSS负责设计样式。教程包括创建HTML文档结构、表格、列表、表单元素、多媒体内容，以及CSS布局和响应式设计等主题。通过实际案例和习题，学生将学会如何将理论知识应用于实际网页设计中，实现从入门到基本掌握的目标。1.HTML基础知识与结构1.1HTML文档的基本结构HT
  • HTML基础与进阶技术指南 王奥雷
    本文还有配套的精品资源，点击获取简介：HTML是构建网页的基础语言，负责定义网页的内容结构和样式。初学者需要掌握HTML元素、属性、结构等基础知识，并了解HTML5新增的语义化标签，表单元素的使用，布局与定位技术，响应式设计原则，以及如何与JavaScript交互。此外，学习SEO优化和无障碍性设计也是提高网页质量和可访问性的关键。本指南旨在引导初学者从基础到高级技巧，逐步深入理解并实践网页开发。
  • python 根据元素值获取span 大紫菜 pythonjavaandroidjavascript数据库
    我整理的一些关于【网页内容,HTML,python】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/eDOcp1用Python根据元素值获取在实际的网页开发与数据抓取中，我们经常需要根据元素的值来获取对应的HTML标签，比如。本文将教你如何用Python实现这一功能。本文将详细阐述整个处理的流程，并展示具体的代码示例。流程概览下面是根据元素值获取的主要
  • python定位span里面的文字 egzosn python前端javascript开发语言ecmascript
    在网页开发和数据抓取过程中，我们经常需要从HTML页面中提取信息，尤其是span元素中的文本。span标签是一个行内元素，通常用于包装一小段文本或其他元素。在Python中，我们可以通过使用BeautifulSoup或lxml等库来解析HTML并提取span标签中的文本。本文将介绍如何使用Python定位并提取span元素中的文字，并展示一些常见的用法和示例。一、安装相关依赖在开始之前，我们需要安
  • 前端网页开发学习（HTML+CSS+JS）有这一篇就够！ 软件技术NINI html/css笔记前端学习html
    前端网页开发是一个不断发展的领域，涉及到构建和设计网站以及Web应用程序的用户界面。以下是一份全面的学习指南，涵盖HTML、CSS和JavaScript的基础知识，帮助你入门前端开发。HTML（超文本标记语言）1.基础结构文档类型和标签：定义了文档类型和根元素。htmlDocument标签：包含元数据，如字符集、标题和链接到CSS文件。标签：包含网页的可见内容。2.常用标签文本内容：<h
  • JavaScript网页设计案例：响应式动态购物车 学不完了是吧 jsjavascript
    在现代网页开发中，购物车是电子商务网站的重要功能之一。通过JavaScript，我们可以实现一个响应式动态购物车，提供用户友好的体验，并展示前端开发的核心能力。案例需求我们的购物车需要实现以下功能：动态添加商品：用户可以从商品列表中选择并添加商品到购物车。实时更新：购物车的商品数量、价格和总金额自动更新。修改商品数量：用户可以调整购物车中商品的数量。移除商品：用户可以从购物车中移除商品。结算功能：
  • 用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类） AdyZhang POJOeclipseHibernateMiddleGenIDE
    推荐:MiddlegenIDE插件,   是一个Eclipse   插件.     用它可以直接连接到数据库,   根据表按照一定的HIBERNATE规则作出BEAN和对应的XML ，用完后你可以手动删除它加载的JAR包和XML文件!     今天开始试着使用
  • .9.png Cb123456 android
      “点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png 　　智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 　　我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边
  • 算法的效率 天子之骄 算法效率复杂度最坏情况运行时间大O阶平均情况运行时间
    算法的效率 效率是速度和空间消耗的度量。集中考虑程序的速度，也称运行时间或执行时间，用复杂度的阶(O)这一标准来衡量。空间的消耗或需求也可以用大O表示，而且它总是小于或等于时间需求。   以下是我的学习笔记：   1.求值与霍纳法则，即为秦九韶公式。   2.测定运行时间的最可靠方法是计数对运行时间有贡献的基本操作的执行次数。运行时间与这个计数成正比。
  • java数据结构 何必如此 java数据结构
    Java 数据结构 Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类： 枚举（Enumeration） 位集合（BitSet） 向量（Vector） 栈（Stack） 字典（Dictionary） 哈希表（Hashtable） 属性（Properties） 以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collect
  • MybatisHelloWorld 3213213333332132
    //测试入口TestMyBatis package com.base.helloworld.test; import java.io.IOException; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibat
  • Java|urlrewrite|URL重写|多个参数 7454103 javaxmlWeb工作
     个人工作经验！ 如有不当之处，敬请指点 1.0  web -info 目录下建立     urlrewrite.xml  文件 类似如下： <?xml version="1.0" encoding="UTF-8" ?>   <!DOCTYPE u
  • 达梦数据库+ibatis darkranger sqlmysqlibatisSQL Server
    --插入数据方面 如果您需要数据库自增... 那么在插入的时候不需要指定自增列. 如果想自己指定ID列的值, 那么要设置 set identity_insert  数据库名.模式名.表名; ----然后插入数据; example: create table zhabei.test( id bigint identity(1,1) primary key, nam
  • XML 解析 四种方式 aijuans android
    XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。本文将详细介绍用Java解析XML的四种方法。 XML现在已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便。对于XML本身的语法知识与技术细节,需要阅读相关的技术文献,这里面包括的内容有DOM(Document Object
  • spring中配置文件占位符的使用 avords
    1.类 <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.o
  • 前端工程化-公共模块的依赖和常用的工作流 bee1314 webpack
    题记： 一个人的项目，还有工程化的问题嘛？   我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？ 你真的想这样嘛？   var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。  
  • 上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？ bijian1013 项目管理沟通IT职业规划
    问题：上司说「看你每天准时下班就知道你工作量不饱和」，如何回应         正常下班时间6点，只要是6点半前下班的，上司都认为没有加班。   Eno-Bea回答，注重感受，不一定是别人的         虽然我不知道你具体从事什么工作与职业，但是我大概猜测，你是从事一项不太容易出现阶段性成果的工作
  • TortoiseSVN，过滤文件 征客丶 SVN
    环境： TortoiseSVN 1.8 配置： 在文件夹空白处右键 选择  TortoiseSVN -> Settings 在 Global ignote pattern 中添加要过滤的文件： 多类型用英文空格分开 *name ： 过滤所有名称为 name 的文件或文件夹 *.name ： 过滤所有后缀为 name 的文件或文件夹 --------
  • 【Flume二】HDFS sink细说 bit1129 Flume
    1. Flume配置   a1.sources=r1 a1.channels=c1 a1.sinks=k1 ###Flume负责启动44444端口 a1.sources.r1.type=avro a1.sources.r1.bind=0.0.0.0 a1.sources.r1.port=44444 a1.sources.r1.chan
  • The Eight Myths of Erlang Performance bookjovi erlang
    erlang有一篇guide很有意思： http://www.erlang.org/doc/efficiency_guide 里面有个The Eight Myths of Erlang Performance： http://www.erlang.org/doc/efficiency_guide/myths.html   Myth: Funs are sl
  • java多线程网络传输文件(非同步)-2008-08-17 ljy325 java多线程socket
    利用 Socket 套接字进行面向连接通信的编程。客户端读取本地文件并发送；服务器接收文件并保存到本地文件系统中。 使用说明:请将TransferClient, TransferServer, TempFile三个类编译，他们的类包是FileServer. 客户端: 修改TransferClient: serPort, serIP, filePath, blockNum,的值来符合您机器的系
  • 读《研磨设计模式》-代码笔记-模板方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet;
  • 配置心得 chenyu19891124 配置
    时间就这样不知不觉的走过了一个春夏秋冬，转眼间来公司已经一年了，感觉时间过的很快，时间老人总是这样不停走，从来没停歇过。 作为一名新手的配置管理员，刚开始真的是对配置管理是一点不懂，就只听说咱们公司配置主要是负责升级，而具体该怎么做却一点都不了解。经过老员工的一点点讲解，慢慢的对配置有了初步了解，对自己所在的岗位也慢慢的了解。 做了一年的配置管理给自总结下： 1.改变 从一个以前对配置毫无
  • 对“带条件选择的并行汇聚路由问题”的再思考 comsci 算法工作软件测试嵌入式领域模型
    2008年上半年，我在设计并开发基于”JWFD流程系统“的商业化改进型引擎的时候，由于采用了新的嵌入式公式模块而导致出现“带条件选择的并行汇聚路由问题”(请参考2009-02-27博文)，当时对这个问题的解决办法是采用基于拓扑结构的处理思想，对汇聚点的实际前驱分支节点通过算法预测出来，然后进行处理，简单的说就是找到造成这个汇聚模型的分支起点，对这个起始分支节点实际走的路径数进行计算，然后把这个实际
  • Oracle 10g 的clusterware 32位 下载地址 daizj oracle
    Oracle 10g 的clusterware 32位 下载地址 http://pan.baidu.com/share/link?shareid=531580&uk=421021908 http://pan.baidu.com/share/link?shareid=137223&uk=321552738 http://pan.baidu.com/share/l
  • 非常好的介绍：Linux定时执行工具cron dongwei_6688 linux
    Linux经过十多年的发展，很多用户都很了解Linux了，这里介绍一下Linux下cron的理解，和大家讨论讨论。cron是一个Linux 定时执行工具，可以在无需人工干预的情况下运行作业，本文档不讲cron实现原理，主要讲一下Linux定时执行工具cron的具体使用及简单介绍。 新增调度任务推荐使用crontab -e命令添加自定义的任务（编辑的是/var/spool/cron下对应用户的cr
  • Yii assets目录生成及修改 dcj3sjt126com yii
    assets的作用是方便模块化，插件化的，一般来说出于安全原因不允许通过url访问protected下面的文件，但是我们又希望将module单独出来，所以需要使用发布，即将一个目录下的文件复制一份到assets下面方便通过url访问。 assets设置对应的方法位置 \framework\web\CAssetManager.php   assets配置方法 在m
  • mac工作软件推荐 dcj3sjt126com mac
    mac上的Terminal + bash ＋ screen组合现在已经非常好用了，但是还是经不起iterm＋zsh＋tmux的冲击。在同事的强烈推荐下，趁着升级mac系统的机会，顺便也切换到iterm＋zsh＋tmux的环境下了。 我为什么要要iterm2 切换过来也是脑袋一热的冲动，我也调查过一些资料，看了下iterm的一些优点： * 兼容性好，远程服务器 vi 什么的低版本能很好兼
  • Memcached(三)、封装Memcached和Ehcache frank1234 memcachedehcachespring ioc
    本文对Ehcache和Memcached进行了简单的封装，这样对于客户端程序无需了解ehcache和memcached的差异，仅需要配置缓存的Provider类就可以在二者之间进行切换，Provider实现类通过Spring IoC注入。 cache.xml <?xml version="1.0" encoding="UTF-8"?>
  • Remove Duplicates from Sorted List II hcx2013 remove
    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numbers from the original list. For example,Given 1->2->3->3->4->4->5,
  • Spring4新特性——注解、脚本、任务、MVC等其他特性改进 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • MySQL安装文档 liyong0802 mysql
      工作中用到的MySQL可能安装在两种操作系统中，即Windows系统和Linux系统。以Linux系统中情况居多。   安装在Windows系统时与其它Windows应用程序相同按照安装向导一直下一步就即，这里就不具体介绍，本文档只介绍Linux系统下MySQL的安装步骤。   Linux系统下安装MySQL分为三种：RPM包安装、二进制包安装和源码包安装。二
  • 使用VS2010构建HotSpot工程 p2p2500 HotSpotOpenJDKVS2010
    1. 下载OpenJDK7的源码：      http://download.java.net/openjdk/jdk7      http://download.java.net/openjdk/      2. 环境配置     ▶
  • Oracle实用功能之分组后列合并 seandeng888 oracle分组实用功能合并
    1       实例解析 由于业务需求需要对表中的数据进行分组后进行合并的处理，鉴于Oracle10g没有现成的函数实现该功能，且该功能如若用JAVA代码实现会比较复杂，因此，特将SQL语言的实现方式分享出来，希望对大家有所帮助。如下： 表test 数据如下： ID,SUBJECTCODE,DIMCODE,VALUE 1&nbs
  • Java定时任务注解方式实现 tuoni javaspringjvmxmljni
    Spring 注解的定时任务，有如下两种方式： 第一种： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"  xmlns:xsi="http
  • 11大Java开源中文分词器的使用方法和分词效果对比 yangshangchuan word分词器ansj分词器Stanford分词器FudanNLP分词器HanLP分词器
    本文的目标有两个： 1、学会使用11大Java开源中文分词器 2、对比分析11大Java开源中文分词器的分词效果 本文给出了11大Java开源中文分词的使用方法以及分词结果对比代码，至于效果哪个好，那要用的人结合自己的应用场景自己来判断。 11大Java开源中文分词器，不同的分词器有不同的用法，定义的接口也不一样，我们先定义一个统一的接口： /** * 获取文本的所有分词结果, 对比
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他