不爱搬砖的码农
不爱搬砖的码农

原生JavaScript实现Tab栏切换案例

Tab栏是前端常见的一个业务。下面是基于html+css+javascript的tab栏代码示例：

DOCTYPE html>
<html>
  <head>
    <title>Tab栏切换示例title>
    <style>
      /* 设置Tab栏容器的样式 */
      .tab-container {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ccc;
        width: 600px;
        margin: 0 auto;
      }
      /* 设置Tab按钮的样式 */
      .tab-item {
        padding: 10px;
        cursor: pointer;
        font-size: 20px;
        color: #333;
        border-bottom: 2px solid transparent;
        transition: all 0.3s ease-in-out;
      }
      /* 设置当前Tab按钮的样式 */
      .tab-item.active {
        color: #f00;
        border-bottom-color: #f00;
      }
      /* 设置Tab内容容器的样式 */
      .tab-content-container {
        width: 600px;
        margin: 0 auto;
        padding-top: 20px;
      }
      /* 设置Tab内容的样式 */
      .tab-content {
        display: none;
      }
      /* 设置当前Tab内容的样式 */
      .tab-content.active {
        display: block;
      }
    style>
  head>
  <body>
    <div class="tab-container">
      
      <div class="tab-item active" data-target="tab1">Tab 1div>
      <div class="tab-item" data-target="tab2">Tab 2div>
      <div class="tab-item" data-target="tab3">Tab 3div>
    div>
    <div class="tab-content-container">
      
      <div class="tab-content active" data-tab="tab1">这是Tab 1的内容div>
      <div class="tab-content" data-tab="tab2">这是Tab 2的内容div>
      <div class="tab-content" data-tab="tab3">这是Tab 3的内容div>
    div>
    <script>
      // 获取Tab按钮和Tab内容的容器
      var tabContainer = document.querySelector('.tab-container');
      var tabContentContainer = document.querySelector('.tab-content-container');
      // 获取所有的Tab按钮和Tab内容
      var tabItems = document.querySelectorAll('.tab-item');
      var tabContents = document.querySelectorAll('.tab-content');
      // 遍历所有的Tab按钮
      for (var i = 0; i < tabItems.length; i++) {
        // 给每个Tab按钮添加点击事件
        tabItems[i].addEventListener('click', function () {
          // 获取被点击的Tab按钮的data-target属性值，即对应的Tab内容的data-tab属性值
          var target = this.getAttribute('data-target');
          // 遍历所有的Tab内容，隐藏除了被点击的Tab内容以外的所有内容
          for (var j = 0; j < tabContents.length; j++) {
            if (tabContents[j].getAttribute('data-tab') === target) {
              tabContents[j].classList.add('active');
            } else {
              tabContents[j].classList.remove('active');
            }
          }
          // 遍历所有的Tab按钮，取消除了被点击的Tab按钮以外的所有按钮的active类名
          for (var k = 0; k < tabItems.length; k++) {
            if (tabItems[k] === this) {
              tabItems[k].classList.add('active');
            } else {
              tabItems[k].classList.remove('active');
            }
          }
        });
      }
    script>
  body>
html>

原生JavaScript实现Tab栏切换案例_第1张图片

你可能感兴趣的:(javascript,前端,html)

  • django 唱歌的人不掉泪 字写笔记djangopython
    1、WEB与服务器1.WEB表示用户可以浏览的网页内容（HTML，CSS，JS）2.服务器能够给用户提供服务的机器1.硬件与软件硬件范畴：一台机器软件范畴：一个能够接收用户请求并给出响应的程序APACHETOMCATIISNginx2.作用存储web所需要的信息（HTML，图片，文件，…）能够处理用户的请求（request），并给出响应（response）执行服务器端程序：数据库操作3.WEB与服
  • html文件插入到ppt中,怎么把视频嵌入到ppt里 野蛮人柯南 html文件插入到ppt中
    ppt是我们常用的一款办公软件，它能够给我们呈现更好的视觉体验，不仅能够更直观的介绍需要展现的知识点，又能够突出个性化的设计风格。现在随着大家的创新思维越来越扩张，我们在制作ppt时并不再局限于图片、艺术字和音频了，越来越多的人开始在ppt中加入网络视频，接下来就为打击来介绍一下如何在ppt中加入网络视频吧。方法一：该方法较简单，但是在具体播放的时候，操控性不强，首先打开ppt进入编辑页面。之后单
  • 重定向和渲染的区别。 old_man31 pythondjango
    defnew_topic(request):#如果提交方法不是post则显示表单ifrequest.method!='POST':returnrender(request,'new_topic.html')else:text=request.POST.get('text')ifall((text)):try:#凡是可能存在没有数据的地方，需要用try或者if，把可能出现的问题更改下。Topic.o
  • Django下 render与redirect的区别 energy_百分百 djangodjangopythonhtmlrenderredircet
    render返回页面内容（渲染变量到模板中），并且没有发送第二次请求redirect发送了第二次请求，是个跳转函数，一般跳转到外部网站，而且会返回302的状态码此外：render参数一般为模板html文件redirect参数一般为URL地址
  • Vue - 自定义Hooks 来一碗刘肉面 Vuevue.jsjavascript前端
    在Vue3中，自定义Hooks是一个强大的功能，允许开发者封装和重用逻辑。在Vue中它们通常通过组合式API实现。通过自定义Hooks，可以将复杂的逻辑封装在一个函数中，便于在多个组件之间共享。自定义Hooks是一个普通的JavaScript函数/TypeScript函数（js或ts），通常以use开头，并且它会使用Vue的响应式API，如ref、reactive、computed、watch等。
  • Vue - route路由（router-link、useRoute、useRouter） 来一碗刘肉面 Vuevue.jsjavascript前端
    为了避免反复在app.vue中去修改引入的路径，当用了新的页面，想切换回老页面的时候，都需要去手动改变路径，那么有没有一种可能，可以在一个地方，把这些组件配置好，然后通过不同的路径，就去访问不同的组件呢？vuerouter就提供了这个功能，翻译一下，router：路由，vuerouter，vue的路由。单页面应用：SPASPA的核心思想是将应用划分为多个组件，通过前端路由来控制不同组件的显示，实现
  • 深入浅出之xml文件解析（python） 浩瀚之水_csdn #Python学习xmlpython数据库
    XML（eXtensibleMarkupLanguage，可扩展标记语言）是一种用于存储和传输数据的标记语言。与HTML相似，XML也使用标签（tags）来定义数据，但XML的标签不是预定义的，而是由用户根据需要自定义的。这使得XML成为一种非常灵活和强大的数据表示方式。一、XML的特点自描述性：XML文档中的每个元素都通过标签来描述，这使得数据易于理解和使用。结构化：XML提供了一种结构化的方式
  • 优化冗余代码：提升前端项目开发效率的实用方法 三掌柜666 web前端知识汇总前端
    目录前言代码复用与组件化模块化开发与代码分割工具辅助与自动化结束语前言在前端开发中，我们常常会遇到代码冗余的问题，这不仅增加了代码量，还影响了项目的可维护性和开发效率。还有就是有时候会接到紧急业务需求，要求立马完成上线，这时候多人协作开发，代码质量不会很高，很多都是复制粘贴;亦或是接手的代码比较老旧，公共组件里面写了大量冗余代码，这种情况下时间越久，开发起来就越难受。那么本文将结合实际项目案例，分
  • 【zookeeper】zookeeper 性能优化与配置详解 一些踩坑建议 九师兄 不体系zookeeper性能优化服务器
    1.概述转载：https://www.cnblogs.com/EasonJim/p/7488834.htmlZooKeeper的功能特性通过ZooKeeper配置文件来进行控制管理（zoo.cfg配置文件）。ZooKeeper这样的设计其实是有它自身的原因的。通过前面对ZooKeeper的配置可以看出，对ZooKeeper集群进行配置的时候，它的配置文档是完全相同的（对于集群伪分布模式来说，只有很
  • 前端学习-事件解绑，mouseover和mouseenter的区别(二十九) marshalVS 前端学习
    目录前言解绑事件语法鼠标经过事件的区别鼠标经过事件示例代码两种注册事件的区别总结前言人道洛阳花似锦，偏我来时不逢春解绑事件on事件方式，直接使用null覆盖就可以实现事件的解绑语法btn.onclick=function(){alert('点击了')}btn.onclick=null;constben=document.querySelector('button');ben.addEventLis
  • 毕设开源 python大数据旅游数据分析可视化系统(源码分享) bee_dc 毕业设计毕设大数据
    文章目录0前言1课题背景2数据处理3数据可视化工具3.1django框架介绍3.2ECharts4Django使用echarts进行可视化展示（mysql数据库）4.1修改setting.py连接mysql数据库4.2导入数据4.3使用echarts可视化展示5实现效果5.1前端展示5.2后端展示6最后0前言这两年开始毕业设计和毕业答辩的要求和难度不断提升，传统的毕设题目缺少创新和亮点，往往达不到
  • 分享求职时遇到的一道面试题 C7211BA 面试CV机器学习深度学习项目
    测试题如下：百度的旋转认证码识别注意，完成后qq远程或者微信视频或者向日葵远程看结果一、准备：看看下面测试网址是否能正常打开https://wappass.baidu.com/static/captcha/tuxing.html?&logid=11395969898338055067&ak=248b24c134a6b4f52ee85f8b9577d4a8&backurl=https%3A%2F%2
  • ecmascript标准 周盛欢 ecmascript
    一、什么是ECMAScriptECMAScript是一种脚本语言的标准，由EcmaInternational组织制定。简单来说，它就是JavaScript的“官方规范”，规定了JavaScript语言的语法和行为。就像英语有语法一样，JavaScript也有自己的“语法书”，而ECMAScript就是这本“语法书”。二、为什么需要ECMAScript以前，不同的浏览器（比如Chrome、Firef
  • 2025蛇年喜庆HTML5代码 学习&实践爱好者 HTML5与CSS3JavaScrip技术编程实践系列html5前端html
    2025蛇年喜庆HTML5代码以下是一个简单的HTML5+CSS+JavaScript代码示例，用于庆祝2025年蛇年。先看效果图：源码如下：2025年蛇年快乐！body{font-family:'Arial',sans-serif;background-color:#0a0a23;/*深蓝色背景*/color:#ffffff;/*白色文字*/text-align:center;margin:0;
  • Python正则表达式指南 weixin_33755554 python
    http://www.cnblogs.com/huxi/archive/2010/07/04/1771073.html1.正则表达式基础1.1.简单介绍正则表达式并不是Python的一部分。正则表达式是用于处理字符串的强大工具，拥有自己独特的语法以及一个独立的处理引擎，效率上可能不如str自带的方法，但功能十分强大。得益于这一点，在提供了正则表达式的语言里，正则表达式的语法都是一样的，区别只在于不
  • java 字符串日期字段格式化前端显示 qq_36608622 java开发语言
    在Java应用程序中，如果你有一个字符串类型的日期字段，并希望将其格式化后显示在前端，可以通过多种方式实现。这通常涉及到在后端将字符串转换为Date或LocalDateTime等对象，然后使用适当的注解或配置来确保它们以正确的格式序列化为JSON发送到前端。以下是几种常见方法：方法一：使用@JsonFormat注解(Jackson)如果你使用的是Jackson来处理JSON序列化和反序列化，可以在
  • 前端知识速记—JS篇：箭头函数 无限大. 前端知识速记javascript前端开发语言
    前端知识速记—JS篇：箭头函数什么是箭头函数？箭头函数是ES6引入的一种新的函数书写方式，其语法更为简洁，常用于替代传统的函数表达式。箭头函数的基本语法如下：constfunctionName=(parameters)=>{//函数体};通过这种方式，开发者可以以更简练的形式定义函数，提高代码的可读性。箭头函数的基本特性1.简化语法箭头函数最直接的优势就是语法简单，特别是在定义短小的函数时，能显著
  • 刷题前必学！链表！用JavaScript学数据结构与算法
    ‍JavaScript数据结构与算法-HowieCong务必要熟悉JavaScript使用再来学！一、链表的基本形态链表和数组都是有序的列表，都是线性结构（有且仅有一个前驱，有且仅有一个后续）；不同点在于，链表中，数据单位的名称叫做“结点”，而结点和结点的分布，在内存中都是离散的1.数组的“连续”在内存中最为关键的一个特征，就是对应一段位于自身上界和下界之间的，一段连续的内存空间。元素与元素之间，
  • ambari-server页面错位问题解决 王木头 ambarihadoop大数据
    背景：项目新安装的ambari集群页面错位如下解决办法（临时）：修改ambari-server的前端文件：/usr/lib/ambari-server/web/javascripts/app.js原代码：initNavigationBar:function(){if(App.get('router.mainController.isClusterDataLoaded')){$('body').on
  • 如何优化代码性能？ 杨胜增 前端性能优化
    优化代码性能是编程中的一个重要课题，无论是在处理大量数据的后台服务，还是在资源受限的前端应用中，都需要高效的代码。优化代码性能不仅仅是让代码跑得更快，还要保持代码的可读性、可维护性和可扩展性。下面我将从多个角度来探讨如何优化代码性能：1.算法优化算法是影响性能的核心。如果用最简单的方式解决问题，可能会导致性能瓶颈。因此，首先需要选择合适的算法。时间复杂度：使用更高效的算法来替代低效的算法。例如，排
  • 前端的核心技术 善良的小乔 前端
    前端开发的核心技术主要围绕HTML、CSS、JavaScript三大基础语言展开，同时结合现代前端开发的需求，还包括前端框架、构建工具、前端安全和性能优化等内容。下面，我们详细解析前端开发中的核心技术。一.HTML（超文本标记语言）详解HTML（HyperTextMarkupLanguage）是前端开发的基础，用于构建网页的结构。HTML由各种标签（Tag）组成，每个标签都有不同的作用，主要用于定
  • CSS3网页加载进度条特效：13种炫酷实现 laforet
    本文还有配套的精品资源，点击获取简介：本文深入探讨CSS3在网页加载进度条设计中的应用，包括动画、选择器、边框半径、过渡和阴影等新特性。通过介绍13种不同的进度条特效代码，指导开发者如何结合JavaScript实现丰富的进度显示效果，提升用户体验。详细描述了进度条的外观设计和动态效果，如计数器进度条、顶部进度条、背景进度条，并展示了利用Flexbox、Grid布局、Transforms、阴影和渐变
  • 使用CSS实现一个加载的进度条 eqa11 css前端进度条
    文章目录使用CSS实现一个加载的进度条一、引言二、步骤一：HTML结构与CSS基础样式1、HTML结构2、CSS基础样式三、步骤二：添加动画效果1、使用CSS动画2、结合JavaScript控制动画四、使用示例五、总结使用CSS实现一个加载的进度条一、引言在现代网页设计中，加载速度对用户体验至关重要。为了提升用户体验，加载进度条成为了一个常见的交互元素。它不仅能告知用户页面加载的进度，还能减少用户
  • python中文件加密 你猜 python文件加密
    1、RSA加密算法详解参考：https://blog.csdn.net/wm_1991/article/details/519545652、http://blog.sina.com.cn/s/blog_8657e5490102xy7b.html
  • 深入了解 React：从入门到高级应用 ╰つ゛木槿 web前端react.js前端前端框架
    深入了解React：从入门到高级应用React是由Facebook开发并维护的一个开源JavaScript库，用于构建用户界面。自2013年发布以来，React在前端开发领域迅速崛起，成为最受欢迎的UI构建工具之一。无论是小型的单页应用（SPA）还是复杂的大型企业级应用，React都能提供高效、灵活的解决方案。本文将全面、详细地介绍React，包括其核心概念、工作原理、最佳实践以及生态系统。目录：
  • 创建Vue3.0工程和常用 Composition API 黎明之道 VUE1024程序员节
    一、创建Vue3.0工程1.使用vue-cli创建官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##创建vuecreatevue_tes
  • 【笔记】linux离线部署Ollama+Deepseek r1+open webui MrIqzd 笔记linux语言模型
    昨天看到了实验室服务器文件夹下面有一个deepseek的gguf文件，就顺便部署一下至于为什么要本地呢？https://chat.deepseek.com/downloads/DeepSeek%20Privacy%20Policy.html可能有一些学术隐私的东西不方便被收集吧。（我应该没有关系，反正都是学术垃圾）此外，也要感谢deepseek的开源精神！！！！！！实验室服务器是ubuntu18（
  • 构建企业级React应用的进阶实践 python算法(魔法师版) react.js
    构建企业级React应用的进阶实践在当今前端开发领域，React凭借其组件化架构和声明式编程范式，已成为构建复杂用户界面的首选方案。本文将深入探讨React的高级应用场景，通过一系列精心设计的代码示例，展示如何打造高性能、可维护的现代化前端应用。一、状态管理的艺术1.1原子化状态管理typescript复制//lib/recoil/atoms.tsimport{atom,selector}from
  • JavaScript简介、如何在HTML中使用JavaScript以及JavaScript基本概念 v.15889726201 javascripthtmludp
    一、JavaScript简介一个完整的JavaScript实现应该由ECMAScript（核心）、DOM（文档对象模型）、BOM（浏览器对象模型）三个不同的部分组成；ECMAScript提供核心语言；DOM（DocumentObjectModel）把整个页面映射为一个多层节点结构，是针对XML但经过扩展用于HTML的应用程序编程接口（API），借助DOM提供的API，开发人员可以轻松自如地删除、添
  • 【前端面试】深入了解Node.js基础 贾明恣 前端面试node.js
    前端与node.jsNode.js不是一门语言也不是框架，而是JavaScript运行时环境。基于GoogleV8引擎、同时它通过封装和抽象操作系统提供的底层功能，以及使用Libuv等c++/c的核心模块，扩展了JavaScript功能，使得JavaScript能够同时具有DOM操作(浏览器)和I/O、文件读写、操作数据库(服务器端)……能力，是目前最简单的全栈式语言。前端开发者经常需要安装Nod
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他