珍妮的小罐君
珍妮的小罐君

Js实现弹框

功能描述：

模态框（Modal  Dialogue Box）也可叫做模态对话框，或者对话框，当一个模态框被打开时，用户可以与该对话框进行交互，点击关闭按钮可关闭该模态框！

功能实现：

1. 页面上有一个按钮，用于打开模态框，模态框默认隐藏；

2. 用户点击按钮，可打开模态框；用户点击模态框中的关闭或者点击页面其他地方可关闭该模态框

✦  点击页面其他地方，关闭模态框，可用window.onclick事件

✦  给关闭按钮绑定点击事件，按钮被点击，模态框Modal添加样式display：none;

✦  给button按钮绑定点击事件，当按钮被点击时，模态框Modal添加样式display:block;

✦  先获取页面上的button按钮，关闭按钮，以及模态框Modal

代码实现：


你可能感兴趣的:(HTML,CSS,JavaScript,功能实现小集锦,弹框,模态框,对话框,js,css)

  • v-text 和 v-html 都是用于数据绑定的指令，但它们在处理内容和安全性上有显著区别。
    在Vue.js中，v-text和v-html都是用于数据绑定的指令，但它们在处理内容和安全性上有显著区别。以下是详细说明和注意事项：1.v-text指令作用：将数据以纯文本形式插入到元素中（相当于设置元素的textContent属性）。语法：等价于：{{message}}特点：自动转义HTML标签（例如会变成文本<script>）防止XSS攻击（跨站脚本攻击）覆盖元素内原有的所有内容示
  • 鸿蒙与web混合开发双向通信 屿筱 鸿蒙HarmonyOS5
    鸿蒙与web混合开发双向通信用runJavaScript和registerJavaScriptProxywebentry/src/main/resources/rawfile/1.html混合开发打开相册//直接写js代码functionchangeImg(){//1.获取img这个元素constimg=document.querySelector('img')//2.修改元素的属性img.src
  • 221、轻喜剧长篇小说《嘛都修装修队》第三部 石岩路
    第十五节：二百二十一、今天第一天出工回到家中，小杏儿已烧好一桌饭菜，朱能和苟畦又忘了规矩，饿狼扑食般地扑向桌前，结果不但没吃上一口，每人头上还挨了一响螺，只好乖乖地先去卸车，收拾工具。杨二小姐则迫不及待地向小杏儿打听情况，得到的回答令她依然很失望。接过小杏儿还给她的扈仁照片，一脸茫然地自语道：“难道他离开法租界了？”她曾多次想把对扈仁的担忧跟侯富車说说，但一来不愿意听到侯富車的冷嘲热讽，二来侯富車
  • 【简谈情感】| 老夫少妻的婚姻生活，究竟怎么样？ 简谈人生
    有人喜欢小鲜肉，有人喜欢大叔，有人喜欢萝莉，但凡爱情没有严格意义上的对等，相爱的过程中必定有一方付出很多，另一方付出较少，但是不管是哪一方只要之间有可爱情，这一切就变得美妙。马景涛与小自己21岁的娇妻吴佳妮离婚了！郭富城坐直升机跟小22岁的方媛结婚了！“老少配”的婚姻引发吃瓜群众围观。身高不再是距离，年龄也不是问题，但是否靠谱，却引发争议。翁帆28岁，杨振宁82岁，年轻貌美的知识女性，嫁给了一位迟
  • 2019春茶行第10日 糖糖大理唐宋闲居
    5-3，西双版纳—易武的客车上，继续奔赴勐腊茶区，明天会赶上一年一度的易武斗茶大会，有点小兴奋……期待。早上5点多起床，湖南飞版纳，再3个多小时颠簸到茶山，下午5点多到了易武山上，虽疲乏但看到茶山的落日，闻着茶香，心情一下就好起来了！易武茶山夜景易武麻黑初制所休整片刻，开始喝茶。图片发自App麻黑古树白茶麻黑古树红茶麻黑古树红茶还记得我们每年定制的这款麻黑古树白茶吗？生态极好的那块茶地，曾让我流连
  • java毕业设计-基于Javaweb的家常小菜烹饪学习管理系统的设计与实现(源码+LW+部署文档+全bao+远程调试+代码讲解等) 程序猿刘 vuespringboot毕业设计java课程设计学习
    博主介绍：✌️码农一枚，专注于大学生项目实战开发、讲解和毕业文撰写修改等。全栈领域优质创作者，博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌️技术范围：：小程序、SpringBoot、SSM、JSP、Vue、PHP、Java、python、爬虫、数据可视化、大数据、物联网、机器学习等设计与开发。主要内容：免费开题报告、任务书、全bao定制+
  • layui+express CMS管理系统 May# layuiexpresshtml
    该项目主要技术：html，css，js，echart，express，mysql，jquery，layui，swiper展示类网站，属于服务端渲染项目。该网站包含管理端，实现基本增删改查功能。用户端可查看页面，属于展示类网站。管理端页面如下：<
  • java毕业设计源码案例-基于ssm+协同过滤的个性化小说推荐系统设计与实现(源码+LW+部署文档+全bao+远程调试+代码讲解等) 项目帮 springbootjava计算机毕设java课程设计开发语言
    博主介绍：✌️码农一枚，专注于大学生项目实战开发、讲解和毕业文撰写修改等。全栈领域优质创作者，博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌️技术范围：：小程序、SpringBoot、SSM、JSP、Vue、PHP、Java、python、爬虫、数据可视化、大数据、物联网、机器学习等设计与开发。主要内容：免费功能设计，开题报告、任务书、全b
  • 2021-11-25 彩虹糖先生
    男欢女爱几曾何时，换妻成为时下私交的一种流行趋势。寻求刺激，颠覆了普通人认知。不知参与其内的夫妻怎么想，是一时性起，还是为省钱。当然，卖淫嫖娼更不可取，毕竟违法。但就不怕自己那小体格，小尺码被年轻力壮的，血气方刚的小伙比下去么。可能这也是近些年来，心理诊所越来越盛行的原因吧。近期明星睡粉儿，也不管年龄大小，是否心有余而力不足，见粉丝就上。这带头作用起的怎么就这么恬不知耻。追星的粉儿，也以被睡为荣是
  • 莆田鞋与正品鞋有区别吗？七大区别让你一眼辨真伪！ 可爱的调皮捣蛋鬼
    莆田鞋与正品鞋有区别吗？七大区别让你一眼辨真伪！莆田鞋与正品之间存在显著的区别，这些区别涵盖了质量、价格、品牌、生产工艺、细节处理等多个方面。以下是七大主要区别，帮助消费者一眼辨真伪：给大家推荐一个专门做顶级纯原莆田鞋的良心商家:小帅潮鞋，文章最后会给大家留老板的联系方式！！！1.质量与材质正品：通常采用优质材料，如天然皮革、耐磨橡胶等，确保鞋子的耐用性和舒适度。正品鞋的做工精细，无论是鞋面的缝合
  • Javascript 异步编程（三）定时器 夏末远歌
    Javascript异步编程（三）并行？并发？异步？同步：synchronous:指所有任务按出现的先后顺序依次执行如果出现阻塞的任务，那么线程就会等待这个任务完成，接着执行下一个任务。异步：asynchronous:不保证所有任务按出现的顺序执行并发：concurrent:从宏观上，某个时间段里面多个程序都得到了运行，但不是说“同时运行”并行：parallel：在多核心下，因进程和线程独立运行，
  • lanqiaoOJ 2122：数位排序 ← 排序（自定义比较函数）
    【题目来源】https://www.lanqiao.cn/problems/2122/learning/【题目描述】小蓝对一个数的数位之和很感兴趣，今天他要按照数位之和给数排序。当两个数各个数位之和不同时，将数位和较小的排在前面，当数位之和相等时，将数值小的排在前面。例如，2022排在409前面，因为2022的数位之和是6，小于409的数位之和13。又如，6排在2022前面，因为它们的数位之和相同
  • 尋找靈魂之旅——靈性旅程 e6d9a01d355b
    今天我在youtube上看了幾個videos，有些感慨。影片的內容是一個加拿大靈媒，她從小體質異於常人，可以看到另外世界或另外軌道的東西。她講述到人是否有輪迴，上輩子是否存在過。要怎麼找到上輩子活過的證據，那就是，你仔細在腦海里回憶，你是否有對那一種東西沒有理由沒有源頭的喜愛或者厭惡，譬如，你喜歡法語或者法國文化，而這種喜歡完全沒有任何來由，你不曉得為什麼喜歡，那麼這就是你上輩子是法國人或者在法國
  • 网易考拉海购为什么那么多人黑？是真的都是假货吗？ 优惠券高省
    网易考拉，是网易旗下的一个跨境电商平台，在平台上面可以买到各种各样的外国产品，就连比较稀有的化妆品都有机会买到，而且有时候商品的价格会比较低。这样就有用户担心考拉上面的商品是不是有假货，不然为什么这么低价。下面卖家网就来介绍下网易考拉是正品吗？在介绍考拉海购之前小编首先推荐一款自用自用省钱分享赚钱的掌上挣钱项目——【高省】利用手机就能操作的0风险挣钱项目想要挣钱用高省一个适合宝妈、学生党、上班族0
  • 计算机专业大数据毕业设计-基于 Spark 的音乐数据分析项目(源码+LW+部署文档+全bao+远程调试+代码讲解等) 程序猿八哥 数据可视化计算机毕设spark大数据课程设计spark
    博主介绍：✌️码农一枚，专注于大学生项目实战开发、讲解和毕业文撰写修改等。全栈领域优质创作者，博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌️技术范围：：小程序、SpringBoot、SSM、JSP、Vue、PHP、Java、python、爬虫、数据可视化、大数据、物联网、机器学习等设计与开发。主要内容：免费功能设计，开题报告、任务书、全b
  • 2019-05-16 海牙kyogre
    前端优化动画性能之requestAnimationFrame@(技术分享)在前端做动画很多人第一人的反应是用定时器，比如setInterval、setTimeout，除此之外css3可以使用transition和animation来实现。而编写动画循环的关键是要知道延迟时间多长合适。一方面，循环间隔必须足够短，这样才能让不同的动画效果显得平滑流畅；另一方面，循环间隔还要足够长，这样才能确保浏览器有
  • lanqiaoOJ:19871 单调栈 张辰宇- 算法数据结构
    【题目描述】给定一个长度为N的序列a。第一行输出每个数字其左边第一个比其大的数字，不存在则输出-1。第二行输出每个数字其右边第一个比其大的数字，不存在则输出-1。第三行输出每个数字其左边第一个比其小的数字，不存在则输出-1。第四行输出每个数字其右边第一个比其小的数字，不存在则输出-1。update：本题数据于2025-01-13加强至2×10^5，以杜绝暴力通过。【输入格式】第一行输入一个正整数N
  • 如何使用爬虫简单的爬取一个网页的静态前端代码
    什么是爬虫？Python爬虫是一种使用Python语言编写的程序，用于自动访问网页并提取所需信息。它通常用于网络数据抓取、数据挖掘和信息收集。Python爬虫可以模拟浏览器行为，向服务器发送请求并接收响应数据，然后解析这些数据以获取有用的信息。爬虫的基本原理（流程）发送请求：爬虫向目标网站的服务器发送HTTP请求（通常是GET请求）。获取响应：服务器返回网页的HTML内容。解析内容：爬虫解析HTM
  • [Python] -项目实战8- 构建一个简单的 Todo List Web 应用（Flask） 踏雪无痕老爷子 Pythonpython开发语言
    一、为什么选Flask？轻量上手快：仅需几行代码就能跑一个可用的Web应用。灵活扩展：可接入数据库、身份认证、前端框架等。教育性强：涵盖前后端交互基础，适合入门全栈开发。二、项目结构建议flask_todo/├──app.py├──templates/│└──index.html├──static/│└──style.css├──todo.db└──requirements.txtapp.py：后
  • 鸿蒙蓝牙通信 屿筱 鸿蒙HarmonyOS5
    https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-bluetooth-low-energy蓝牙权限module.json5{"module":{"requestPermissions":[{"name":"ohos.permission.ACCESS_BLUETOOTH","reason":"$string:app_n
  • 幸福的人用童年治愈一生，不幸的人用一生去治愈童年 和蛇鼠呆一窝de猴子
    92年的年尾，在Y城偏僻的一座小矮房里我的妈妈独自一人在床上生下了我，不是家人不在，只是爷爷和爸爸去做工了，爷爷是一个厂里仓库管理员，一个月大概拿个200多的工资，爸爸从小被爷爷送到村里一个熟人家学做木工手艺（听妈妈讲还给了100元和一担的番薯做为拜师礼，那年头100元还蛮多的呢），长大后爸爸就专门帮那些家里要装修的人家做椅子凳子之类的木工活，勉强糊口。奶奶去地里种番薯（又名红薯），妈妈一人在家里
  • 2014年最具人气国外WORDPRESS主题 weixin_34355715 php前端uxViewUI
    在国外，WrodPress这个博客系统极为受欢迎，使用WordPress来建站可以降低很多成本，另外还能以十分便宜的价格获得一个漂亮的WP网站模板。今天向大家分享来自Themeforest2014年最具人气的高级WrodPress主题，这些主题无论是设计还是技术上，都是目前最新最流行的。比如CSS3、扁平化、响应式设计、全屏视频背景、视差滚动特效等等。本次分享的WP主题实用性非常不错，流行的设计+
  • 黑客？设计师？
    二十年前，最好的程序员是一个能够将整个应用程序拟合到64KB的.COM文件,那些能够将小的可怜的80386玩转到极致的人就是当时的编程大师。那是因为在二十年前电脑非常昂贵而编程极其廉价。那是真正的“黑客精神”的时代。那个时代已经终结。由于市场的完完全全的本末倒置，在今天黑客精神再无生存之地。今天，电脑越发廉价，设计师日益珍贵。当代码可读性的远比其性能重要的时候，“开发者精神”的末日已然来临。价格V
  • 当代大学生的生活 淋雨天
    在此，本文仅作为小编个人看法，涉及面不广，没有以偏概全之嫌，请读者随意看看！先来讲讲一些当代大学生颓废的现状吧！不管哪所大学，这种现状总会有的吧？1.沉迷游戏不自知；每天的生活就只是坐在电脑面前，面对虚拟的世界，虽然有多巴胺一直提供快乐。更有所谓的“肥宅快乐水”（可乐）加持，仿佛人间天堂，身心沉浸其中，时间则飞快流逝！简直虚度光阴啊！宅2.不以学业为重；上课睡觉玩手机在大学日常生活中那是常态，老师
  • You have a Server Component that imports next/router. Use next/navigation instead 啃火龙果的兔子 网络
    解决Next.js13+中“Usenext/navigationinsteadofnext/router”的问题在Next.js13及更高版本中，AppRouter引入了新的导航系统，需要使用next/navigation替代传统的next/router。以下是完整的解决方案：1.理解新旧路由的区别特性next/router(PagesRouter)next/navigation(AppRoute
  • nextjs学习笔记 ainuo5213 web前端框架学习nextreactreact服务端渲染next入门
      由于本人最近在学习jocky老师的React16.8+Next.js+Koa2开发Github全栈项目关于react的服务端重构项目，然后跟着老师的视频做笔记，记录下自己的所学知识。目录结构pages(必需)：pages目录是nextjs中最终要的一个目录，这个目录的每一个文件都会对应到每一个页面，可以根据地址栏的路由进行跳转。若pages下的js文件在一个目录下，那么nextjs默认会将这个
  • next.js 如何实现动态路由？
    在Next.js12中，动态路由和参数传递主要通过文件系统路由（File-systemRouting）实现。以下是详细步骤和示例：一、创建动态路由‌文件命名规则‌在pages目录下创建文件名用[参数名].js格式的文件，例如：pages/posts/[id].js//单个参数pages/[category]/[id].js//多段参数‌匹配的URL示例‌/posts/123→id:'123'/ne
  • 计算机毕业设计Python+uniapp校园兼职系统小程序(小程序+源码+LW) Python毕设源码程序高学长 python课程设计uni-app
    计算机毕业设计Python+uniapp校园兼职系统小程序(小程序+源码+LW)该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Pychram社区版+python3.7.7+Mysql5.7+uni+HBuilderX+listpip+Navicat11+Django+nodejs。项目技术：django+python+UNI等等组成，B/S模式+pychram管理
  • Python-Django毕业设计养老院老人日常生活管理系统（程序+Lw) Python计算机毕设程序源码_ pythondjango课程设计
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Pychram社区版+python3.7.7+Mysql5.7+HBuilderX+listpip+Navicat11+Django+nodejs。项目技术：django+python+Vue等等组成，B/S模式+pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版
  • 读书笔记：德鲁克《管理的实践》17 李唐星辰
    1、【企业对员工的要求】这个版块中提到：企业期望员工不只是被动接受劳动力工作，而必须主动承担达成经营绩效的责任。……要求越高，表现越好，是人的特性，因此员工能发挥多大的生产力，很大部分取决于企业对他们的要求有多高。星辰感悟：人的潜力是无限的。说这句话的时候，不仅肯定了自己，也肯定了所有奋斗的人。很多时候，认知会限制我们的想法。这跟小马过河是一个道理。松鼠小觉得小溪就是一条河，但是对于马儿来说根本不
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他