w120246892
w120246892

Javascript简单选项卡_妙味课堂

上周末为止看完了html+css的视频教程，这周开始Javascript，看的妙味课堂的教程，多做练习，同时强化html和css。


思路：

选项卡，简单来说有两部分组成，上面的按钮和下面相应要显示的块。点击按钮，显示相应的块。

通过设置类名active来修改按钮的激活状态

通过块的display属性来调整显示和隐藏


Javascript中的知识点;

1.getElementsByTagName 通过标签名来获取元素

2.var i=0; for(i=0;i<5;i++){ }   for循环

3.对象名.length     表示对象长度

4.this 表示当前对象


Javascript思路：

通过for循环对每个按钮设置onclick事件，当被点击时：

1.首先所有按钮的类名设为空即清除激活状态，所有的div块display设为none

2.给被点击的按钮设置激活状态，相应的div块display设为block


源码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
input{background:white;}
.active{background:yellow;}
div{width:200px;height:200px; display:none; border:blue solid 1px; background:#ccc;}
</style>
<script type="text/javascript">
    window.onload=function()
	{
		var aBtn=document.getElementsByTagName('input');
		var aDiv=document.getElementsByTagName('div');
		var i=0;
		for(i=0;i<aBtn.length;i++){
			aBtn[i].index=i;
	     aBtn[i].onclick=function(){	
			for(i=0;i<aBtn.length;i++)
		    {
				aBtn[i].className='';
				aDiv[i].style.display='none';
			}
			this.className='active';
			aDiv[this.index].style.display='block';
		};
		}
	};
</script>

</head>

<body>
<input class="active" type="button" value="1"/>
<input type="button" value="2"/>
<input type="button" value="3"/>
<div style="display:block">111111111111111111</div>
<div>222222222222222222</div>
<div>333333333333333333</div>

</body>
</html>

效果如下：

Javascript简单选项卡_妙味课堂_第1张图片

你可能感兴趣的:(JavaScript,选项卡)

  • webpack和vite的区别 阿丽塔~ 前端面试vitewebpack
    主要区别是：1.构建速度Vite：开发环境下，Vite利用浏览器原生支持的ES模块（ESM），按需编译和加载模块，避免了全量打包。这使得Vite的启动速度和热更新速度极快，尤其在大型项目中优势明显。使用esbuild进行依赖预构建，性能比基于JavaScript的工具快10-100倍。Webpack：需要分析所有模块的依赖关系并进行全量打包，导致启动和热更新速度较慢，尤其是在项目规模较大时。2.打
  • 前端打包优化相关 Webpack 怒放的生命1991 webpack前端webpacknode.js
    前端打包优化相关Webpack打包时间的优化（基于VueCLI4+Webpack5）1.Webpack配置减少打包时间1.1对JS配置：排除node_modules和src中的打包内容在开发环境下，修改Webpack的JS规则，排除/node_modules和src目录中的JavaScript文件。这意味着node_modules和src目录中的JavaScript文件不会经过该规则定义的加载器处
  • 【编程向导】-JavaScript-基础语法-类型检测 wtrees_松阳 javaScript知识图谱javascript原型模式开发语言
    类型检测类型检测的方法：typeofinstanceofObject.prototype.toStringconstructortypeoftypeof操作符返回一个字符串，表示未经计算的操作数的类型。typeofundefined;//"undefined"typeofnull;//"object"typeof100;//"number"typeofNaN;//"number"typeoftru
  • 【SpringBoot】实现登录功能 一只爱打拳的程序猿 SpringMyBatisHTML5+CSSspringbootmybatisjavascripthtml5css
    在上一篇博客中，我们讲解了注册页面的实现。在此基础上会跳转到登录页面，今天给大家带来的是使用SpringBoot，MyBatis，Html，CSS，JavaScript，前后端交互实现一个登录功能。目录一、效果二、源码2.1前端2.2后端一、效果用户名和密码栏输入空或没有值时，提示错误。在数据库中有以下信息，任意挑选一条信息进行登录操作。输入用户lisi，123后登陆成功跳转到个人列表。二、源码2
  • 封装AJAX(带详细注释) Rverdoser okhttp
    封装AJAX请求是前端开发中常见的需求，可以帮助我们简化代码，提高可重用性。下面我将通过JavaScript（使用XMLHttpRequest对象）和现代JavaScript（使用FetchAPI）两种方式来展示如何封装AJAX请求。1.使用XMLHttpRequest封装AJAXfunctionajax(method,url,data,callback){//创建XMLHttpRequest对象
  • JavaScript性能优化实战 仰望丨苍穹 前端：技巧与实践javascript性能优化前端
    深入探讨JavaScript性能瓶颈，分享优化技巧与最佳实践：性能瓶颈DOM操作开销大：DOM操作往往是JavaScript性能的一个关键瓶颈。每次对DOM进行访问、修改或创建，都可能触发浏览器的重排（reflow）和重绘（repaint）操作。例如频繁地使用innerHTML修改元素内容，或者大量地动态创建DOM节点，都会导致性能问题。全局作用域查找慢：在JavaScript中，变量的查找是从当
  • JavaScript性能优化实战：从瓶颈分析到高效编码策略 AAEllisonPang Java数据库
    一、性能瓶颈分析：从问题出发1.1常见性能问题类型渲染阻塞：同步脚本加载导致DOMContentLoaded延迟内存泄漏：未解绑的事件监听、闭包引用残留重复计算：高频触发的回调函数无节制运算布局抖动：强制同步布局（ForcedSynchronousLayout）网络瓶颈：未优化的资源加载策略典型案例：某电商网站商品筛选功能，用户选择规格时界面卡顿。经分析发现每次选择都会触发全量DOM重新渲染，导致
  • 使用Jest和React Testing Library测试React组件 邹澜鹤Gardener
    使用Jest和ReactTestingLibrary测试React组件去发现同类优质开源项目:https://gitcode.com/项目介绍这个开源项目是TestingJavaScript.com课程的一部分，专注于教你怎么用最智能、最高效的方式去测试任何JavaScript应用，特别是针对React组件的测试。它提供了一系列示例代码，涵盖了从基础的React渲染到复杂的Redux连接组件以及自
  • 了解JS递归 几度泥的菜花 javascript前端
    在JavaScript中，递归是一个非常重要的概念，它允许函数在其定义内部调用自身。递归在处理许多类型的问题时非常有用，尤其是那些可以通过分解成更小、更简单的子问题来解决的问题。然而，递归也需要谨慎使用，因为它可能导致堆栈溢出（特别是当递归调用非常深时）。以下是关于JavaScript递归的一些深入了解：1.递归的基本结构递归函数通常包含两个基本部分：基本情况（BaseCase）：这是递归停止的条
  • JavaScript（7） 几度泥的菜花 javascript前端
    函数的含义函数：封装一段可被重复调用执行的代码块，通过函数可以实现大量代码的重复使用。函数也是一种引用数据类型。函数的使用创建函数（常用）：通过function关键字声明函数，又叫命名函数匿名函数：通过函数表达式定义函数，又叫做匿名函数函数的参数形参：函数定义时候，传递的参数(实参值会传递给形参,相当于不用声明的变量)实参：函数调用时候，传递的参数参数的返回值返回值：函数调用后返回的数据；函数执行
  • 6个必备的 Node 网络爬虫库 zz_jesse 爬虫
    作为一名程序员，你是否曾遇到过需要从各大网站提取数据的需求？随着互联网的快速扩展，能够高效地进行网络爬虫已经成为企业、研究人员以及个人的一项重要技能。在这个数据为王的时代，如何利用JavaScript和Node.js来实现高效的数据抓取，是每一个开发者都应该掌握的技巧。网络爬虫，即从网站提取数据的过程，已经成为各行各业的重要工具。而JavaScript和Node.js因其强大的功能和丰富的库，成为
  • vue3+ts+vite+pinia+element-plus搭建一个项目 貂蝉空大 vueaxiostypescriptvitepiniavue前端
    创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。下面是一个简单的介绍：1.Vue3是Vue.js的最新主要版本，提供了CompositionAPI、更好的TypeScript支持、自定义渲染器等功能。2.TypeScript是JavaScript的一个超集，添
  • 利用微软的 HTML 应用程序宿主程序的攻击 zhaoyong631 microsofthtml前端
    mshta.exe是微软的HTML应用程序宿主程序（MicrosoftHTMLApplicationHost），属于Windows系统组件。它的核心功能是运行.hta（HTMLApplication）文件，允许通过HTML、JavaScript、VBScript等技术创建交互式图形界面应用。何时会调用mshta.exe？1.合法用途运行本地/企业级HTA应用：企业可能用.hta开发内部工具（如配置
  • react 组件封装原则_如何基于antd封装自己的react组件并发布到npm 楚云卿 react组件封装原则
    引言在前端项目开发过程中，有大量重复的内容，比如布局相似的模块，较多的功能表单等，我们可以提炼成组件来提升效率，减少重复建设。文章以实际工作中的项目为例，介绍如何将项目中常用的组件进行封装并发布到npm中。1前提要求在开始前你需要具备以下条件：安装了Node&npm安装了Git基本掌握npm，git使用方法熟练使用JavaScript&ES6&CSS基本掌握React熟悉React,antd2开始
  • Node_文件上传&令牌 katsukichan Node
    信息获取来源EnoYao创建脚手架expresskatsuki-project（express名称）在katsuki-project目录下安装依赖包npminstall上传单文件项目在katsuki-project安装multer模块npminstallmulter--save目录中创建一个uploads文件夹，不创建运行也会自动创建项目结构publicjavascriptsjquery.jsup
  • c#读取json某一节点数据_C#获取Json字符串中的某个值 鹿哥说 c#读取json某一节点数据
    问题描述：json数据格式{"resCode":0,"resMag":"aaa","data":[{"parkName":"B1停车场"，"freeSpaceNum":100}]}。第一方法：使用JavaScriptSerializerJavaScriptSerializerJss=newJavaScriptSerializer();DictionaryDicText=(Dictionary)Js
  • 前端-webpack一些常用配置的作用 大嘴史努比 前端webpacknode.js
    1.LoaderLoader用于对模块的源代码进行转换。它可以将非JavaScript文件（如CSS、图片、字体等）转换为webpack能够处理的模块。常用Loader及其作用Loader作用babel-loader将ES6+代码转换为ES5，兼容旧版浏览器。css-loader解析CSS文件，处理@import和url()等语法。style-loader将CSS插入到DOM中，通过标签生效。sa
  • 教你如何免费获取股票数据用python、JavaScript (Node.js)、JAVA等多种语言的实例代码演示（实时数据、历史数据、CDMA、KDJ等指标数据）配有股票数据API接口说明文档说明 蝶澈乐乐 pythonjavascriptnode.js数据仓库金融
    近一两年来，股票量化分析逐渐受到广泛关注。而作为这一领域的初学者，首先需要面对的挑战就是如何获取全面且准确的股票数据。因为无论是实时交易数据、历史交易记录、财务数据还是基本面信息，这些数据都是我们进行量化分析时不可或缺的宝贵资源。我们的核心任务是从这些数据中挖掘出有价值的信息，为我们的投资策略提供有力的支持。在寻找数据的过程中，我尝试了多种途径，包括自编网易股票页面爬虫、申万行业数据爬虫，以及同花
  • javascript Day_1 Mswanga javascript前端javajavascript
    script的书写位置1，写在标签的正上方constnewItem=12，写在外部，然后引入到HTML文件输入输出1.输入：prompt('请输入一段文字')结果：会显示一个对话框，包含一个文字信息，用来提示用户输入。2.输出：//普通输出document.write('要输出的内容')//内容可以包含标签//弹出警告框输出alert('要输出的内容')//控制台打印输出，程序员可见console
  • JavaScript_Day2 Mswanga javascript前端开发语言
    对象的声明let对象名={属性值，方法}letsir={name:"wang",address:"Henan",age:18}//修改属性sir.name="li";//增加属性sir.sex="man";//删除属性deletesir.age;console.log(sir);查找的两种方法1.对象名.属性名2.对象名["属性名"]，如sir['name']如何写方法例如song方法song:f
  • Vue.Js 是一个渐进式的 JavaScript 框架，专为构建用户界面而生，尤其擅长打造单页应用（SPA）。其核心设计理念在于组件化，即将用户界面拆解为独立且可复用的组件单元。以下是 Vue.Js 一一代码 pythonvue.js
    1.创建Vue.Js组件在Vue.js中，组件是一个Vue实例，可以包含模板、数据、方法、生命周期钩子等。1.1全局组件全局组件可以在任何Vue实例中使用。```javascript//定义一个全局组件Vue.component('my-component',{template:'这是一个全局组件'});//创建Vue实例newVue({el:'#app'});```在HTML中使用：```htm
  • JS事件冒泡和事件捕获 一朵好运莲 javascript前端开发语言
    在JavaScript中，事件冒泡（EventBubbling）和事件捕获（EventCapturing）是两种不同的事件传播机制。当你在DOM元素上注册事件时，事件的触发并不会立即发生，而是会按照一定的顺序进行传播。事件的传播机制决定了事件如何从目标元素传递到DOM树中的其他元素。目录事件捕获和事件冒泡的提出为什么整合了捕获和冒泡机制？事件传播的顺序具体例子实现事件捕获和事件冒泡的提出事件冒泡最
  • 深入解析CSS动画：从基础到实战的完整指南 斯~内克 csscss前端
    一、CSS动画的现代意义与核心优势在Web开发领域，CSS动画已成为构建现代交互体验的核心技术。相比传统的JavaScript动画实现方式，CSS动画具有以下显著优势：硬件加速优化：浏览器可自动使用GPU加速，实现更流畅的动画效果声明式语法：通过简洁的代码描述复杂动画序列性能优势：浏览器原生支持，无需额外脚本解析维护便捷：动画逻辑与业务代码分离，易于修改和扩展响应式支持：可结合媒体查询实现多设备适
  • 全局引用scss文件定义的变量 魏时烟 vue3+ts+scssscss前端css
    在vite.config.ts文件中写如下代码css:{preprocessorOptions:{scss:{additionalData:`@use"@/assets/styles/index.scss";`,//这一句javascriptEnabled:true}}}在scss文件中定义变量$color:#000;在其他文件引用变量.text{color:index.$color;}
  • JavaScript基础-顺序流程控制 難釋懷 javascript开发语言
    在学习任何编程语言时，理解如何控制程序的执行流程是至关重要的。JavaScript中的顺序流程控制指的是按照代码书写的顺序依次执行语句的过程。虽然它看起来非常直接和简单，但正是这种基本的控制流构成了所有复杂逻辑的基础。本文将详细介绍JavaScript中的顺序流程控制，并通过示例展示其应用。一、什么是顺序流程控制？顺序流程控制是最简单的程序控制形式，指的是代码从上到下、从左到右逐行执行。除非受到特
  • React Native与Vue的H5交互 丁国栋- reactnativejavascriptvue交互
    一、ReactNative简介：1、ReactNative采用JavaScript框架，将React基础抽象组件渲染为原生平台UI组件，像View,Text以及Image等，可直接映射渲染为对应平台的原生UI组件2、通过React的声明式组件机制和JavaScript代码，现有的原生代码和api可以完美地封装嵌合到React组件中3.、ReactNative创建的原生应用，经常采用混合开发方式嵌入
  • Vue响应式数组方法深度解析 北辰alk 前端vuevue.jsjavascriptecmascript
    文章目录一、Vue数组响应式核心机制1.原生JavaScript数组的局限性2.Vue的解决方案二、Vue封装的七大数组方法1.方法列表与功能说明2.方法拦截器实现原理三、视图更新触发全流程1.依赖收集流程2.更新触发流程四、源码级实现分析1.原型链覆盖实现2.新增元素响应式处理五、特殊场景处理方案1.索引直接修改问题2.长度修改处理3.过滤数组处理六、Vue3的响应式数组优化1.Proxy实现机
  • JavaScript泄露浏览器插件信息引发的安全漏洞及防护措施 w2361734601 网络web安全安全
    本文所述技术原理、漏洞案例及防御方案仅用于安全研究交流，旨在提升网络安全防护意识。任何试图利用文中提及的技术手段进行非法攻击的行为，均与作者/发布方无关。目录引言：被忽视的信息泄露风险一、插件信息泄露的三大途径1.Navigator.plugins对象检测2.MIME类型检测3.特性嗅探技术二、漏洞利用的典型案例1.已知漏洞直接利用2.精准社会工程攻击3.零日漏洞预埋攻击三、四层防御体系构建1.客
  • chrome内核大版本升级涉及核心事项 ปรัชญา แค้วคำมูล chromec++性能优化
    Chrome内核（Chromium）大版本升级涉及多个核心事项，需要从技术、兼容性、安全、性能等多维度进行系统规划。以下是关键核心事项及应对策略：1.技术架构调整V8引擎升级：JavaScript引擎优化可能引入新语法支持（如ES新特性）、性能改进或GC机制调整，需验证业务代码兼容性。渲染引擎变更：Blink引擎的渲染逻辑调整可能导致页面布局差异（如CSSFlexbox/Grid实现变化），需全面
  • 《HTML + CSS + JS 打造炫酷轮播图详解》 ningmengjing_ 前端htmlcssjavascript
    《HTML+CSS+JS打造炫酷轮播图详解》一、项目概述本次项目旨在使用HTML、CSS和JavaScript实现一个具有基本功能的轮播图，包括图片自动轮播、上一张/下一张按钮切换、小圆点指示与切换等功能，以提升网页的交互性和视觉吸引力。二、实现步骤（一）图片拼接做出架构1、HTML结构搭建在HTML文件中，首先创建一个div容器，设置id为banner，作为轮播图的整体框架。在banner内部，
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他