利用修改div的位置+js对象存储div信息 实现简单的div自定义布局功能

利用修改div的位置+js对象存储div信息 实现简单的div自定义布局功能
1.在界面上添加几个checkbox和一个接收动态添加div的容器

<div>

        功能区域

        <br />

        <input id="1" type="checkbox" value="新闻" name="11" />新闻

        <input id="2" type="checkbox" value="公告" name="22" />公告

        <input id="3" type="checkbox" value="动态" name="33" />动态

    </div>

    <div id="ADD">

    </div>


2.创建DIV对象和对象数组

function DivObj(id, move, x, y) {

        this.ID = id;

        this.Move = move;

        this.X = x;

        this.Y = y;

        this.width = 400;

        this.height = 300;

        return this;

    }

    var DivArray = [];

 

3.在入口函数里面对checkbox的点击事件进行处理

$(function () {

        $(":checkbox").click(function () {

            if ($(this).prop("checked")) {

                //alert($(this).val());

                $("#ADD").append('<div id="' + $(this).val() + '" class="divClass">' + $(this).val() + '<br/></div>');

                //每次添加一个DIV，都初始化div的事件处理

                divevent($(this).val());

                //调用ajax获取指定功能的URL，然后再去或者数据

            }

            else {

                $("#" + $(this).val()).remove();

            }

        });

    });


4.添加DIV的点击,鼠标移动,释放鼠标点击等事件的处理，动态设置DIV的宽和高

function divevent(id) {



        var isexist = false;

        var index = 0;

        for (var i = 0; i < DivArray.length; i++) {

            if (DivArray[i].ID == id) {

                isexist = true;

                index = i;

                break;

            }

        }

        if (!isexist) {

            index = DivArray.length;

            var object = new DivObj(id, false, 20 * index + 100, 20 * index + 60);

            DivArray.push(object);

        }

        var _x, _y;//鼠标离控件左上角的相对位置

        //alert(PageArray[index].X);

        $("#" + id).css({ top: DivArray[index].Y, left: DivArray[index].X });



        $("#" + id).css({ width: DivArray[index].width, height: DivArray[index].height });

        $("#" + id).click(function () {

            //$("#" + id).css({z-index: 99999});

            $("#" + id).css({"z-index":99999});

        //alert("click");//点击（松开后触发）

    }).mousedown(function (e) {

        DivArray[index].Move = true;

        _x = e.pageX - parseInt($("#" + id).css("left"));

        _y = e.pageY - parseInt($("#" + id).css("top"));

        $("#" + id).fadeTo("fast", 1);//点击后开始拖动并透明显示

    });

    $(document).mousemove(function (e) {

        if (DivArray[index].Move) {

            var x = e.pageX - _x;//移动时根据鼠标位置计算控件左上角的绝对位置

            var y = e.pageY - _y;

            $("#" + id).css({ top: y, left: x });//控件新位置

            DivArray[index].X = x;

            DivArray[index].Y = y;

            //$("#" + id).html(id + "X：" + x + "Y：" + y + "<br/>");

        }

    }).mouseup(function () {

        DivArray[index].Move = false;

        $("#" + id).fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明

        $("#" + id).css({ "z-index": -1 });

    });



    $("#" + id).append('宽：<input type="text" value="' + DivArray[index].width + '"  onblur="$(this).parents().css({ width: $(this).val()});"  mousemove="return;" click="return;" mouseup="return;"/><br/>高：<input type="text" value="' + DivArray[index].height + '" onblur="$(this).parents().css({ height: $(this).val()});" mousemove="return;" click="return;"  mouseup="return;"/>');

    }

运行结果

利用修改div的位置+js对象存储div信息 实现简单的div自定义布局功能

整体代码

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>test</title>

    <style type="text/css">

        .divClass {

            position: absolute;

            border: 1px solid #333333;

            background-color: #777788;

            text-align: center;

            line-height: 400%;

            font-size: 13px;

            z-index: -1;

        }

    </style>

</head>



<body>

    <div>

        功能区域

        <br />

        <input id="1" type="checkbox" value="新闻" name="11" />新闻

        <input id="2" type="checkbox" value="公告" name="22" />公告

        <input id="3" type="checkbox" value="动态" name="33" />动态

    </div>



    <div id="ADD">



    </div>



    <!--<div id="mag" style="margin-bottom:0px"></div>-->

</body>

</html>

<script src="../Scripts/jquery-1.8.2.js"></script>

<script>

    function DivObj(id, move, x, y) {

        this.ID = id;

        this.Move = move;

        this.X = x;

        this.Y = y;

        this.width = 400;

        this.height = 300;

        return this;

    }

    var DivArray = [];

    $(function () {

        $(":checkbox").click(function () {

            if ($(this).prop("checked")) {

                //alert($(this).val());

                $("#ADD").append('<div id="' + $(this).val() + '" class="divClass">' + $(this).val() + '<br/></div>');

                divevent($(this).val());

                //调用ajax获取指定功能的URL，然后再去或者数据

            }

            else {

                $("#" + $(this).val()).remove();

            }

        });





    });



    function divevent(id) {



        var isexist = false;

        var index = 0;

        for (var i = 0; i < DivArray.length; i++) {

            if (DivArray[i].ID == id) {

                isexist = true;

                index = i;

                break;

            }

        }

        if (!isexist) {

            index = DivArray.length;

            var object = new DivObj(id, false, 20 * index + 100, 20 * index + 60);

            DivArray.push(object);

        }

        var _x, _y;//鼠标离控件左上角的相对位置

        //alert(PageArray[index].X);

        $("#" + id).css({ top: DivArray[index].Y, left: DivArray[index].X });



        $("#" + id).css({ width: DivArray[index].width, height: DivArray[index].height });







        $("#" + id).click(function () {

            //$("#" + id).css({z-index: 99999});

            $("#" + id).css({"z-index":99999});

        //alert("click");//点击（松开后触发）

    }).mousedown(function (e) {

        DivArray[index].Move = true;

        _x = e.pageX - parseInt($("#" + id).css("left"));

        _y = e.pageY - parseInt($("#" + id).css("top"));

        $("#" + id).fadeTo("fast", 1);//点击后开始拖动并透明显示

    });

    $(document).mousemove(function (e) {

        if (DivArray[index].Move) {

            var x = e.pageX - _x;//移动时根据鼠标位置计算控件左上角的绝对位置

            var y = e.pageY - _y;

            $("#" + id).css({ top: y, left: x });//控件新位置

            DivArray[index].X = x;

            DivArray[index].Y = y;

            //$("#" + id).html(id + "X：" + x + "Y：" + y + "<br/>");

        }

    }).mouseup(function () {

        DivArray[index].Move = false;

        $("#" + id).fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明

        $("#" + id).css({ "z-index": -1 });

    });



    $("#" + id).append('宽：<input type="text" value="' + DivArray[index].width + '"  onblur="$(this).parents().css({ width: $(this).val()});"  mousemove="return;" click="return;" mouseup="return;"/><br/>高：<input type="text" value="' + DivArray[index].height + '" onblur="$(this).parents().css({ height: $(this).val()});" mousemove="return;" click="return;"  mouseup="return;"/>');

    }

</script>

 

你可能感兴趣的:(js对象)

  • Python全栈 part02 - 006 Ajax drfung
    JSON定义:JSON(Javascriptobjectnotation,JS对象标记)是一种轻量级的数据交换格式;是基于ECMASCript(w3cjs规范)的一个子集.JS-JSON-Python.pngJSON对象定义需要注意的点属性名必须用"(双引号)不能使用十六进制值不能使用undefined不能使用函数名和日期函数stringify与parse方法JSON.parse()将一个JSON
  • JSON：轻量级的数据交换格式 Tsingfeng. 基础释疑json
    JSON（JavaScriptObjectNotation,JS对象简谱）是一种轻量级的数据交换格式。它基于ECMAScript（EuropeanComputerManufacturersAssociation,欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生
  • js对象常用方法和es6对象新增方法 含含要暴怒
    对象解构：基本；有剩余值运算符...rest；有默认值；解析对象不分顺序（变量名要和键名一致）；解构对象.png【对象】1.对象的简写（变量名和对象的键一致的时候才可以）；2.对象属性表达式[]；3.对象的拷贝合并Object.assign()；4.对象扩展...{...a,...b}复制与合并对象；【对象数据类型的弱点】1.对象的键名只能是字符串或者symbol；2.对象没有顺序；3.对象的长度
  • JavaScript初级——JSON Fan_web 前端学习分享javascriptjson前端css开发语言html
    1、JS中的对象只有JS自己认识，其他的语言都不认识。2、JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别，并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互。3、JSON——JavaScriptObjectNotation——JS对象表示法4、JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号，其他的和JS语法一致。5、JSON分类：①对象
  • 如何限制JS对象属性的配置 小鱼旋子
    JavaScript里对象的属性是公开的，一般是不受保护的，即属性的修改/添加/添加不受限制，但是在一些应用情境下，又需要对对象的属性做一些限制。第一种情况：对属性的修改、增加、删除做限制Object.preventExtensions()限制了不能向对象中新添加属性和方法了但可以修改对象中存在的属性，也可以删除原有属性和方法Object.isExtensible()：可以确定对象是否为可篡改，如
  • 【C++】jsoncpp的安装与使用 Tanswer_ C/C++jsonjsoncpp
    一、JSON的简单介绍JSON(JavaScriptObjectNotation)：JS对象表示法是轻量级的文本数据交换格式；独立于语言，JSON解析器和库支持多种编程语言json文件的文件类型是”.json”语法规则：数据在名称/值对中名称在双引号中，后面写一个冒号，然后是值值可以是：数字(整数或者浮点数)、string(在双引号中)、逻辑值(true/false)、数组(在[]中)、对象(在花
  • js对象操作常用方法 人间小趴菜 javascript前端开发语言
    一、创建对象1.字面量创建//字面量创建letobj={a:1}2.构造函数创建//构造函数创建functionPerson(name,age){this.name=name;this.age=age;}letperson=newPerson('Bob',12);二、访问对象属性1.点符号letobj={a:1}obj.a2.方括号letobj={a:1}obj['a']//1三、添加属性obj.
  • vue响应式原理 .YoIo vue.js前端javascript
    对于响应式原理，我们先了解vue是一个MVVM结构的框架；也就是数据层、视图层、数据-视图层；响应式的原理就是实现当数据更新时，视图层也要相应的更新，基于响应式原理我们可以使数据驱动视图的实现变得简单而高效一、响应式原理对于Vue2中的响应式处理来说，他基于js的object.defineProperty（）方法的。它的原理主要是如下几步实现的：1、数据劫持：在vue中，当你把一个普通js对象传给
  • gui.js可视化插件的使用 我爱吃干果 three.jsGUIjavascript开发语言前端
    gui插件是一个可以与前端界面相结合更改js对象属性值的插件，在平常的前端开发中我们可以使用控制台的打印工具看自己调试的值。但是在进行三维可视化开发时，一个好的角度和材质的取值是非常重要的，而这点用肉眼是看不出来的，最好的方法就是一点一点的在界面上去试，但是没改变一次就重启一个项目，比较麻烦，因此就需要gui.js来修改threejs中一些属性值，可以辅助我们以更快，更直观的方式对模型的材质和位置
  • 鸿蒙（API 12 Beta3版）【使用Image完成图片解码】图片开发指导依赖JS对象 移动开发技术栈 鸿蒙开发harmonyosopenharmony媒体鸿蒙图片依赖解码
    图片解码指将所支持格式的存档图片解码成统一的[PixelMap]，以便在应用或系统中进行图片显示或[图片处理]。当前支持的存档图片格式包括JPEG、PNG、GIF、WebP、BMP、SVG、ICO、DNG。开发步骤添加依赖在进行应用开发之前，开发者需要打开native工程的src/main/cpp/CMakeLists.txt，在target_link_libraries依赖中添加libace_n
  • 实现一个简单的react框架 -- (Fiber架构) nie-ny reactreactjs
    简介本文将从头开始编写一个简单的类react框架。用于理解fiber原理和hooks的实现，轻松地深入React代码库。React.createElement我们从编写createElement开始，这个函数主要用于把JSX转换成虚拟DOM（js对象）。这里我们使用@babel/plugin-transform-react-jsx这个插件自动转换。//jsxconstelement=(name)/
  • 前端 Vue启动本地（.exe）文件 fruge 前端前端vue.jsjavascript
    首先，启动本地的.exe文件的方式有以下两种:方式1:通过使用JS打开本地exe文件。但是一般的浏览器，由于安全问题，都会禁止掉这个JS对象，这就导致部分浏览器不支持该种方式。方式2:利用浏览器外部协议（URLProcotol）打开本地exe文件。简单来说通过修改注册表信息，然后在项目中通过超链接或路由跳转的方式触发。话不多说上代码。这里简单对方式2进行测试:demo.regWindowsRegi
  • JS面向对象--2 对象和JSON的区别 FF_C
    JSON就是javascriptobjectnotation,JS对象表示法，是JS对象的严格子集区别就是引号：JSON要求所有的键必须加双引号，而JS对象实际上不要求双引号这就是一个标准JSONvarobj={"name":"小明","age":"12","sex":"男","married":false}alert(obj.age)实际上不加引号也是合法的：varobj={name:"小明",
  • 从0实现react 第十人i
    项目地址:项目地地址参考地址:bilibili1.下载nodejs2.下载脚手架:npminstallcreate-react-app-g3.创建项目:create-react-appreact-test1.火热的0配置的打包工具parcel地址:parcel官网2.安装babel插件,将jsx语法转换成js对象(虚拟DOM)npminstallbabel-corebabel-preset-env
  • JavaWeb 小小李学java web
    目录1.初识Web前端2.HTML、CSS3.基础标签4.CSS样式5.CSS引入方式6.颜色表示形式7.CSS选择器8.超链接9.盒子模型10.JavaScript11.JS基础语法12.数据类型13.流程控制语句14.JS函数15.JS对象16.Vue17.Ajax18.前后端分离开发：19.YApi20.前端工程化21.Vue组件库Element22.打包部署23.Maven24.Sprin
  • JS对象 Object.assign() 长沙xtt JS进阶javascript开发语言ecmascript
    对象字面量JS中的对象：JavaScript对象是变量的内容放置变量或函数对象字面量是一种简单的键值对数据结构letobj={Pcode:{a:'1'},pName:'Apple',getData(){console.log(obj.Pcode,obj.pName);}};//添加属性//obj.Pcode=10001;//obj.pName='Apple';//obj.getData=funct
  • Web课程学习笔记--前端常见跨域解决方案 北航程序员小C Web学习笔记前端学习笔记
    前端常见跨域解决方案什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.)资源跳转：A链接、重定向、表单提交2.)资源嵌入：、、、等dom标签，还有样式中background:url()、@font-face()等文件外链3.)脚本请求：js发起的ajax请求、dom和js对象的跨域操作等其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类
  • js实现深拷贝的5种方式 Cupid510 javaScript
    实现深拷贝的方式JSON方法实现//_tmp和result是相互独立的，没有任何联系，有各自的存储空间。letdeepClone=function(obj){let_tmp=JSON.stringify(obj);//将对象转换为json字符串形式letresult=JSON.parse(_tmp);//将转换而来的字符串转换为原生js对象returnresult;};letobj1={weiqi
  • js对象利用object.assign实现递归深拷贝 qq_48378883 js常用库javascript前端开发语言
    constdeepClone=(data)=>{varcloneobj=Object.assign({},data)//拷贝单层对象for(varkeyindata){//循环if(typeofcloneobj[key]==='object'){//判断对象cloneobj[key]=deepClone(cloneobj[key])//递归拷贝}}returncloneobj//返回深拷贝后的对象
  • 13.JS实现深拷贝的方式 叫我阿东就行 前端面试JS手写篇javascript前端开发语言
    实现方式1（JSON.stringfy）JSON.parse(JSON.stringify(obj))是目前比较常用的深拷贝方法之一，它的原理就是利用JSON.stringify将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象。这个方法可以简单粗暴的实现深拷贝，但是还存在问题，拷贝的对象中如果有函数，undefined，symbol，当使用过JSON.str
  • 从零学习Nodejs(七)(最新详解版)JS对象(Date Math RegExp) i99
    JSDate对象Date对象是JavaScript内置的对象，通过它您可以访问计算机系统的时间，此外，Date对象中还提供了多种用于管理、操作和格式化时间/日期的方法。创建Date对象在开始处理时间和日期之前，我们需要先创建一个Date对象。与其他对象（数组对象、字符串对象等）不同，Date对象不能直接声明，必须通过Date()函数定义。JavaScript中提供了四种不同的方法来创建Date对象
  • React 中的diff 算法 去宇宙给你摘星 Reactreact.jsjavascript前端
    虚拟DOM和Diff算法问题：我们知道state更新组件的时候，只要state变化就重新渲染视图，如果组件中只有一个DOM元素需要更新时，也需要将整个组件内容重新渲染到页面中吗？回答：不是，虚拟DOM和Diff算法可以达到部分更新虚拟DOM：本质上是个js对象，用来描述页面UI（React元素就是虚拟DOM）执行过程React组件配合state创建一个虚拟DOM树根据虚拟DOM树，生成一个真正的D
  • 虚拟dom详解 _处女座程序员的日常 vue前端jsjavascript前端vue.js
    什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树。查看虚拟DOM：mounted(){console.log(this._vnode);},//vdom结构：javascriptvarvnode={tag:"h1",children:
  • 数组 _沙漏
    检测是否是数组：ES3检测是否是数组：Object.prototype.toString.call(要判断的变量)ES5检测是否是数组：Array.isArray()数组转字符串：join("分隔符")字符串转换数组：split("分隔符")js对象转换成js字符串：stringify()js字符串转换成js对象：parse()函数表达式与函数声明if(window.location.toStri
  • 使用Es5的严格模式，json对象，数组方法，function的扩展 949d30a09ba7
    在ES5的全局函数的第一句定位为“‘usestrict”开启了严格模式的作用必须使用var进行定义变量创建对象实例的时候，使用new来创建一个对象的实例创建eval中的作用域对象当中不能有重名的属性js对象（数组）转换为json对象（数组）JSON。stringify(obj/arr)JSON.parse(json)json对象(数组）转换为js对象（数组）object对象的拓展object.cr
  • JSON cmeizu
    JSON是JavaScriptObjectNotation的缩写，它是一种轻量级数据交换格式。JSON是javaScript的一个子集.JSON是js对象字符串表示法,用文本来表示对象,但本质上仍是一个字符串.JOSN用的是结构化来标记数据语法格式简单,层次清晰.数据方面所用的字符少,可节约数据传输所占带宽.参考:百度JSON简介
  • Js对象 X4vier
    真实生活中，一辆汽车是一个对象。对象有它的属性，如重量和颜色等，方法有启动停止等:所有汽车都有这些属性，但是每款车的属性都不尽相同。所有汽车都拥有这些方法，但是它们被执行的时间都不尽相同。js中定义对象this指向问题1：this永远指向一个对象；2：this的指向完全取决于函数调用的位置；上述代码中，fun函数被调用了两次，显而易见的是两次的结果不一样；很多人都会这样解释，obj.f()的调用中
  • js对象的深入理解（四-----精华篇） 感觉不错哦
    本篇将讲解js对象的存取器，介绍两个重要的对象方法为什么vue不兼容IE8，因为IE8不兼容ESMAScript5，Vue会将对象所有的属性遍历，使用Object.defineProperty把这些属性全部转为getter/setter.（存储器）在ES5中，对象的属性值可以用一个或两个方法代替，这两个方法就是getter和setter，由getter和setter定义的属性被称为存取器属性，它不
  • MVVM模型 walkerLing Vue复盘前端javascript开发语言vue.js前端框架
    MVVM模型M模型（Model）对应data中的数据（普通的JS对象）V视图（View）对应模板（Vue的模板经过解析形成的页面，页面生成的DOM结构）VMVue实例对象（ViewModel）整个绿色大盒子就是vue缔造的VM实例对象图中下方的线是把Model的数据通过DataBindings数据绑定送到View的模板实例对象上，上方的线是对DOM结构进行监听，若发生数据改动则通过DOMliste
  • 前端工程化之：webpack3-4(css in js) 小李老笨了 前端cssjavascript
    一、cssinjscssinjs的核心思想是：用一个JS对象来描述样式，而不是css样式表。例如下面的对象就是一个用于描述样式的对象：conststyles={backgroundColor:"#f40",color:"#fff",width:"400px",height:"500px",margin:"0auto"}由于这种描述样式的方式根本就不存在类名，自然不会有类名冲突。至于如何把样式应用到
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他