Faith1460
Faith1460

原生javascript实现拖拽改变table表格行高（html）

最近在做一个OA的项目，里面需要大量的表格操作。有一些是使用html中的table去模拟excel的功能，等项目做完，我会把这些好玩的功能抽取出来，做一个html的excel插件。
  今天先和大家分享下怎么实时拖拽改变table的行高。拖拽改变列宽的功能网上很多，但是拖拽改变行高的我搜了很久，也没有发现可以用的。所以利用原有改变列宽的模版，自己写了一个原生javascrript改变行高的模版。
  我已经把demo源文件放在文章最下面，大家可以点击下载。
整个案例非常简单，首先是html内容。


<html>
<head>
    <META http-equiv=content-Type content="text/html; charset=utf-8">
    <style>
    #tbl{
        border-collapse:collapse;
    }
    #tbl td{
        height: 70px;
        width: 100px;
        border: 1px solid black;
    }

    style>
head>
<body>
<table id="tbl" cellspacing="1" cellpadding="5"  >
    <tr><td>标题一td><td>标题二td><td>标题三td><td>标题四td>tr>
    <tr><td >内容Atd><td >内容Btd><td >内容Ctd><td >内容Dtd>tr>
    <tr><td >内容Atd><td >内容Btd><td >内容Ctd><td >内容Dtd>tr>
    <tr><td >内容Atd><td >内容Btd><td >内容Ctd><td >内容Dtd>tr>
table>
body>
html>

再下面是javascrript函数。

<script language="javascript">
//获取头部td集合
var tblObj = document.getElementById("tbl");
//如果不用数组，最后遍历的时候不能有【】这个来选取元素
var headerRows=new Array();
for (var i = 0; i < tblObj.rows.length; i++) {
    //只有rows这个能选，col要先选rows，然后用cells
    headerRows[i]=tblObj.rows[i].cells[0];
}

var headerTds = document.getElementById("tbl").rows[0].cells;
var mousedown = false;
var resizeable = false;
var targetTd;
var screenYStart =0;
var tdHeight = 0;
var headerHeight = 0;

for(var i = 0;i//添加头部单元格事件
    addListener(headerRows[i],"mousedown",onmousedown);
    addListener(headerRows[i],"mousemove",onmousemove);
}

function onmousedown(event){
    if (resizeable == true){
        var evt =event||window.event;
        mousedown = true;
        screenYStart = evt.screenY;
        tdHeight = targetTd.offsetHeight;
        headerHeight = tblObj.offsetHeight;
    }
}
function onmousemove(event){
    var evt =event||window.event;
    var srcObj = getTarget(evt);
    //rowIndex是未定义！！！cellIndex是好用的。我应该获取的是tr的rowindex
    //获取偏移 这里是鼠标的偏移
    var offsetY = evt.offsetY 
    if (mousedown == true){
        var height = (tdHeight + (evt.screenY - screenYStart)) + "px";//计算后的新的宽度
        targetTd.style.height = height;
        tblObj.style.height = (headerHeight + (evt.screenY - screenYStart)) + "px";
    }else{
        if(srcObj.offsetHeight - evt.offsetY <=8){//实际改变本单元格
            targetTd=srcObj;
            resizeable = true;
            srcObj.style.cursor='row-resize';//修改光标样式
        }else if(evt.offsetY <=8){ //&& srcObj.parentNode.rowIndex > 0){//实际改变前一单元格，但是表格左边框线不可拖动
            targetTd=tblObj.rows[srcObj.parentNode.rowIndex - 1].cells[0];
            resizeable = true;
            srcObj.style.cursor='row-resize';
        }else{
            resizeable = false;
            srcObj.style.cursor='default';
        }
    }  
}

document.onmouseup = function(event){
    tartgetTd = null;
    coltargetTd= null;
    resizeable = false;
    mousedown = false;
    colmousedown = false;
    colresizeable = false;
    document.body.style.cursor='default';
}
function getTarget(evt){
    return evt.target || evt.srcElement;
}
function addListener(element,type,listener,useCapture){
    //这是两种写法，对应不同浏览器
    element.addEventListener?element.addEventListener(type,listener,useCapture):element.attachEvent("on" + type,listener);
}

script>

demo下载地址

你可能感兴趣的:(原生javascript)

  • 原生JavaScript封装AJAX、JSONP DannyCloud
    转载自：http://ghmagical.com/article/page/id/AASiankfBJWp
  • Vue中的数据请求 nerao VueVue
    数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax(一般需要我们结合Promise去封装，使用不是很便利，但是效率很高)fetch(本身结合了Promise,并且已经做好了封装，可以直接使用)使用别人封装好的第三方库目前最流行的，使用率最高的是axiosvue中我们最常使用的vue1.x的版本提供了一个封装库vue-resource,但是到了vue2.x
  • 【删除数组用delete和Vue.delete有什么区别】 Zzexi vue前端js
    删除数组用delete和Vue.delete有什么区别？在JavaScript中，delete和Vue.js中的Vue.delete是两个完全不同的概念，它们在删除数组元素时的作用和效果也有所不同。JavaScript中的delete关键字：在原生JavaScript中，delete是一个操作符，用于删除对象的属性。然而，当尝试使用delete来删除数组中的元素时，它实际上是将该位置的元素设置为u
  • axios dawn JavaScriptaxiosJavaScriptvue+elementUI
    2022年10月11日，在《AXAJ与JavaScript中的异步编程元素》文章中我总结了对于前端开发者中需要了解和掌握的8种异步编程元素，其中XMLHTTPRequest很关键，它是原生JavaScript提供的用于发送HTTP请求的对象，用于在前端与服务器进行数据交互。XMLHTTPRequest提供了基本的网络请求功能，但使用起来相对繁琐，需要编写大量的代码来处理不同阶段的请求、响应和错误，
  • 放个烟花迎接龙年春节吧
    不知不觉即将迎来2024龙年春节了。龙的形象在中国传统文化中有着广泛的应用，比如在传统文化中，龙代表着权力、威严、吉祥和神灵的象征，同时也是生命力和繁荣的象征。今天的文章将用原生JavaScript和CanvasAPI实现一个烟花的效果，效果如下所示，在放烟花的过程中将「龙年大吉」的文字逐渐显示出来。接下来开始具体的代码实现过程，针对重点实现代码进行解析，详情完整代码请看源码实现。烟花效果通常由多
  • vue事件绑定 Mr Robot vue.js前端javascript
    vue事件绑定基本用法Vue提供了v-on指令来监听DOM事件，在事件绑定上，类似原生JavaScript的onclick事件写法，也是在HTML上进行监听。基本用法Vue中的事件绑定，使用v-on：事件名=函数名来完成，这里函数名定义在Vue实例的methods对象中，Vue实例可以直接访问其中的方法。语法规则：v-on:事件名.修饰符=方法名()|方法名|简单的JS表达式简写:@事件名.修饰符
  • vue动态配置title、keywords、description、字体文件 白衣诗人
    字体文件动态配置这里需要用到原生javascript中的document，querySelector，setAttribute。需要在index.html中写入下列代码，也就是link，这里需要增加一个name值。name的值可以自己定义可以在main.js中读取后台icon配置，也可以单独js配置。读取到后台的icon配置后，通过下面的代码写入配置,这样就不用每次修改icon配置都修改代码，只需
  • VUE&Element&综合案例 重生之我是泰勒 JavaWebvue.js前端javascript
    VUE&Element今日目标：能够使用VUE中常用指令和插值表达式能够使用VUE生命周期函数mounted能够进行简单的Element页面修改能够完成查询所有功能能够完成添加功能1，VUE1.1概述接下来我们学习一款前端的框架，就是VUE。Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。我们之前也学习过后端的框架Mybatis，Mybatis是用来简化jdbc代码编写
  • 使用JavaScript实现一个复杂功能：自定义拖拽排序列表 刻刻帝的海角 javascript开发语言ecmascript
    在Web开发中，拖拽排序是一个常见的需求。它允许用户通过拖拽的方式重新排列列表项的顺序。本文将介绍如何使用原生JavaScript实现这一功能功能描述我们要实现的功能是：创建一个可拖拽的列表，用户可以通过鼠标拖拽列表项到任意位置，并实时显示拖拽后的排序结果。实现步骤HTML结构首先，我们需要创建一个HTML结构来表示列表。每个列表项用一个标签表示拖拽排序列表/*样式将在后面添加*/Item1Ite
  • 【JavaScript】fetch 小秀_heo JavaScriptjavascript开发语言ecmascript
    fetchResponseHeadersajax&axios&fetch的关系:ajax：ajax是一种基于原生JavaScript的异步请求技术。它使用XMLHttpRequest对象来发送请求和接收响应。axios：axios是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中使用。它提供了更高级别的封装，使发送请求和处理响应更加简单和灵活。fetch：fetch是浏览器内
  • 放个烟花迎接龙年春节吧 南城FE 南城前端专栏前端JS那些事npm前端javascriptcanvas
    不知不觉即将迎来2024龙年春节了。龙的形象在中国传统文化中有着广泛的应用，比如在传统文化中，龙代表着权力、威严、吉祥和神灵的象征，同时也是生命力和繁荣的象征。今天的文章将用原生JavaScript和CanvasAPI实现一个烟花的效果，效果如下所示，在放烟花的过程中将「龙年大吉」的文字逐渐显示出来。接下来开始具体的代码实现过程，针对重点实现代码进行解析，详情完整代码请看源码实现。烟花效果通常由多
  • JavaScript 习题及面试题 3 淹死的鱼pp 前端开发js习题面试
    365.[问答题]原生JavaScript中兼容浏览器绑定元素事件----------------------------------------------------------------------------------------------------------------------------来自：原生Javascript编程练习题参考：functionaddEventSamp
  • 100个原生JavaScript使用功能代码片段 小棋子js
    100个原生JavaScript使用功能代码片段目录1、原生JavaScript实现字符串长度截取2、原生JavaScript获取域名主机3、原生JavaScript清除空格4、原生JavaScript替换全部5、原生JavaScript转义html标签6、原生JavaScript还原html标签7、原生JavaScript时间日期格式转换8、原生JavaScript判断是否为数字类型9、原生Ja
  • Vue简单了解 小林学习编程 vue.jshtmljs
    文章目录1、什么是Vue2、Vue快速入门3、Vue常用指令3.1、v-text&v-html3.2、v-if&v-show3.3、v-for3.4、v-on3.5、v-bind3.6、v-model4、Vue生命周期1、什么是VueVue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程关注
  • 高性能前端UI库 SolidJS | 超棒 NPM 库 王乐平 前端uinpm
    SolidJS是一个声明式的、高效的、编译时优化的JavaScript库，用于构建用户界面。它的核心特点是让你能够编写的代码既接近原生JavaScript，又能够享受到现代响应式框架提供的便利。SolidJS的设计哲学强调了性能与简洁性。它不使用虚拟DOM（VirtualDOM），而是通过编译时的静态分析生成高效的真实DOM更新指令。这种方法使得SolidJS在性能方面非常出色，尤其是在渲染和更新
  • 十个最常见的jQuery面试问题及答案 强哥科技兴
    JavaScript是客户端脚本的标准语言，而jQuery使得编写JavaScript更加简单。你可以只用写几行的jQuery代码就能实现更多的东西.它是最常被用到的JavaScript库之一，并且现在已经很少有不用jQuery而使用原生JavaScript的新项目了。这对于作为一个Javaweb开发者的你而言意味着你会在一场Javaweb开发面试中发现许多jQuery的面试问题.早些时候，绝大部
  • vue的简单认识 机跃 vue.js前端javascript
    vue是一套前段框架，免除了原生JavaScript中的dom的繁杂操作，简化书写。vue基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的重点放在数据上。简单说就是，我们会把操作数据库的程序简单分为3层：展现层，业务逻辑层和数据层，如果不用vue，我们想在展示层上展示出数据层的信息或者信息的变化，我们只能通过业务逻辑层向数据层获取数据然后在把数据传给展示层
  • Vue框架入门基础知识 今年不养猪只除草 vuevue.js前端javascript
    什么是Vue？Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写框架:是一个半成品软件，是一套可重用的、通用的、软件基础代码模型。基于框架进行开发，更加快捷、更加高效。基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上好处低耦合：一个ViewModel可以绑定多个View可复用：可以放一些视图逻辑在ViewModel上
  • 原生Javascript使用fetch发起请求_模拟get|post|文件流下载等 金色888
    有时候，我们无法借助熟悉的jquery发起请求，原生JS里是支持fetch函数的，这是个高度封装的方法，帮助我们做了很多底层的封装，下面列举一些发起请求的示例：1-发起Get请求：复制代码//httpGet请求varhttpGet=asyncfunction(getUrl){varopts={method:"GET",credentials:'include'//强制加入凭据头}awaitfetc
  • js原生方式发送http请求 小灰灰-58 JAVA基础javascripthttp开发语言
    1.基本原理使用原生JavaScript调用API可以通过XMLHttpRequest对象来发送HTTP请求。下面是一个示例代码：varxhr=newXMLHttpRequest();//创建XMLHttpRequest对象xhr.open('GET','https://api.example.com/data');//设置请求的URL和类型（这里为GET）xhr.onreadystatechan
  • 第十五章 AJAX请求 幸运小新 JavaWebajax前端javascript
    第十五章AJAX请求1.什么是AJAX请求2.原生JavaScript的AJAX的请求示例3.AJAX请求的特点说明4.jQuery的AJAX方法5.jQuery的get和post方法6.jQuery的getJSON方法7.jQuery的serialize方法1.什么是AJAX请求2.原生JavaScript的AJAX的请求示例用下面的页面来展示AJAX请求其中就绑定了一个单机事件下面就是这个页面
  • HarmonyOS鸿蒙应用开发——原生与H5通信框架DSBrigde-HarmonyOS H.ZWei HarmonyOS应用开发harmonyosDSBridgewebh5javascript
    文章目录介绍安装使用原生JavaScript进度回调参考介绍HarmonyOS版的DSBridge，通过本库可以在鸿蒙原生与JavaScript完成交互，相互调用彼此的功能。目前兼容Android、iOS第三方DSBridge库的核心功能，基本保持原来的使用方式，可以放心接入到项目中，后续会持续迭代保持与Android库相同的功能，减少前端和客户端的适配工作。支持的功能：支持以类的方式集中统一管理
  • 原生Javascript实现表格行上下拖拽 Dreamy_lin 前端drag拖拽表格javascript
    拖放事件：拖动元素时，依次触发的事件dragstart按下鼠标并移动时触发drag拖动期间持续触发dragend松开鼠标触发拖动到有效的放置目标上时，依次触发dragenter元素被拖到放置目标上dragover被拖元素在放置目标内移动，持续触发dragleave元素被拖到放置目标外触发drop元素被拖到有效的放置目标上（默认无效），并松开鼠标触发实现代码：tabletr,th{padding:3
  • JS如何请求接口数据 m0_73734137 javascript开发语言ecmascript
    在JavaScript中，可以使用AJAX（AsynchronousJavaScriptandXML）技术与服务器进行异步通信。AJAX允许您通过发送HTTP请求从服务器获取数据，并在无需刷新整个页面的情况下更新部分页面内容。以下是使用原生JavaScript实现AJAX的基本步骤：创建XMLHttpRequest对象：使用XMLHttpRequest构造函数创建一个新的XMLHttpReques
  • driver.js自定义用户引导样式 写bug断了电 CSS样式javascript前端htmldriverjs
    下面介绍引用来源Driver.js首页、文档和下载-轻量无依赖的页面着重显示库-OSCHINA-中文开源技术交流社区软件简介Driver.js是一个强大的，轻量级，使用原生JavaScript引擎开发的库，用于在页面聚焦用户的关注点。它支持所有主流浏览器，并且可高度自定义。Driver.js并不仅仅是一个指南性质的库，其用户场景非常广泛，能够用于任何需要为页面构建浮层的情况，譬如当用户需要与某些元
  • 使用原生JavaScript代码将HTML保存为图片 氷凌公子 javascripthtml开发语言
    背景有朋友了解了我上篇svg绘制中国象棋棋盘后，想要将其使用代码保存下来，正好今天有时间，顺便给大家介绍一下我的解决方案。代码MyfirstSVGSvg保存Jpeg保存Png保存functionsvgSave(){letsvg=document.querySelector("svg").outerHTML;letsrc='data:image/svg+xml;base64,'+btoa(unesc
  • 原生js浪费性能吗？ Z_B_L javascript前端开发语言
    首先举一个例子：我要更新10个DOM节点,浏览器会一个一个的进行更新,但它更新第一个的时候并不知道后面还有9个,所以会一个一个执行,共执行10次。每一次的更新都要去计算，但更新后DOM树变化了，更新第二个的时候，前一次计算的就没法再利用了，还需要再计算。白白浪费性能。但从JavaScript本身来看，原生JavaScript本身并不会浪费性能，但是编写不合理的JavaScript代码可能会导致性能
  • Web直播之HTTP-FLV协议：flv.js Crisyhuang
    视频直播服务目前支持3种直播协议：RTMP、HLS、HTTP-FLV。本文主要讲解在Vue项目中如何使用flvjs播放器播放flv流。Flv.js是HTML5Flash视频（FLV）播放器，纯原生JavaScript开发，没有用到Flash。1.准备工作cnpminstall--saveflv.js2.代码实战importflvjsfrom'flv.js'exportdefault{data(){
  • web前端之拖拽API、vue3实现图片上传拖拽排序、拖放、投掷、复制、若依、vuedraggable 蒙尸凶MJ682517 Vueweb前端elementUi前端vue.jswebelementvuedraggable
    MENUvue2+html5+原生dom+原生JavaScript实现跨区域拖放vue2实现跨区域拖放vue2+mousedown实现全屏拖动，全屏投掷vue3+element-plus+vuedraggable实现图片上传拖拽排序vue2+transition-group实现拖动排序原生拖拽排序vue2+html5+原生dom+原生JavaScript实现跨区域拖放关键代码//放function
  • 【HTML】为 radio 元素添加 change 事件监听器 zzoood htmlhtml前端
    目录使用原生JavaScript使用jQuery在Angular中在React中使用原生JavaScript在Web开发中，为元素添加事件监听器是常见的需求，比如给单选框（radio）元素添加change事件监听器，以便在用户改变选项时执行特定的逻辑。以下是几种常用的方法来实现这一目标：使用原生JavaScript你可以使用原生JavaScript的addEventListener方法来给单选框添
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他