是席木木啊

BootStrap之标签页切换

标签页切换

标签页切换
标签页插件
- 第一个官方例子
- 调用tab("show")显示tab-pane中的内容
- 第一个例子的HTML+CSS代码
- fade in效果
函数介绍
- 前提条件：data-target/href数据指向设置
- tab("show")函数-显示内容
- 查看事件响应的新旧对象

标签页切换

标签页切换，就是通过点击菜单/选项卡中的文字标签，使其达到局部内容更换的效果。以下给出标签页切换的最简化代码实现。

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-p1KAotb3W9ndluCsqePPYnjRm3c6abdnIjo0tQwYUv83VsbsYd43RuofnFAaDo0E" crossorigin="anonymous">
	head>
	<body>
		
		
		<ul id="menu" class="nav">
			<li class="">
				
				<a href="#userinfo" data-toggle="tab">个人信息a>
			li>
			<li><a href="#query" data-toggle="tab">成果查询a>li>
		ul>
		
		
		
		
		<div class="tab-content">
			
			<div class="tab-pane" id="userinfo">
				个人信息内容
			div>
			<div class="tab-pane" id="query">
				成果查询内容
			div>
		div>
		

		
		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-E5Sj1saJVFNzWWK3YIJB4LEDEEVEGaOdfmCprPDkfWUo+xkb6Ep52Q1TMEtgcFwi" crossorigin="anonymous">script>
		<script>
			$(function() {
				//jquery代码——控制页面初始自动显示id名称为menu的第一个li子标签
				$('#menu li:eq(0) a').tab('show');
			});
		script>
	body>
html>

效果如下，

标签页插件

Bootstrap的标签插件可见参考文档。

第一个官方例子

下面来结合官网的解释看一下上述例子中的js代码中调用的函数的作用。下面是官网给出的第一个例子，

调用tab(“show”)显示tab-pane中的内容

然后给出了调用tab(“show”)函数来显示第n个标签对应的tab-pane中承载的内容。

第一个例子的HTML+CSS代码

而想要显示tab-pane中显示的内容，无需写JS代码，只需要通过添加data-toggle="tab"或者data-toggle="pill"属性值来绑定a标签和tab-pane对应的内容即可。

<div>

  
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Homea>li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profilea>li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messagesa>li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settingsa>li>
  ul>

  
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">...div>
    <div role="tabpanel" class="tab-pane" id="profile">...div>
    <div role="tabpanel" class="tab-pane" id="messages">...div>
    <div role="tabpanel" class="tab-pane" id="settings">...div>
  div>

div>

fade in效果

fade in效果，简单来说，就是通过添加fade或者tab-pane类选择器，结合上面的data-toggle来达到内容显示效果。同时，也可配合-例如“in active”选择器，来指定初始化时，默认选择要显示的tab-pane中的内容。

<div class="tab-content">
  <div role="tabpanel" class="tab-pane fade in active" id="home">...div>
  <div role="tabpanel" class="tab-pane fade" id="profile">...div>
  <div role="tabpanel" class="tab-pane fade" id="messages">...div>
  <div role="tabpanel" class="tab-pane fade" id="settings">...div>
div>

函数介绍

前提条件：data-target/href数据指向设置

值得一提的是，通常我们也会见到data-target的写法，用于绑定tab选项标签和与之对应的tab-pane内容，其实这种指向方式是可以替换上面的href指向方式的。

tab(“show”)函数-显示内容

只要有一个tab选项标签被预先选中，任何其它未处于选中状态的tab标签及与之关联的内容都会处于隐藏状态。

查看事件响应的新旧对象

当调用tab函数，切换显示的页面内容时，具体的事件响应顺序如下（就不做具体翻译了，有兴趣的可以看一下）。同时，Bootstrap也提供了可以获取新旧事件对象的jquery对象。

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  e.target // newly activated tab
  e.relatedTarget // previous active tab
})

你可能感兴趣的:(Vue,bootstrap,jquery,标签页切换)

深入解析 Vue 3 编译宏：揭开 `＜script setup＞` 的魔法面纱斯~内克 vue知识点前端 vue.js 前端 javascript
一、编译宏的本质与设计哲学1.1什么是编译宏在Vue3的CompositionAPI生态中，编译宏（CompilerMacros）是一组特殊的语法结构，它们在代码编译阶段被Vue编译器处理，最终转换为标准的JavaScript代码。这些宏函数是Vue3语法糖的核心组成部分，主要包含：defineProps：声明组件propsdefineEmits：定义自定义事件defineExpose：暴露组件公
深入探讨 Vue 3 响应式 API：为什么 ref/reactive 需要类型匹配？斯~内克 vue知识点前端学习 vue.js 前端 javascript
一、Vue3响应式系统基础在Vue3的CompositionAPI中，ref和reactive是构建响应式数据的核心工具。它们的定位差异源于JavaScript语言特性：ref设计初衷：处理基础类型（primitivetypes）的响应式包装reactive设计初衷：处理引用类型（referencetypes）的深度响应代理技术实现差异：ref通过对象包装（{value:...}）+reactiv
基于微信小程序的毕业设计——花店管理系统（附源码+论文） picking_bananas 微信小程序课程设计小程序毕业设计
关键词：微信小程序；花店管理；花室管理；毕业；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）一、引言随着移动互联网的普及和微信小程序的崛起，越来越多的传统行业开始利用小程序进行数字化转型。花店作为一个具有浪漫和文化意义的行业，通过微信小程序可以更好地满足
基于微信小程序的设计—挂号管理系统设计（附论文+源码） picking_bananas 微信小程序小程序毕业设计课程设计
关键词：微信小程序；挂号管理；名医推荐；毕业；论文；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）一、引言随着移动设备的普及和微信小程序技术的发展，医疗服务的移动化已成为趋势。挂号是医疗服务中一个关键环节，对于患者来说，方便、快捷的挂号方式是他们所期待的
基于微信小程序的毕业设计——社区宠物管理系统（附源码+论文） picking_bananas 微信小程序课程设计宠物小程序
关键词：SpringBoot；宠物管理；宠物医院；宠物店管理；毕业；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）摘要随着移动互联网的普及，微信小程序因其便捷性受到了广大用户的青睐。本文旨在探讨如何利用微信小程序设计一个社区宠物管理系统，以提升社区居民对
c高级终端指令 zm php 开发语言
复习命令行提示符：显示当前用户、计算机名、当前路径和用户权限。切换用户：使用su用户名切换用户，sudopasswd用户名修改用户密码。文件操作命令：cd用于切换目录，ls列出文件和目录，mv移动或重命名文件，cp复制文件，cat查看文件内容，touch创建或更新文件时间戳。网络配置虚拟网络模式：桥接模式下虚拟机和主机可网络通信且IP不同；主机模式只能与主机通信；NAT模式外部看到主机和虚拟机IP
基于Vue的水果购物车系统啊sen丶 vue.js 前端 javascript
下面是一个基于Vue.js的购物车系统，功能较为完整，包括商品的增删改查、全选/反选、总价计算等功能。购物车/购物车选中图片单价个数小计操作{{item.price}}-{{item.num}}+{{item.num*item.price}}删除全选总价 : ¥ {{totalPrice}}结算({{fruitList.length}})空空如
解读 Uniapp：从入门到精通的底层原理 xcLeigh UniApp技术点解析 uni-app
解读Uniapp：从入门到精通的底层原理一、前言二、Uniapp与Vue.js的关系2.1Vue.js基础回顾2.2Uniapp对Vue.js的继承与扩展三、Uniapp的组件系统3.1组件的基本概念与创建3.2组件的生命周期四、数据绑定与响应式原理4.1数据绑定的实现方式4.2响应式原理剖析五、Uniapp的跨平台实现原理5.1多端编译机制5.2条件编译六、总结结束语优质源码分享解读Uniapp
前端工程化Vue使用Node.js永久设置国内高速npm镜像源会撸代码的懒羊羊 Nginx 前端 node.js vue.js 数据库 npm
前端工程化Vue使用Node.js永久设置国内高速npm镜像源接续上篇错误收录，此篇通过简单配置永久设置国内高速npm镜像源方法1.更换新版镜像清空npm缓存npmcacheclean--force修改回原版镜像源或直接删除配置过的镜像源npmconfigsetregistryhttps://registry.npmjs.org/--删除镜像源npmconfigdeleteregistry更改新版
《从零到全栈：Bootstrap 响应式布局指南》 CodeComposer bootstrap 前端 html
一、概念1.Bootstrap是什么？Bootstrap是一个基于HTML、CSS和JavaScript的开源前端框架，主要用于快速构建响应式网页。它是UI库（CSS库），提供了丰富的预定义样式和组件，帮助开发者快速实现美观且功能强大的界面。文档地址：Bootstrap中文文档2.响应式布局响应式布局是一种网页设计方法，使页面能够根据设备屏幕尺寸自动调整布局和样式。核心原理：通过媒体查询（@med
指定元素全屏与退出全屏，Vue中处理监听esc并修改data数据（监听与作用域问题） Program W Vue js 大前端 vue.js javascript 前端
文章目录一、效果二、解决思路三、全屏与退出全屏（工具）四、实例一、效果解决的问题：vue本身监听不到全屏状态中的esc事件，导致无法修改这个按钮的样式icon和tooltip未全屏时：全屏时：二、解决思路一个重要方法：判断当前是否全屏问题：如果vue本身的话，在esc事件时是不会调用这个方法的/**浏览器当前是否全屏@return{*|boolean}*/exportfunctionisFullS
Vite 与 Webpack：性能差异解析阿珊和她的猫 webpack 前端 node.js
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录Vite与Webpack：性能差异解析开发模式下的性能ViteWebpack生产模式下的性能V
git基本使用方法他们说眼睛也会笑 git基本使用
git基本用法新建远程仓库并克隆到本地关于git库的分支问题版本切换记录自己的第一次博文！（有问题欢迎指正，感谢！）新建远程仓库并克隆到本地gitclone‘url/ssh地址’克隆到本地相应目录下gitadd‘filename’将某个文件添加到暂存区，’.'表示将所有文件添加到暂存区gitcommit-m‘文字描述’提交到版本库gitpush‘将commit的内容推向远程’（如果是第一次试用，需
telint 命令介绍和使用案例 lisanmengmeng linux 命令工具系统运维 shell编程 linux 运维服务器
telint命令介绍和使用案例telinit命令用于切换当前正在运行的Linux系统的运行等级语法telinit[OPTION]...RUNLEVELRUNLEVEL参数应该是多用户运行级别2-5之一，0用于停止系统，6用于重新启动系统，或1用于使系统进入单用户模式.选项-t：指定等待的秒数.-e键=值：这指定了与RUNLEVEL和PREVLEVEL一起包含在事件中的附加环境变量使用案例切换当前正
64位TSS中还有隐藏的坑我代码抄都抄不明白内核学习 TSS64
发生权限级别切换的中断,CPU直接取里面的值就行但是不要以为里面的值一层不变,当往RSP0下写断点时,可以看到很多关键的函数修改了它.千万不要静态的取一个值,否则意向不到蓝屏
WPF region多页面切换实现得想办法娶到那个女人 wpf
在你的WPF应用程序中，如果你想要使用PRISM框架并且希望通过静态资源来定义区域名称，你可以这样做。首先，你需要确保你已经正确地设置了PRISM，并且在你的项目中定义了静态资源。步骤1:定义静态资源在App.xaml或其他资源字典文件中定义一个静态资源，用于存储区域名称。Xaml深色版本步骤2:创建扩展类创建一个扩展类来提供静态属性，该属性将用作区域名称。Csharp深色版本usingSyste
知识篇：（二十三）深入理解 Vue 的异步更新机制：为何数据更新延迟全栈探索者chen vue vue.js 前端 javascript 开发语言 ecmascript 性能优化学习
知识篇：（二十三）深入理解Vue的异步更新机制：为何数据更新延迟目录前言异步更新机制简介Vue异步更新的工作原理3.1nextTick与事件循环的关系3.2微任务与宏任务为什么Vue使用异步更新？4.1性能优化和批量更新4.2实例化组件的优化实际应用：数据更新延迟的常见问题和应对策略5.1数据更新延迟带来的问题5.2正确使用nextTick的策略实战案例：计数器组件的延迟更新问题深入分析：优化异步
git全面详解，一文了解全程知语鱼运维 git github 数据仓库
一、常见命令1.git常用命令HEAD表示当前所在的分支节点gitrebase将当前分支提交到branch分支上Gitcheckout^切换到当前分支的最近一次提交的父提交gitcheckout~n切换到当前分支的最近n次提交的父提交Gitbranch-f将1分支强行指到2分支Gitreset回退到某个分支Gitrevert将上述分支的之前提交作为新提交二.注意事项1.流程使用gitinit进行初
Vue 3 生命周期函数详解 licy__ vue.js 前端 javascript
Vue3生命周期函数详解引言Vue.js是一个渐进式的JavaScript框架，用于构建用户界面。Vue3在性能、API设计和开发者体验方面进行了重大改进。理解Vue3的生命周期函数（LifecycleHooks）对于开发高效的Vue应用至关重要。本文将详细介绍Vue3的生命周期钩子、每个阶段的作用及其代码示例，帮助读者更好地掌握这一重要概念。1.Vue3生命周期概述Vue实例从创建到销毁经历了一
Git 操作全解：从基础命令到高级操作的实用指南 web Rookie Git git 开发语言
文章目录1.基本命令1.初始化仓库2.克隆远程仓库3.查看当前仓库状态4.查看提交日志5.添加文件到暂存区6.提交更改7.查看仓库的配置信息2.分支操作1.查看所有分支2.创建新分支3.切换名称4.创建并切换到新分支5.删除分支6.查看当前分支3.合并分支1.合并分支2.解决合并冲突4.远程仓库操作1.查看远程仓库信息2.添加远程仓库3.推送更改到远程仓库4.拉取远程仓库的更改5.获取远程仓库的最
element-ui中树状图el-tree的使用（vue2）前端小雪的博客. javascript 前端 vue.js
热乎的，话不多说上代码html部分：//data:展示的数据//accordion:是否每次只打开一个同级树节点展开//props:配置选项默认值//expand-on-click-node:默认为true，值为false时点击小箭头才会展开收缩节点//filter-node-method:返回true节点可以显示,false节点会被隐藏//node-key:每个树节点的唯一标识//default
关于uniapp和H5的通信交互传参问题水水水水水水水水水水水 uni-app 交互
在h5index.html中引入1.在uniapp中创建webview通信的vue页面2.h5通信webview中绑定@messageuvue中绑定@onmessage3.h5组件中获取从uniapp传过来的参数（生命周期中获取）constqueryString=window.location.search;//使用URLSearchParams对象解析查询字符串consturlParams=ne
jenkins自动打包vuejs部署到docker 戚辰先生丶
流程1、配置jenkins-git项目克隆2、配置运行jenkins的shell脚本3、编写Dockerfile自动制作镜像并复制jenkins打包好的文件到容器里4、jenkins负责运行docker命令进行停止、删除原有镜像，并重新运行镜像docker部署jenkinsdockerrun-d-p8086:8080-p50000:50000-v/var/run/docker.sock:/var/
vue组件间通信的八大方法 @LitterFisher vue javascript 前端 es6
再读vue官方文档系列文章目录vue组件间通信的八大方法文章目录再读vue官方文档系列文章目录前言一、通信种类？二、八大通信方式1.props和$emit2.$parent和$children3.provide和reject4.ref/refs5.Vuex6.slot7.$attrs和$listeners8.localStorage和sessionStorage总结前言刚开始学vue的时候只是读了
恢复更新--vue源码系列1之如何看源码 @LitterFisher vue vue.js javascript 前端
年过完了，是时候学习了（狗头）。文章目录前言一、前提二、如何看1.学会断点debuger2.整体看代码3.结合别人的vue源码解释总结前言本系列为vue2.6版本的源码分析系列一、前提你总不能一个vue的项目也没写过吧二、如何看1.学会断点debuger巧妙运用这个你会发现看源码会轻松很多。（相信我如果不是很快你就从入门到放弃）为什么？vue里面做了很多性能优化，参数初始化的工作，如果你全部看完，
当Vue组件的复用性不是很高的时候，组件化还有必要用vue吗？百锦再@新空间代码工作室包罗万象 vue.js 前端 javascript 前端框架组件复用
图片:Vue作为一个轻量级的前端框架，在个性化开发中的使用非常广泛，尤其是其组件化开发的思想可以有效提升开发效率、可维护性和代码复用性。不过，正如你提到的，当Vue组件的复用性不高时，组件化是否还必要、是否还有使用Vue的必要性就变得有些模糊了。一、Vue组件化开发的优势组件化思想Vue的组件化开发思想，使得开发者可以将UI和业务逻辑划分为不同的模块。每个模块（组件）都可以独立开发、调试、测试和维
pip install太慢了，怎么解决？西敏寺的乐章 python pip python linux
文章目录一、加速方法2.更换源3.使用镜像加速工具4.使用代理5.使用pip的--no-cache-dir选项6.直接下载安装包一、命令：一、加速方法有几种方法可以加快pip安装的速度：2.更换源pip默认使用的是PyPI源，可以切换到国内镜像源如阿里云镜像、清华大学镜像等，这些镜像源通常会提供更快的下载速度。可以通过修改pip配置文件来更换源3.使用镜像加速工具可以使用一些镜像加速工具来提高pi
与Vue共舞：从初识到构建数字世界的艺术之旅 skyksksksksks 综合个人杂记 vue.js 前端开发语言前端框架
第一章诞生记：一个框架的浪漫起源2013年的某个凌晨，上海某公寓的灯光依然明亮。前谷歌工程师尤雨溪在键盘前敲下第一行Vue代码时，或许并未想到这个框架将改变全球开发者的工作方式。当时的JavaScript世界正经历框架混战：Angular的复杂配置令人却步，React的函数式思维需要哲学顿悟。尤雨溪像一位精通东西方料理的主厨，将Angular的指令系统、React的组件化理念、Knockout的响
vue3的实用工具库@vueuse/core 罗会 javascript 前端 vue.js vue uni-app
1.什么是@vueuse/core是一个基于‌VueCompositionAPI‌开发的实用工具库，旨在通过封装高频功能为可复用的组合式函数（Composables），简化Vue应用的开发流程。提供‌200+开箱即用的函数‌，覆盖状态管理、浏览器交互、传感器、网络请求等场景，例如useStorage（状态持久化）‌1、useMouse（鼠标追踪）‌1；支持‌Vue2和Vue3‌，并通过@vueus
Vue.js 编写组件单元测试轻口味 VUE.JS 入门与实践 vue.js
Vue.js编写组件单元测试今天我们来聊聊如何编写Vue组件的单元测试。单元测试是确保我们组件逻辑正确、功能稳定的重要手段，通过自动化测试，我们可以及时发现问题，避免后期调试困难。下面我会详细介绍如何使用VueTestUtils和Jest来编写组件的单元测试，并提供一些实际的代码示例，帮助你快速上手。为什么需要编写组件单元测试在项目开发过程中，组件通常包含了各种业务逻辑和交互功能。编写单元测试能帮
jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
mysql 分区查询优化 annan211 java 分区优化 mysql
分区查询优化引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。可以通过查看explain执行计划，是否携带 partitions
MYSQL存储过程中使用游标 chicony Mysql存储过程
DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08-- BEGINdecla
mysql 和 sqlite 区别 Array_06 sqlite
转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
pinyin4j使用 oloz pinyin4j
首先需要pinyin4j的jar包支持；jar包已上传至附件内方法一:把汉字转换为拼音；例如：编程转换后则为biancheng /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
微博发送私信随意而生微博
在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据，让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
jsp 香水浓 jsp
JSP初始化容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。当JSP网页完成初始化后
在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx 现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在下面的onItemLongClick 方法中参数 arg2 是选中的序号，但是我不知道如何继续处理下去 1 2 3
jdk-6u26-linux-x64.bin 安装 baalwolf linux
1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
MongoDB经典面试题集锦 BigBird2012 mongodb
1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。在考虑数据库的成熟
JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScript Promise
Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
[Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
隐式转换存在的必要性，在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下： val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
Android JSON数据的解析与封装小Demo ronin47
转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject; impor
[设计]字体创意设计方法谈 brotherlamp UI ui自学 ui视频 ui教程 ui资料
从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java 算法面试题
import java.util.LinkedList; /* 单调队列滑动窗口单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
struts2处理一个form多个submit chiangfai struts2
web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
shell查找上个月，陷阱及野路子 chenchao051 shell
date -d "-1 month" +%F 以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。野路子解决：假设当天日期大于15号
mysql导出数据中文乱码问题 daizj mysql 中文乱码导数据
解决mysql导入导出数据乱码问题方法：１、进入mysql，通过如下命令查看数据库编码方式： mysql> show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHP smarty sae
对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为： 01 $path
《教父》系列台词 dcj3sjt126com
Your love is also your weak point. 你的所爱同时也是你的弱点。 If anything in this life is certain, if history has taught us anything, it is that you can kill anyone. 不顾家的人永远不可能成为一个真正的男人。 &
mongodb安装与使用 dyy_gusi mongo
一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库, linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置 tar -vxf mongodb-linux-x86_64-ubun
Git排除目录 geeksun git
在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1. 针对单一工程排除文件这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下以下假设你的脚本文件名为 test。 2) 设置脚本文件的权限 $ sudo chmod 755
第八章流量复制/AB测试/协程 jinnianshilongnian nginx lua coroutine
流量复制在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
电商系统商品表设计 lkl
DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
修改phpMyAdmin导入SQL文件的大小限制 pda158 sql mysql
　用phpMyAdmin导入mysql数据库时，我的10M的数据库不能导入，提示mysql数据库最大只能导入2M。　　 phpMyAdmin数据库导入出错：　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
Tomcat性能调优方案 Sobfist apache jvm tomcat 应用服务器
一、操作系统调优对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。【适用场景】任何项目。二、Java虚拟机调优应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
SQLServer学习笔记 vipbooks 数据结构 xml
1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他