彩虹更新中
彩虹更新中

Js面向对象动态添加标签页，Tab栏切换

注意：

// 双击禁止选定文字
        window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
  
DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>面向对象 Tabtitle>
    <link rel="stylesheet" href="./styles/tab.css">
    <link rel="stylesheet" href="./styles/style.css">
    <script src="js/jquery.min.js">script>
head>

<body>

    <main>
        <h4>
            Js 面向对象 动态添加标签页
        h4>
        <div class="tabsbox" id="tab">
            
            <nav class="fisrstnav">
                <ul>
                    <li class="liactive"><span>测试1span><span class="iconfont icon-guanbi">span>li>
                    <li><span>测试2span><span class="iconfont icon-guanbi">span>li>
                    <li><span>测试3span><span class="iconfont icon-guanbi">span>li>
                   
                ul>
                <div class="tabadd">
                    <span>+span>
                div>
            nav>

            
            <div class="tabscon">
                <section class="conactive">测试1section>
                <section>测试2section>
                <section>测试3section>
            div>
        div>
    main>
    <script src="js/index.js">script>

body>

html>
var that;
class Tab {
    constructor(id) {
            // 获取对象
            that = this;
            this.main = document.querySelector(id);
            // li的父元素
            this.ul = this.main.querySelector(".fisrstnav ul:first-child");
            // section 父元素
            this.fsection = this.main.querySelector(".tabscon")
            this.tabadd = this.main.querySelector(".tabadd")
            this.init()
        }
        // init 初始化操作让相关的元素绑定事件
    init() {
            // 初始化的时候需要获取更新后的数据
            this.updataEle()
            this.tabadd.onclick = this.addTab;
            for (var i = 0; i < this.lis.length; i++) {
                this.lis[i].index = i;
                this.lis[i].onclick = this.toggleTab;

                this.closecons[i].onclick = this.removeTab;
                this.spans[i].ondblclick = this.editTab;
                this.sections[i].ondblclick = this.editTab;
            }
        }
        // 因为我们动态添加元素 需要从新获取对应的元素
    updataEle() {
            this.lis = this.ul.querySelectorAll("li");
            this.sections = this.fsection.querySelectorAll("section")
            this.closecons = this.main.querySelectorAll(".icon-guanbi");
            this.spans = this.main.querySelectorAll(".fisrstnav li span:first-child")
        }
        // 切换功能
    toggleTab() {
            that.clearCurrent();
            this.className = "liactive";
            var index = this.index;
            that.sections[index].className = "conactive";
        }
        // 清除样式表,调用了2次,单独写出来提高效率
    clearCurrent() {
            for (var i = 0; i < that.lis.length; i++) {
                this.lis[i].className = "";
                this.sections[i].className = "";
            }
        }
        // 添加列表
    addTab() {
        that.clearCurrent()
        var i = Math.random();
        // 主要添加新li，默认是选中状态
        var li = '
  • 新选项卡
    • '
        var section = "
    " + i + "
    "
            // 这个是添加内容新语法，很好用哦
        that.ul.insertAdjacentHTML("beforeEnd", li);
        that.fsection.insertAdjacentHTML("beforeEnd", section);
        // 添加完之后还需要初始化一下，方便给新增加的元素加方法 
        that.init();
    }
    removeTab(e) {
        // 防止点删除间的时候产生父元素切换，冒泡现象
        e.stopPropagation();
        var index = this.parentNode.index;
        // 删除2项
        this.parentNode.remove();
        that.sections[index].remove();
        that.init();
        // 删除完后需要默认选中
        if (document.querySelector(".liactive")) { return }
        index--;
        // 利用逻辑与的关系
        that.lis[index] && that.lis[index].click();
    }
    editTab() {
        var text = this.innerHTML;
        // 双击禁止选中
        window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
        this.innerHTML = ''
        var input = this.children[0];
        input.value = text;
        input.select();
        input.onblur = function() {
            var text = this.value;
            this.parentNode.innerHTML = text;
        }
        input.onkeyup = function(e) {
            if (e.keyCode === 13) {
                this.onblur()
            }
        }
    }
}
tab = new Tab("#tab")

     

    你可能感兴趣的:(Js面向对象动态添加标签页，Tab栏切换)

    • mysql通过视图插入数据_数据库视图 sql weixin_39550410 mysql通过视图插入数据
      数据库必知词汇：数据库视图视图是从一个或几个基本表(或视图)中导出的虚拟的表。在系统的数据字典中仅存放了视图的定义，不存放视图对应的数据。视图与表(有时为与视图区别，也称表为基本表——BaseTable)不同，视图所对应的数据不进行实际存储，数据库中只存储视图的定义，在对视图的数据进行操作时，系统根据视图的定义去操作与视...文章萌萌怪兽2020-02-23113浏览量数据库优化之创建视图视图是保
    • 数据库不停机迁移方案 SJLoveIT 数据库
      在业务发展过程中，可能会有需要进行数据迁移的场景。一般来说可以分为两种（1）停机迁移（2）不停机迁移停机迁移比较简单，步骤如下（1）根据业务流量数据低峰时间，制定迁移计划。（2）发布停业公告（3）届时先停机，保证老库数据不会再变动，然后使用迁移工具进行数据的全量迁移（4）迁移完成后进行新老数据库数据的对比校验（5）数据校验没问题，流程切换到新库，完成停机迁移的问题在于（1）有的业务压根就不能容忍停
    • My SQL笔记 党和人民 笔记mysql
      数据库的使用主要功能：查询数据(SELECT):从一个或多个表中检索数据。插入数据(INSERT):向表中添加新记录。更新数据(UPDATE):修改现有记录。删除数据(DELETE):移除记录。定义数据库结构(CREATE,DROP):创建、修改或删除数据库对象（如表、索引等）。创建数据库创建数据库是通过SQL语句来完成的，通常使用createdatabase语句常用数据类型：整型(int)：用于
    • git 多分支管理 大丈夫在世当日食一鲲 GITgit
      Git多分支管理是团队协作和复杂项目开发的核心实践，通过合理利用分支机制可以实现并行开发、版本控制和代码稳定性：一、分支管理基础概念与操作分支的创建与切换创建分支：使用gitbranch基于当前提交创建新分支，例如gitbranchfeature/user-auth。快速切换：通过gitcheckout或gitswitch切换上下文，建议在开发新功能前创建独立分支以避免污染主分支。分支命名规范：推
    • 使用el-tabs时，如何通过另一个页面传值来默认选中某个tab 冷冷清清中的风风火火 笔记前端vuevue.jsjavascript前端
      要实现通过另一个页面传值以默认选中特定的el-tab，可以按照以下步骤检查和调整代码：方法一：父子组件通信（使用.sync修饰符）父组件使用.sync修饰符绑定activeName，并确保el-tabs的v-model正确绑定：exportdefault{data(){return{activeName:'1'//默认值};}};子组件在需要修改时触发update:activeName事件：thi
    • 解析Linux中的系统安全及应用（二） 石头城云计算笔记 Linuxsu命令切换用户sudo机制提升权限PAM安全认证网络端口扫描弱口令检测
      各位小伙伴大家好，本次和大家分享的是Linux系统中的系统安全及应用的相关理论知识及操作。我将通过以下几点和相关的实验进行分析说明：（接上篇）五.使用su命令切换用户：1、用途及方法用途：SubstituteUser，切换用户格式：su-目标用户（bash环境）2、密码验证root→任意用户，不验证密码普通用户→其他用户，验证目标用户的密码[jerry@localhost~]$su-root（带-
    • lambda表达式 苜柠 java前端服务器
      //lambda表达式//[]:必须存在不能省略,空表示没有参数//=表示作用于该模块的所有局部变量(值传递)(推荐)//&表示作用于该模块的所有局部变量(引用传递)//this可以使用在lambda表达式类中的成员变量[作用域](参数)mutable->返回类型{};QPushButton*button=newQPushButton;//[=](){//button->setText("Butt
    • c#实现485协议 A_nanda c#ModbusRTU
      在C#中实现RS-485协议通信，需要结合串口（SerialPort）操作和硬件收发控制（如RTS信号切换）。以下是详细的步骤和示例代码：1.RS-485通信原理物理层：RS-485是差分信号标准，支持多点通信（半双工）。收发控制：通过控制RTS（RequesttoSend）或DTR引脚切换发送/接收模式。协议层：通常基于ModbusRTU、自定义二进制协议等。2.硬件准备RS-485转USB转换
    • 手游如何用模拟器多开设置不同地区ip来挂机减少封号 xxtzaaa tcp/ip网络协议网络
      在模拟器多开玩手游时，可以通过使用代理软件来切换不同的IP地址。?这种方法可以帮助避免因IP限制导致的登录问题或账号被封的情况。首先，您需要准备以下工具和材料：1.安卓模拟器，如雷电模拟器、夜神模拟器等。2.代理软件，如兔子进程代理等。接下来是具体的操作步骤：1.在电脑上安装并运行兔子进程代理。2.选择一个或者多个服务器，确定生效。3.打开模拟器窗口，软件会自动分配不同的IP给不同的模拟器窗口。4
    • ip地址怎么改 IP属地怎么改成自己想要的地区 xxtzaaa tcp/ip网络网络协议
      你会改IP地址吗？你觉得改IP地址难吗？自从去年各大平台开始显示IP属地后，几乎每天都有人来问我们怎么改IP地址，而我们作为一家IP代理服务商，可以说天天都在和IP打交道，对这一块自然是了如指掌，下面我就来教大家三种改IP地址的方法。第一种方法：使用代理IP软件这是现在最为常用的一种方法，很简单，下载，兔子软件配置好以后，就可以随心所欲的一键切换IP了，放心，都有使用教程的，小白也能一看就会。第二
    • 《剑指数据库：MySQL表法纵横录》 m0_74825260 面试学习路线阿里巴巴数据库mysql
      一、前言本文将为大家带来MySQL中常见表的操作，希望大家能够从中有所收获！！！二、表的操作1.创建表语法：CREATETABLEtable_name(field1datatype,field2datatype,field3datatype)characterset字符集collate校验规则engine存储引擎;说明：●field表示列名●datatype表示列的类型●characterset字
    • 【MySQL篇】使用Java操作MySQL实现数据交互 m0_74825260 面试阿里巴巴mysqljava交互
      目录JDBC的认识：安装MySQL驱动包：下载完成后将包导入IDEA实现代码：1.创建数据源2.和数据库服务器建立连接?3.构造操作数据库的sql语句.4.执行SQL语句5.释放资源?完整代码：Insert：Select：Update：JDBC的认识：JDBC，即JavaDatabaseConnectivity，java数据库连接。是一种用于执行SQL语句的JavaAPI，它是Java中的数据库连
    • CANoe_trace介绍以及如何使用C#仿制trace方案介绍 99乘法口诀万物皆可变 C#CANoec#开发语言测试工具
      C#UI界面仿制trace界面介绍--初次制作，后续待完善在汽车电子开发中，DBC（DatabaseContainer）文件对于定义和描述CAN（ControllerAreaNetwork）通信协议至关重要。随着项目的迭代和功能的扩展，手动管理和比较多个版本的DBC文件变得愈加复杂且容易出错。为了解决这一问题，本文将详细介绍如何使用自制的DBC读取工具实现拖放导入DBC文件，并根据DBC中的信号特
    • Flink CDC LonelyProgramme flink数据库大数据
      我先说说我的业务需求,我想要实时从mysql数据库中读取配置数据,我以前没接触这个技术之前是定时从数据库中获取数据,但是将数据间隔设置太小就会出现问题,所以达不到纯实时的效果.下面开始介绍一下准备工作:支持的数据库(下面是官方的建议:MySQL|ApacheFlinkCDC)ConnectorDatabaseDrivermysql-cdcMySQL:5.6,5.7,8.0.xRDSMySQL:5.
    • 【Camrea2录制视频报错问题修复java.lang.IllegalArgumentException: Surface was abandoned】 weixin_37659322 音视频java开发语言
      问题现象修改后的代码在机器正常intrecordTime=10*60*1000;try{FilevedioTempPath=newFile(Environment.getExternalStorageDirectory().getAbsolutePath()+"/video/temp/");if(!vedioTempPath.exists()){vedioTempPath.mkdirs();}ve
    • Oracle管理员高级操作的详细步骤说明，涵盖性能优化、安全管理、高可用性配置等核心内容 最爱で毛毛熊 Oracle数据库oracle
      以下是Oracle管理员高级操作的详细步骤说明，涵盖性能优化、安全管理、高可用性配置等核心内容：一、表分区管理（提升大表性能）创建范围分区表CREATETABLEsales(idVARCHAR2(36),sale_dateDATE,amountNUMBER)PARTITIONBYRANGE(sale_date)INTERVAL(NUMTOYMINTERVAL(1,'MONTH'))--按月自动分区
    • 【UDS诊断（WriteDataByIdentifier0x2E服务）测试用例CAPL代码全解析⑥】 车端域控测试工程师 测试用例学习经验分享CAPL汽车
      ISO14229-1:2023UDS诊断【WriteDataByIdentifier0x2E服务】_TestCase06作者：车端域控测试工程师更新日期：2025年02月24日关键词：UDS诊断协议、ECU复位服务、0x2E服务、ISO14229-1:2023TC2E-006测试用例用例ID测试场景验证要点参考条款预期结果TC2E-006跨会话模式权限验证在默认会话下请求写入需扩展会话的DID§7
    • 用Android Compose写了一个电子木鱼 青岛老渔民 android开发Composeandroid学习androidjetpackandroid
      闲的没事，用Compose写了一个电子木鱼，正好可以学习使用Animatable绘制动画。源码链接：https://github.com/qd98xuan/MeritWoodenFish下面对代码进行粗略解析，需要查看详细源码可以点击上面的链接。代码主体分为三部分：初始化动画类型数据和计数变量绘制计数Text绘制木鱼一、初始化动画类型数据和计数变量代码如下，通过代理函数创建了一个带有状态的敲击木鱼
    • android中kotlin协程和线程的关系 儿歌八万首 androidkotlinandroidkotlin
      一.子线程和主线程的频繁切换假设现在有这样的一个业务逻辑，有3个耗时操作，耗时1函数执行完毕后，我们需要调用函数1更新UI，再执行耗时2函数，执行完毕后我们在调用函数2更新UI，最后执行耗时3函数，再调用函数3更新UI。1.定义3个不同的耗时操作函数和3个更新UI的函数funioCode1(){println("我是IO线程1==${Thread.currentThread().name}")}f
    • oracle生成ddl语句,oracle导出DDL 杰克小号 oracle生成ddl语句
      dbms_metadata.get_ddl[@more@]dbms_metadata.get_ddl1.得到一个表或索引的ddl语句SELECTDBMS_METADATA.GET_DDL('TABLE','DEPT','SCOTT')FROMDUAL;selectdbms_metadata.get_ddl('INDEX','PK_DEPT','SCOTT')fromdual;2.得到一个用户下的所
    • oracle怎么只导出索引,oracle存储过程导出索引 故事后来都变了 oracle怎么只导出索引
      oracle存储过程导出索引1、首先要建立一个directorycreateorreplacedirectoryDIR_DUMPas'd:/index';2、执行过程，在路径'd:/index'下有index.txt文件为导出所有索引的创建语句。createorreplaceprocedureindex_frameistypeindex_name_typeistableofuser_indexes
    • 计算机基础之操作系统——进程与线程管理（三） 查理养殖场 计算机八股服务器linux
      1、多进程与多线程怎么选择？多进程资源隔离性好、安全性高、支持并行，然而资源需求高、进程间通信复杂、上下文切换开销大；多线程轻量级、高度共享资源和数据、线程间通信简单、资源占用低、上下文切换开销小，然而隔离性差，容错性差。应用场景多进程：如果应用需要独立的地址空间和资源，或者需要在不同的安全上下文中运行，那么多进程可能是更好的选择。多线程：如果应用需要高度共享数据和资源，或者需要轻量级的任务并发，
    • 麒麟系统中删除权限不够的文件方法 乙龙 linuxkylin
      在麒麟系统中删除权限不够的文件，可以尝试以下几种方法：通过修改文件权限删除打开终端：点击左下角的“终端”图标，或者通过搜索功能找到并打开终端。定位文件：使用cd命令切换到文件所在的目录。修改文件权限：使用chmod命令修改文件权限，使当前用户具有读写执行权限。例如：chmod777文件名这里的777表示赋予所有用户对该文件的读、写、执行权限。删除文件：使用rm命令删除文件，例如：rm文件名如果需要
    • 学习笔记08——ConcurrentHashMap实现原理及源码解析 码代码的小仙女 高级开发必备技能哈希算法算法
      1.概述为什么需要ConcurrentHashMap？解决HashMap线程不安全问题：多线程put可能导致死循环（JDK7）、数据覆盖（JDK8）优化HashTable性能：通过细粒度锁替代全局锁，提高并发度对比表特性HashMapHashTableConcurrentHashMap线程安全否是是锁粒度无锁全局锁分段锁/CAS+synchronized并发性能高极低高Null键/值允许不允许不允
    • 2022-11-11 mysql-表间关联算法—BNL 悟世者 mysqlmysql算法数据库
      在MySQL中，多表关联一直是其处理不太好的地方。MySQL本身只支持一种表间关联方式，就是嵌套循环（NestedLoop）。如果关联表的规模较大，则执行时间会非常长。在5.5以后的版本中，MySQL通过引入多种算法来优化嵌套执行。下面就介绍其中的一种，BlockNested-Loop。1.准备工作(1).创建结构CREATETABLE`big_emp`(`empno`int(4)NOTNULL,
    • AI绘画工具Stable Diffusion+ComfyUI的配置 AIGC龙哥 AI作画stablediffusiongpt-3文心一言DALL·E2
      ComfyUI是一个基于图形用户界面的开源工具，用于搭建和运行复杂的图像生成和处理工作流。它主要围绕使用StableDiffusion模型来生成高质量的图像。这种工具通常允许用户通过拖放不同的模块或节点，定义数据处理和生成流程，然后通过这些流程生成图像。ComfyUI的核心功能包括图形化工作流设计：用户可以通过连接不同的模块或节点（例如，模型加载、图像处理、生成等）来构建自定义的图像生成流程。支持
    • MySQL的日期时间类型 大地爱 面试学习路线阿里巴巴mysql数据库
      一MySQL的日期时间类型MySQL数据库的日期时间类型有date、time和datetime类型，还有timestamp类型，在Java代码中无论日期时间是什么样的格式，转换sql语句时统一为yyyy-MM-ddHH:mm:ss.S(Timestamp)的格式，创建案例简单演示。1.1创建数据库表CREATETABLE`apple`(`id`varchar(255)DEFAULTNULL,`da
    • STM32之按键检测 最爱是生活 stm32嵌入式硬件单片机
      KEY是按键，接PE2口，LED灯，接PC0口，使用STMF103ZET6，则用按键控制小灯亮灭的标准库程序如下：#include"led.h"//Deviceheader#include"key.h"#include"SysTick.h"intmain(){SysTick_Init(72);Led_Init();Key_Init();while(1){if(GPIO_ReadInputDataB
    • idea将某个分支的某些提交记录提交到另一分支 墨明&棋妙 ideajavaspringbootintellij-ideagitspringcloud
      1、Idea将某个分支的某些提交记录提交到另一分支（1）切换到合并的目标分支（2）找到源分支和需要合并的源分支记录（3）选中需要合并的记录后，点击“Cherry-Pick”图标，（4）在目标分支中(当前就是目标分支)，点击提交代码，完成合并
    • 数据库学习笔记一 Ziguangkkk 数据库数据库学习笔记
      数据库基础概念数据库定义：数据库（DataBase）是专门用于存储数据的仓库，可类比为数据的“存放地”。数据库分类：分为关系型数据库和非关系型数据库。关系型数据库中表与表之间存在关联关系，所有关系型数据库需遵循1999年制定的SQL标准，语法上90%相似，10%为各自“方言”；非关系型数据库中表相互独立，无统一标准，不同数据库语法各异。主流关系型数据库介绍Oracle数据库：由美国甲骨文公司开发，
    • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
      目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
    • Schema与数据类型优化 annan211 数据结构mysql
      目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
    • 第一节 HTML概要学习 chenke htmlWebcss
      第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
    • MyEclipse里部分习惯的更改 Array_06 eclipse
      继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
    • 近一个月的面试总结 cugfy 面试
      本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
    • HTML5一个小迷宫游戏 357029540 html5
           通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
    • 10步教你上传githib数据 张亚雄 git
      官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
    • MongoDB常用操作命令大全 adminjun mongodb操作命令
      成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
    • bat调用jar包并传入多个参数 aijuans
      下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
    • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
        在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
    • 导出数据库 提示 outfile disabled BigBird2012 mysql
      在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
    • Javascript 中的 && 和 || bijian1013 JavaScript&&||
              准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
    • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
      为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
    • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
      package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
    • 运维的一些面试题 yuxianhua linux
      1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
    • Java lang包-Boolean BrokenDreams boolean
               Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
    • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
    • matlab下GPU编程笔记 cherishLC matlab
      不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
    • SVN安装过程 crabdave SVN
      SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
    • sql　行列转换 daizj sql行列转换行转列列转行
      行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
    • MySQL--主从配置 dcj3sjt126com mysql
      linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
    • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
      rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
    • sublime text3 中文乱码解决 dyy_gusi Sublime Text
      sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
    • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
      CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
    • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
      Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
    • 第四章 Lua模块开发 jinnianshilongnian nginxlua
      在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
    • java.lang.reflect.Proxy liyonghui160com
        1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
    • Java中getResourceAsStream的用法 pda158 java
      1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
    • spring 包官方下载地址（非maven） sinnk spring
      SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
    • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
          哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他