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

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

  • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
  • 解锁网页交互利器：深入浅出 AJAX，用 JavaScript 与后端服务器对话，局部请求刷新数据 微特尔普拉斯 ajaxjavascriptajax前端javascript
    在当今互联网时代，网页早已不再是静态的信息展示平台，而是充满动态交互的应用体验场。而实现这种流畅交互体验的关键技术之一，便是AJAX（AsynchronousJavaScriptandXML）。它允许网页在后台悄无声息地与服务器交换数据，无需刷新整个页面，便可实现内容的动态更新，为用户带来行云流水般的操作体验。在AJAX出现之前，网页开发采用的是前后端不分离的模式。前端开发者编写好HTML和CSS
  • 如何用JavaScript实现视频观看时间追踪 瑆箫 javascript音视频开发语言
    博客：如何用JavaScript实现视频观看时间追踪|瑆箫博客在网页开发中，跟踪用户与多媒体内容（如视频）的互动是一项常见需求。无论是教育平台、数据分析，还是用户参与度统计，监控用户如何观看视频内容都能提供宝贵的见解。这篇文章将探索如何使用JavaScript实现视频播放时长的跟踪。目标我们的目标是跟踪用户观看视频的总时长，包括暂停的时间，并将这些信息更新到后台系统。我们将通过捕获播放、暂停和结束
  • html知识点总结 软件技术NINI html笔记html前端
    HTML（HyperTextMarkupLanguage）总结可以从其定义、基本结构、常用标签以及网页开发工具等多个方面进行阐述。一、HTML定义HTML是一种超文本标记语言，它不是一种编程语言，而是一种用于描述网页内容的标记语言。HTML文档由HTML标签和文本内容组成，这些标签告诉浏览器如何显示页面上的内容。HTML的发展始于1990年，由Web之父TimBerners-Lee发布，并随着互联
  • AJAX实时表单验证系统 三年九班蓝同学
    本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
  • Matter.js：Web开发者的2D物理引擎 我码玄黄 前端开源github前端javascriptcanvas物理引擎
    Matter.js：Web开发者的2D物理引擎前言在现代网页开发中，交互性和动态效果是提升用户体验的关键因素。Matter.js，一个专为网页设计的2D物理引擎，为开发者提供了一种简单而强大的方式，来实现复杂的物理交互效果。无论是模拟重力、碰撞还是复杂的物体运动，Matter.js都能轻松应对。本文将带你深入了解Matter.js，并提供实际的代码示例，让你一窥其强大功能。官网：https://b
  • js知识总结 软件技术NINI jsjavascriptvue.js前端
    JavaScript（JS）是一种广泛使用的编程语言，主要用于网页开发，但也适用于非浏览器环境（如Node.js）。它支持面向对象、命令式、声明式（如通过函数式编程）和事件驱动式编程风格。以下是对JavaScript核心知识的一个总结：1.基础语法变量：使用var、let、const声明变量。let和const具有块级作用域，而var具有函数作用域或全局作用域。数据类型：包括原始类型（如Strin
  • 【ttf压缩】网页开发中引入字体文件过大，加载缓慢的解决办法【字蛛】【web Font】 Luckstar_wei 技术csshtml字体ttf压缩中文字体压缩
    yueyemoyanweb中文字体演示与工具使用请前往主页：http://font-spider.org/需要安装node.js输入以下命令：npminstallfont-spider-g运行安装成功之后就开始压缩了我的目录是这样的我的css文件开头是这样的这里要确保ttf文件一定要有，其他的不管在你的html中也引用了相应的css文件接下来就是最后一步了生成新的字体库nodejs命令行输入fon
  • Vue初步认识与Vue基础指令 amanohina
    Vue.js简介先来谈谈传统网页开发传统开发的缺点：1.DOM操作频繁，代码繁杂2.DOM操作与逻辑代码混合，可维护性差3.不同功能区域书写在一起，可维护性低4.模块之间的依赖关系复杂Vue.js应运而生官网：https://cn.vuejs.orgVue.js核心特性数据驱动视图数据变化会自动更新到对应元素中，无需手动操作DOM，这种行为称作单向数据绑定。单向数据绑定对于输入框等可输入元素，可设
  • HTML和HTML5有什么区别 好哈优学编程 htmlhtml5前端
    HTML（超文本标记语言）是构建网页的基础，而HTML5是HTML的最新版本。虽然HTML和HTML5在许多方面相似，但HTML5引入了许多新的特性和改进，使得网页开发更加高效和功能丰富。一、HTML概述HTML，即超文本标记语言，是构建网页的标准语言。最初版本的HTML简单地定义了网页的结构和内容，包括文本、图片、链接等元素。HTML的基本标签包括、、、、等，它们帮助浏览器正确渲染网页内容。主要
  • ecmascript和javascript的区别 丁爸 web前端ecmascript
    1.简介1.1.概述1.1.1.ecmascriptECMAScript（简称ES）是JavaScript编程语言的一个标准化版本。它是为网络开发设计的一种轻量级的脚本语言，主要用于在网页上实现交互性和动态效果。ECMAScript是该语言的标准名称，而JavaScript是其最知名和广泛使用的实现。1.1.2.javascriptJavaScript是一种高级编程语言，主要用于网页开发，它使得网
  • 【探索 Ajax：提升网页动态交互的利器】 Yhame. codeajax交互okhttp
    探索Ajax：提升网页动态交互的利器引言在现代网页开发中，Ajax（AsynchronousJavaScriptandXML）是一种常见且强大的技术。它允许我们在不重新加载整个页面的情况下，异步更新网页的部分内容。这不仅提升了用户体验，还减少了页面加载时间，提高了网站的响应速度。今天，我们将深入探讨Ajax的应用场景及其常见搭配技术，帮助你更好地掌握这项技能。什么是Ajax？Ajax是一种在不刷新
  • CSS和SCSS之间的区别 ac-er8888 前端cssjavascripthtml5css3lessstylus
    CSS是用于网页开发的样式语言。它可以帮助设计师为网页设置样式，使其更具吸引力。CSS是Web开发三个基本部分之一，其他两个是JavaScript和HTML。CSS的目标是实现内容和表示的分离，包括布局、颜色和字体。这种分离提高了内容的可访问性，提供了更多的灵活性和对表示特性规范的控制。通过在单独的.css文件中指定相关的CSS，多个网页可以共享格式，减少结构上下文中的复杂性和重复性。在网页中，每
  • JavaWeb开发知识总结(JSP,EL,JSTL) Sunmos JavaWebjavawebjspEL表达式JSTL标签库
    JavaWeb开发知识总结(JSP,EL,JSTL)1.JSP概述JSP技术：Java服务器端页面（JavaServerPages），是一种动态网页开发技术。JSP的组成：HTML+Java代码+JSP自身元素。JSP自身元素包括JSP指令,JSP动作标签和JSP的内置对象。2.JSP执行流程JSP的本质是Servlet，tomcat服务器会将jsp文件进行编译生成一个servlet.java文件
  • Java Servlet Qi妙代码 javaservlet开发语言
    1.Servlet进行动态网页开发1.1.用于开发动态的网页书写流程：写一个class类，去继承一个Httpservlet重写service方法，注意一定要super.service()进行动态网页的开发在web.xml中配置Servlet01com.wyb.servlet.Servlet01Servlet01/servlet/Servlet01注意：servlet-name是自己任意命名的，ur
  • Web安全之XSS跨站脚本攻击 Shadow_143 web安全安全渗透测试
    1.XSS漏洞简介XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java，VBScript，ActiveX，Flash或者甚至是普通的HTML。攻击成功后，攻击者可能得到更高的权限（如执行一些操作）、私密网页内容、会话和cookie等各种内容。2.XSS
  • innerHTML与XSS攻击 贾明恣 JavaScript前端进阶htmljavascripthtml5
    HTML5为所有元素提供了一个innerHTML属性，既能获取对象的内容又能向对象插入内容属性值：HTML标签/文本浏览器会将属性值解析为相应的DOM树HTML解析器在浏览器中是底层代码比JavaScript方法快很多，同时意味着替换元素上的关联事件处理程序和JavaScript对象需要手动删除。插入script和style元素的时候需要看具体的浏览器XSS攻击XSS攻击通常指的是通过利用网页开发
  • 初识HTML+CSS（ 第4章 认识标签 三 ） Zhangdake
    一：使用标签，链接到另一个页面1.用标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签2.语法：链接显示的文本3.title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）4.只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没
  • 程序员：用黑科技码字它不香吗？Windows必装软件！ 折扇戏美人_a48e
    Windows必装软件，你将掌握▼“分享几款:轻量化易上手,美观编程软件”一.VisualStudioCode(程序员必备写代码工具)1、VisualStudioCode是一款免费开源的微软代码编辑器,支持几乎所有主流的开发语言的语法高亮、括号匹配、代码片段、代码对比Diff、GIT等特性。2、支持插件扩展,并针对网页开发和云端应用开发做了优化。Visualstudiocode下载跨平台支持Win
  • px、rpx、em以及rem的区别与用法 前端小芬芬 csscss
    px、rpx、em、rem是用于网页开发中表示全屏宽度或元素尺寸的单位。1.px（像素）：是最常见的单位，它表示屏幕上的实际像素点。在不同设备上，px会根据屏幕的分辨率进行换算，因此在不同设备上显示效果可能会有差异。2.rpx（响应式像素）：是微信小程序中引入的单位，主要用于适配不同尺寸的手机屏幕。rpx的换算规则是750rpx等于屏幕宽度，因此可以通过设置不同尺寸下的rpx值来实现适配效果。根据
  • Web前端 2301_78085386 前端
    网页开发学习内容:htmlcssJavaScript两个框架:VUE.jsElementUIUI->userinterface用户界面html(HyperTextMarkupLanguage):超文本标记语言文本:文字字符超文本:网页内容标记:标签标识例如商品上的标签,介绍了商品的信息html语言就是一种标记语言,提供许多的标签,不同的标签功能不同,网页就是通过这些标签描述出来的,最终通过浏览器解
  • HTML语义化的理解 番茄大大~ 前端基础知识要点html
    话不多说，开门见山。想了解html语义化的伙伴，首先需要对html有基础的认识，那么什么是html呢？html是超文本标记语言，它的设计初衷是为了让网页开发更加简单和易于维护，所以html的任务就是定义网页的基本结构和内容。有点类似于建模的骨架，人体的骨架等。一、什么是html语义化？官方解释：html语义化是指用合理的html标记以及其特有的属性去格式化文档内容。通俗的讲：就是用合理、正确的标签
  • 720VR全景通源码系统：超广视觉+720度的极致体验 +完整的代码包以及搭建教程 源码集结地 源码分享720VR全景通源码系统720VR全景通源码720VR全景通源码系统搭建
    在当前的网页开发中，全景图的技术应用越来越广泛。全景图能够给用户带来身临其境的体验，使得网页的视觉效果更加震撼。然而，传统的全景图技术往往存在一些问题，如视角受限、画质不佳等。小编今天来给大家分享一看720VR全景通源码系统，具有720度超广视觉体验。以下是部分代码示例：系统特色功能一览：1.720度全景体验系统支持720度的全景体验，让用户可以从任意角度欣赏全景图。无论是远处的风景，还是近处的细
  • 快速了解AJAX 茶卡盐佑星_ ajax前端javascript
    1、AJAX的概念ajax的全称AsynchronousJavaScriptandXML(异步JavaScript和XML)。ajax是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的XMLHttpRequest对象，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。实现了在页面不刷新的情况下和服务器进行交互。2、AJAX的使用方法1.创建XMLHttpRequest
  • HTML + CSS 学习指南：从入门到精通 陈无左耳、 htmlcss前端
    一、HTML+CSS简介HTML和CSS在网页开发中扮演着至关重要的角色。HTML如同网页的骨架，为网页提供了基本的结构和内容。它使用各种标签来定义页面的元素，如标题、段落、图片、链接等，确保信息得以有条理地组织和呈现。CSS则恰似网页的华服，负责赋予网页美观的外观和舒适的布局。通过控制字体、颜色、背景、间距等样式属性，CSS让网页变得更加吸引人，提升用户的阅读和交互体验。二者之间的关系紧密且相辅
  • Real DOM, Virtual DOM, Shadow DOM,之间有什么区别 zayyo vue.js前端javascript
    RealDOM（真实DOM）RealDOM（真实DOM）是浏览器中的实际文档对象模型。在网页开发中，HTML文档的结构和内容以及与之相关的CSS样式构成了网页的表示。RealDOM表示了这个网页的当前状态，包括所有的HTML元素、属性、文本内容、样式和布局信息等。当一个网页加载时，浏览器会解析HTML和CSS，并根据这些信息构建出RealDOM。RealDOM是一个树状结构，其中每个节点都代表着一
  • 响应式 Web 设计：纯 HTML 和 CSS 的实现技巧 清水白石008 csshtmlWEB设计html
    响应式Web设计：纯HTML和CSS的实现技巧引言随着移动设备的普及，响应式Web设计（ResponsiveWebDesign,RWD）已成为现代网页开发的标准。响应式设计的目标是使网页在不同设备上（如手机、平板和桌面）都能良好显示，提供一致的用户体验。本文将深入探讨如何使用纯HTML和CSS实现响应式Web设计，提供实用的技巧和示例，帮助开发者构建灵活且美观的网页。一、响应式设计的基本概念响应式
  • python转码 Desamond python开发语言
    转码在许多场景中都有应用，以下是一些常见的场景：网页开发：当用户在网页上输入文本时，可能需要将特殊字符（如空格、引号、特殊符号等）进行转码，以防止这些字符对URL或HTML代码产生干扰。文件名处理：在处理文件名时，可能需要将特殊字符进行转码，以避免文件名被错误地解析或显示。数据传输：在数据传输过程中，为了确保数据的完整性和正确性，可能需要将数据中的特殊字符进行转码。数据存储：在数据库或数据存储中，
  • 4.1.浏览器的开发者工具 sty3318 python学习python学习
    浏览器的开发者工具是一组内置于现代浏览器的工具集，旨在帮助开发人员进行网页开发、调试和性能优化。这些工具提供了丰富的功能和特性，可以对网页的结构、样式、脚本和网络请求进行实时监控、调试和分析。下面是开发者工具的主要用途：调试和修复问题开发者工具允许开发人员检查和调试网页上的问题，如JavaScript错误、CSS样式问题、网络请求问题等。通过在开发者工具中设置断点、观察变量、查看日志和错误报告等，
  • HTML5与CSS3总结 胡小七 css3html5css
    HTML5总结1.HTML5由W3C和WHAT组织机构共同研发出来的，于2014年正式发布。2.HTML5成为了新一代网页开发标准。3.HTML5新特性（面试）1）增加了audio和video音频播放，抛弃了Flash2）新增了canvas画布（绘画，制作动画（如小游戏开发等））3）地理定位4）增加了离线缓存5）硬件加速6）WebSocket（全双工通信）7）增加了本地存储8）新增了一些语义化标签
  • 用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其他