可编辑DIV （contenteditable="true"） 在鼠标光标处插入图片或者文字

 

近期需开发一个DIV做的编辑器，插入表情图片可直接预览效果，仔细参考了下百度贴吧的过滤粘贴过来文件的THML代码，自己整理了下。写出来只是和大家分享下，我自己也不大懂，经过努力，幸好搞定。

蛋疼的事情出来了，当编辑框失去焦点时候，再插入图片时候总是插入在最前面（谷歌和火狐，IE没问题）。还没搞定，，，

 

<!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-Language" content="zh-cn" /> 

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

<title>DIV可编辑框鼠标光标处插入图片或者文字。</title>

<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js

"></script>

<script type="text/javascript">

$(function(){

    $(".imgbox img").click(function(){

    $("#testdiv").focus();

    var sy = $(".imgbox img").index(this) + 1;

    var img_url = "<img src='faceimg/"+sy+".gif'>";

  

/*此处如果不是插入图片可这样：

var img_url = "插入测试的文字";

*/

    _insertimg(img_url);

 

    })

//注：如果要插入的是那种“快捷发言，快捷留言”里的文字，只需把那些文字都分别放在A标签里即可，然后img_url=a标签里面的内容。工作中的编辑器终于搞定！能插入图片和快捷发言和表情图片等。

})

 

 

//监控粘贴(ctrl+v),如果是粘贴过来的东东，则替换多余的html代码，只保留<br>

function pasteHandler(){

setTimeout(function(){

var content = document.getElementById("testdiv").innerHTML;

valiHTML=["br"]; 

content=content.replace(/_moz_dirty=""/gi, "").replace(/\[/g, "[[-").replace(/\]/g, "-]]").replace(/<\/ ?tr[^>]*>/gi, "[br]").replace(/<\/ ?td[^>]*>/gi, "&nbsp;&nbsp;").replace(/<(ul|dl|ol)[^>]*>/gi, "[br]").replace(/<(li|dd)[^>]*>/gi, "[br]").replace(/<p [^>]*>/gi, "[br]").replace(new RegExp("<(/?(?:" + valiHTML.join("|") + ")[^>]*)>", "gi"), "[$1]").replace(new RegExp('<span([^>]*class="?at"?[^>]*)>', "gi"), "[span$1]").replace(/<[^>]*>/g, "").replace(/\[\[\-/g, "[").replace(/\-\]\]/g, "]").replace(new RegExp("\\[(/?(?:" + valiHTML.join("|") + "|img|span)[^\\]]*)\\]", "gi"), "<$1>");

if(!$.browser.mozilla){

content=content.replace(/\r?\n/gi, "<br>");

}

document.getElementById("testdiv").innerHTML=content;

},1)

  

}

 

//锁定编辑器中鼠标光标位置。。

function _insertimg(str){

var selection= window.getSelection ? window.getSelection() : document.selection;

var range= selection.createRange ? selection.createRange() : selection.getRangeAt(0);

if (!window.getSelection){

document.getElementById('testdiv').focus();

var selection= window.getSelection ? window.getSelection() : document.selection;

var range= selection.createRange ? selection.createRange() : selection.getRangeAt(0);

range.pasteHTML(str);

range.collapse(false);

range.select();

}else{

document.getElementById('testdiv').focus();

range.collapse(false);

var hasR = range.createContextualFragment(str);

var hasR_lastChild = hasR.lastChild;

while (hasR_lastChild && hasR_lastChild.nodeName.toLowerCase() == "br" && hasR_lastChild.previousSibling && hasR_lastChild.previousSibling.nodeName.toLowerCase() == "br") {

var e = hasR_lastChild;

hasR_lastChild = hasR_lastChild.previousSibling;

hasR.removeChild(e)

}                                

range.insertNode(hasR);

if (hasR_lastChild) {

range.setEndAfter(hasR_lastChild);

range.setStartAfter(hasR_lastChild)

}

selection.removeAllRanges();

selection.addRange(range)

}

}

 

//监控按enter键和空格键，如果按了enter键，则取消原事件，用<BR/ >代替。此处还等待修改！！！！！！如果后端能实现各个浏览器回车键产生的P，div, br的输出问题话就无需采用这段JS、

function enterkey(){ 

e = event.keyCode; 

if (e==13||e==32) { 

   var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;

   event.returnValue = false;  // 取消此事件的默认操作 

   if(document.selection && document.selection.createRange){

    var myRange = document.selection.createRange();

    myRange.pasteHTML('<br />');

    }else if(window.getSelection){

var selection = window.getSelection();

var range = window.getSelection().getRangeAt(0);

range.deleteContents();

var newP = document.createElement('br');

range.insertNode(newP);

}

//alert(document.getElementById("testdiv").innerHTML)

} 

} 

</script>

<style type="text/css">

.editbox{width:400px;height:200px;border:1px solid #000; overflow-x:hidden; overflow-y:auto; outline:none;}

.editbox img{ margin:0 3px; display:inline;}

</style>

</head> 

<body>

<div id="testdiv" contenteditable="true" class="editbox" onkeydown="enterkey()" >可以在任意文字后面插入图片或者文字哦！<br /></div>

<div class="imgbox">

  <img src="faceimg/1.gif">

  <img src="faceimg/2.gif">

  <img src="faceimg/3.gif">

  <img src="faceimg/4.gif">

</div>

   

        

 

<script type="text/javascript">

//此处必须防止在最下端。

var edt = document.getElementById("testdiv");

if(edt.addEventListener){

edt.addEventListener("paste",pasteHandler,false);

}else{

edt.attachEvent("onpaste",pasteHandler);

}

</script>

</body>

</html>

 

 

转载地址:http://hi.baidu.com/louve01/item/efb14e1add258f6b3f87cedb

你可能感兴趣的:(contenteditable)

  • 设置contenteditable的非表单元素限制字数时设置光标位置 Jerry379
    html:请输入选项内容js:$("#optionA").on({input:function(e){limited(e.target.id,30);},click:function(e){write($("#"+e.target.id));}});//字符串截取functionlimited(obj,num){varcommentLength=$('#'+obj).text().length;i
  • 前端--输入框换行，高度自适应 壹拾伍_0bb6
    最近项目遇到一个说小不小说大不大的问题，输入框要自动换行，并且高度还得自适应，我试了几种方式，1.input输入，input不能换行，上网查询了说将css设为word-break:break-all;word-wrap:break-word;也是无效的。2.div设置contenteditable="true"属性，这种方法可以实现输入内容自动换行，并且自适应高度，但是项目需要光标从边输入，我试过
  • addeventlistener事件参数_【JavaScript 教程】事件——表单事件 weixin_39707168 androidcheckbox选中事件bootstrap单选按钮点击change事件只触发一次checkbox选中触发事件
    作者|阮一峰1、表单事件的种类1.1、input事件input事件当、、的值发生变化时触发。对于复选框()或单选框()，用户改变选项时，也会触发这个事件。另外，对于打开contenteditable属性的元素，只要值发生变化，也会触发input事件。input事件的一个特点，就是会连续触发，比如用户每按下一次按键，就会触发一次input事件。input事件对象继承了InputEvent接口。该事件
  • 前端基础（不定期更新） 蓝颜百里飞剑 js前端vue.jsnpm
    ###可视化编辑网页```httpdocument.body.contentEditable="true"document.designMode="on"扩大文件cmdcopy1.txt/b+2.txt3.txt谷歌cookies跨域chrome://flags/搜索SameSiteSameSitebydefaultcookies和SchemefulSame-Site设置为disabledhtml
  • HTML的全局属性 DuocHI
    HTML的全局属性：即所有HTML都拥有的属性1.class：样式使用：。class属性可以给标签指定一个样式的类，CSS、JS均能通过class来寻找到标签，赋予该标签样式或者功能。当class有多个值的时候，用空格隔开每个值。2.contenteditable：可编辑这是一个无值属性，当标签中出现这个属性的时候，该标签的内容就能够在页面现实中进行编辑。下面代码：通过给一个display:blo
  • JavaScript DOM属性和方法之element元素对象 知数SEO JavaScriptjavascript前端开发语言
    在HTMLDOM中，elment对象表示HTML与纳素，可以包含的节点类型有元素u节点、文本节点、注释节点。它们有响应的属性和方法，有很多都是我们之前用过的。一、element对象属性1、attributes2、childNodes3、className4、clientWidth、offsetWidth、scrollWidth等宽高属性5、contentEditable6、dir7、firstCh
  • html5 figure,详解HTML5中的figure元素、details元素和mark元素！ weixin_39565021 html5figure
    figure元素和figcaption元素figure元素是元素组合，带有可选标题。figure元素用来表示网页上一块独立的内容，将它从删除后不会对网页上的其他的内容造成任何影响。figure元素所表示可以是图片、代码统计或者示例，也可以用于视频插件、音频插件。figure元素支持accesskey、class、contenteditable、contentmene、date-*、draggabl
  • 实现动态输入关键字时关键字高亮 佛系少女不佛系
    项目中要求实现一个功能，在输入框中输入特定的搜索语句，当输入为关键字时，关键字高亮，且输入满一行进行换行操作首先分析如果想实现一部分关键字高亮，输入框本身肯定是做不到的，因为实现高亮需要通过动态的给关键字添加span标签，再给span标签中的内容设置颜色如果使用div,那必须给div添加contenteditable="true"属性，使其div可输入，其次监听按键是否抬起，对div中的内容进行检
  • 将iframe设置为可编辑状态 Pure_Eyes htmljavascript
    iframe设置可编辑状态时当用iframe.contentWindow.document.body.contentEditable="true";设置是必须等浏览器加载完iframe后才能起作用，所欲该语句必须放在加载iframe语句后面，放在前面的话会出错，如下variframe=document.createElement("iframe");iframe.id="te";iframe.wi
  • HTML 入门笔记 01 莘堇
    HTML是谁发明的李爵士HTML起手应该写什么常用的表章节的标签标签h1~h6章节section文章article段落p头发header脚部footer主要内容main旁支内容aside划分div全局属性有哪些所有标签都有的属性classcontenteditablehiddenidstyletabindextitle常用的内容标签ol+li(orderedlist+listitem)ul+li(
  • html面试题知识点整理 可乐星- 笔记html5前端
    contenteditable属性规定元素内容是否可编辑。如果元素未设置contenteditable属性，那么元素会从其父元素继承该属性。样式选择器优先级：第一等级：代表内联样式，如style=""，权值为1,0,0,0；第二等级：代表ID选择器，如#id="",权值为0,1,0,0；第三等级：代表calss|伪类|属性选择器，如.class|:hover,:link,:target|[type
  • 重学前端 全局属性（第八天） PBitW 重学前端1HTML全局属性accesskey（快捷键）data-（自定义数据）tabindexhtml全局属性
    文章目录accesskey（快捷键）classcontenteditable（是否可编辑元素的内容）data-*（自定义数据）dir（文本方向）draggable（是否可以拖动）hidden（隐藏）idlang（元素内容的语言）spellcheck（几乎无用，忽略）style（行内样式）tabindextitle（关于元素的额外信息）accesskey（快捷键）accesskey属性规定激活（使元
  • 重学前端 重要且实用的HTML5新语义元素（mark标记文本/progress任务进度/meter度量衡/是否可编辑内容/details补充/已移除）（第七天） PBitW 重学前端1HTMLhtml5新标签html5已移除元素mark标签progress标签meter标签
    文章目录mark标签（标记文本）progress标签（任务进度）meter标签（度量衡）-webkit-user-modify（是否可编辑内容）contenteditable（指定元素内容是否可编辑）high/lowdetails标签（补充）已移除元素这里菜鸟只介绍了部分，菜鸟感觉重要和实用的就这些了（canvas菜鸟也不是很会，就没有介绍了，canvas很多，都可以直接启动一个专栏讲了；音频视频
  • react--实现简易json编辑器 习惯水文的前端苏
    分析由于个人不太喜欢一切皆props的形式，故想要做到一些公共api既可以在内部调用又可以对外部暴漏，类组件使用高阶/装饰器,函数组件使用hooks，我这里使用方式二，对外提供useEditorjson预览通过原生标签的contentEditable属性可以实现在线json编辑通过pre标签并利用JSON.stringify的参数3实现格式化预览通过监听input事件实现编辑监听树形编辑借用ant
  • vue实现带样式的textarea输入框，contenteditable属性应用 longlongago~~ vue.jsjavascript前端
    提示：vue中使用contenteditable文章目录前言一、contenteditable什么是contenteditable：二、contenteditable的使用总结前言开发需求，研究了一下，做个记录分享。1、输入框文字提示带样式2、输入内容文字字体颜色为黑色3、查询操作完成后，未查询到的数据标红回显到输入框一、contenteditable什么是contenteditable：cont
  • 自定义html5中日期选取器的样式 @素素~ Css+Htmlhtml5前端htmlcss
    自定义html5中日期选取器的样式1.前言1.1关于h5的新特性1.2使用浏览器2.html5中日期选取器默认样式3.自定义日期样式3.1简单定义3.2花式样式定义4.改变日期格式5.参考1.前言1.1关于h5的新特性可看下面的文章HTML5新特性之HTML5的输入（input）类型（h5没有vue也能实现你想要的炫酷）.H5新特性之h5的新标签以及全局属性contenteditable.1.2使
  • vue中当使用div标签的contenteditable的时候,动态获取输入内容的方法 Aki-- vue
    当使用div标签进行编辑的时候,如果想要动态获取输入的值,也就是div盒子中的内容,用v-model会报错,不支持解决方案(用ref和this.$refs以及js的innerHTML来获取)同时要记得用v-on监听一个input事件用给标签加上ref属性之后,再到监听input事件的方法里去用this.$refs.自定义的ref名字,即可获取到这个标签对象,然后再用innerHTML即可获取到里面
  • JavaScript的富文本编辑 老谭TYH 前端javascriptservlet前端
    富文本实现在HTML文档上共有2中方式实现富文本编辑器。一种是使用iframe，另一种是使用contenteditable属性指定HTML文档元素。iframe第一种方式是使用iframe标签。在空白的HTML文档中嵌入一个iframe，并将designMode属性设置为"on"，文档就会变成可编辑的，实际编辑的则是元素的HTML，默认值是"off"。文档变成可编辑后，就可以像使用文字处理程序一样
  • vue 评论框里面输入Emoji表情 Hope° vue.js前端
    contenteditable属性是HTML5新增的。所有主流浏览器都支持contenteditable属性。div设置contenteditable=“true”，即可对其进行编辑。给div设置一个placeholder属性，可以自行改变颜色。div[contenteditable]:empty:before{content:attr(placeholder);color:#666666;}di
  • 设置contenteditable的元素获取焦点设置光标位置在末尾 散修灬 javascript
    代码如下设置contenteditable的容器设置光标位置的方法focusHandler(){this.$refs.editor.focus()//设置光标位置if(window.getSelection){letsel=window.getSelection();letrange=sel.getRangeAt(0);//IE9andnon-IEif(sel.getRangeAt&&sel.ra
  • html table+css实现可编辑表格 xingdiango htmlcss前端
    要实现可编辑的HTML表格，你可以使用JavaScript和HTML5的contenteditable属性。table{border-collapse:collapse;width:100%;}th,td{border:1pxsolidblack;padding:8px;text-align:left;}NameAgeGenderJohnDoe25MaleJaneSmith30Female//获取
  • contenteditable联合v-html实现数据双向绑定的，v-html多个指定位置文本高亮，可修改加校验，给v-html中的标签添加输入事件，截取字符串标签中的内容 前端记事本 1024程序员节javascriptvue.js前端
    需求内容如果只是想获取到输入的内容或者标签内的内容不校验的三种方式需求内容解析match()方法想要的效果最优解//给v-html中的标签添加输入事件addComment(e,pIndex,index){this.detailForm.orderTermsList[pIndex].orderTermsDetailList[index].termsContent=e.target.parentNod
  • wangeditor ios点击无效，不聚焦问题 至远方
    因为手机端要用到富文本编辑器，因为手机上功能操作起来不是很方便，就选了wangeditor使用中遇到一点问题，就是ios系统的时候，点击了编辑器，键盘也弹出了，但是编辑器无法输入，无法编辑，也米有光标，于是就在网上找有没有相关的解决方案，试了几个也没有解决，最后试了一个，可以解决imagecontenteditable查询结果：https://www.runoob.com/tags/att-glo
  • 1.7学习问题 You_sir
    设置可编辑状态contenteditable直接用另一个标签显示单击和双击事件处理方法e.target.attributes获取焦点focus阻止默认事件和阻止冒泡！autofocus打开自动获取焦点autocomplete自动填写数据设置光标位置.todolistli.completedlabel选择类下的li标签中含有completed的下面的label标签.todolistli.toggel
  • HTML面试题---专题一 小马甲丫 HTML#HTML面试题html前端
    文章目录一、前言二、`HTML5`中``和``标签的用途是什么？三、如何在`HTML`中嵌入`SVG`（可缩放矢量图形）文件？四、解释`contenteditable`属性的用途五、如何创建随屏幕尺寸缩放的响应式图像？六、解释``标签中下载属性的用途七、如何在`HTML`中创建复选框输入元素？八、解释`HTML5`中``标签的用途九、如何在HTML中嵌入第三方平台视频内容？十、`HTML`中隐藏属
  • js 给选中的文字添加颜色、替换文字内容...，选中状态去除后更改还在（document.execCommand） Amodoro javascript开发语言ecmascript
    操作说明使用document.execCommand先选中文字后点击按钮更改选中文字状态操作常用代码片段替换选中文字的内容functionf(){constselectDom=document.getSelection().focusNode.parentElement//获取包裹文字的元素domselectDom.contentEditable=String(true)//开启元素可编辑状态，d
  • html复习 30岁以前 html前端javascript
    htmlform表单作用是收集数据提交input框体控件不在form不适用于表单提交可编辑性:contenteditable提示值消失：placeholder，value是初始数据块标签：单独占有一个空间，独占一行，标签遵循从上到下排列。table、div、form行标签：不能单独一行，写在块标签里面，标签遵循从左到右。双标签：p、a表单控件：input、select、textarer标签名使用i
  • contenteditable H5聊天室发送表情（2023.09.27更新） rrrrroy_Ha Vuejavascriptvue
    遇到个需求是在H5页面聊天室中可以发送表情，普通的发送信息已经做过了是借助的websocket，发表情类似于QQ微信那样，既需要展示在输入框中，又需要发送给后台，回显到聊天室让大家都看到，这个还是需要仔细考虑考虑的。涉及到的功能点有以下几个：1.仿照qq微信，输入框中要回显文字和表情，支持删除和插入。2.输入框右侧有个表情按钮，点击按钮底部弹出表情区域，点击可以插入到“输入框”的光标位置。3.输入
  • React：div可编辑后，点击按钮插入标签 张 开心 屠龙react.jsjavascript前端
    实现一个文本框，既可输入，有可插入标签。TextArea显然是不可的，它是文本输入框，想添加dom是不可以的，于是解决思路就想到了，给div添加属性contentEditable，变成可输入，实现一个编辑器。实现步骤：1，首先点击插入，就要先确认光标所在的位置，就用到了window.getSelection()；返回一个Selection对象，表示用户选择的文本范围或光标的当前位置。varsel=
  • contenteditable实现文本内容确认提示 TING沫 前端javascript
    功能需求：列表进行批量查询，需要对输入的值做提交校验，分三种情况：若部分字符串有误，部分字符串需要变更字体颜色做提示，再次点击确认则对部分正确数据执行批量查询若全部数据有误则变更字体颜色做提示，再次点击确认查询为空若全部数据正确则直接执行批量查询需要变更字体颜色做提示的情况分三种：一种为重复数据一种为未通过校验数据一种为既没有通过校验又重复的数据知识点：contenteditable：conten
  • 面向对象面向过程 3213213333332132 java
    面向对象：把要完成的一件事，通过对象间的协作实现。 面向过程：把要完成的一件事，通过循序依次调用各个模块实现。 我把大象装进冰箱这件事为例，用面向对象和面向过程实现，都是用java代码完成。 1、面向对象 package bigDemo.ObjectOriented; /** * 大象类 * * @Description * @author FuJian
  • Java Hotspot: Remove the Permanent Generation bookjovi HotSpot
      openjdk上关于hotspot将移除永久带的描述非常详细，http://openjdk.java.net/jeps/122   JEP 122: Remove the Permanent Generation Author Jon Masamitsu Organization Oracle Created 2010/8/15 Updated 2011/
  • 正则表达式向前查找向后查找,环绕或零宽断言 dcj3sjt126com 正则表达式
    向前查找和向后查找 1. 向前查找：根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。     对于向前查找，出现在指定项之后的字符序列不会被正则表达式引擎返回。 2. 向后查找：一个要匹配的字符序列前面有或者没有指定的
  • BaseDao 171815164 seda
    import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; import java.sql.PreparedStatement; import java.sql.ResultSet; public class BaseDao { public Conn
  • Ant标签详解--Java命令 g21121 Java命令
            这一篇主要介绍与java相关标签的使用         终于开始重头戏了，Java部分是我们关注的重点也是项目中用处最多的部分。           1
  • [简单]代码片段_电梯数字排列 53873039oycg 代码
           今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子，如下:       import java.util.Arrays; public class 电梯数字排列_S3_Test { public static void main(S
  • Hessian原理 云端月影 hessian原理
    Hessian 原理分析 一．      远程通讯协议的基本原理 网络通信需要做的就是将流从一台计算机传输到另外一台计算机，基于传输协议和网络 IO 来实现，其中传输协议比较出名的有 http 、 tcp 、 udp 等等， http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协
  • 区分Activity的四种加载模式----以及Intent的setFlags aijuans android
      在多Activity开发中，有可能是自己应用之间的Activity跳转，或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例，而不是产生大量重复的Activity。 这需要为Activity配置特定的加载模式，而不是使用默认的加载模式。 加载模式分类及在哪里配置 Activity有四种加载模式： standard singleTop
  • hibernate几个核心API及其查询分析 antonyup_2006 html.netHibernatexml配置管理
    (一)  org.hibernate.cfg.Configuration类         读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.)         Configuration co
  • PL/SQL的流程控制 百合不是茶 oraclePL/SQL编程循环控制
    PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有   流程控制; 分支语句 if 条件 then 结果 else 结果 end if ; 条件语句 case when 条件 then 结果; 循环语句 loop
  • 强大的Mockito测试框架 bijian1013 mockito单元测试
    一.自动生成Mock类        在需要Mock的属性上标记@Mock注解，然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类  &nbs
  • 精通Oracle10编程SQL(11)开发子程序 bijian1013 oracle数据库plsql
    /* *开发子程序 */ --子程序目是指被命名的PL/SQL块，这种块可以带有参数，可以在不同应用程序中多次调用 --PL/SQL有两种类型的子程序：过程和函数 --开发过程 --建立过程：不带任何参数 CREATE OR REPLACE PROCEDURE out_time IS BEGIN DBMS_OUTPUT.put_line(systimestamp); E
  • 【EhCache一】EhCache版Hello World bit1129 Hello world
    本篇是EhCache系列的第一篇，总体介绍使用EhCache缓存进行CRUD的API的基本使用，更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍   环境准备 1.新建Maven项目   2.添加EhCache的Maven依赖 <dependency> <groupId>ne
  • 学习EJB3基础知识笔记 白糖_ beanHibernatejbosswebserviceejb
    最近项目进入系统测试阶段，全赖袁大虾领导有力，保持一周零bug记录，这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了，EJB基本的知识也有些了解，在这记录下EJB的部分知识，以供自己以后复习使用。   EJB是sun的服务器端组件模型，最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分，定义了一个用于开发基
  • angular.bootstrap boyitech AngularJSAngularJS APIangular中文api
    angular.bootstrap 描述：     手动初始化angular。     这个函数会自动检测创建的module有没有被加载多次，如果有则会在浏览器的控制台打出警告日志，并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。   使用方法：     angular .
  • java-谷歌面试题-给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数 bylijinnan java
    public class SearchInShiftedArray { /** * 题目：给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数。 * 请在这个特殊数组中找出给定的整数。 * 解答： * 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl
  • 天使还是魔鬼？都是我们制造 ducklsl 生活教育情感
    ----------------------------剧透请原谅，有兴趣的朋友可以自己看看电影，互相讨论哦！！！     从厦门回来的动车上，无意中瞟到了书中推荐的几部关于儿童的电影。当然，这几部电影可能会另大家失望，并不是类似小鬼当家的电影，而是关于“坏小孩”的电影！     自己挑了两部先看了看，但是发现看完之后，心里久久不能平
  • [机器智能与生物]研究生物智能的问题 comsci 生物
          我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别....       但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把
  • 获取Android Device的信息 dai_lm android
    String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT; phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI; phoneInfo += ", TAGS: " + android.os.Build.TAGS; ph
  • 最佳字符串匹配算法（Damerau-Levenshtein距离算法）的Java实现 datamachine java算法字符串匹配
    原文：http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第一课 dcj3sjt126com englishword
    long 长的 show 给...看，出示 mouth 口，嘴 write 写   use 用，使用 take 拿，带来 hand 手 clever 聪明的   often 经常 wash 洗 slow 慢的 house 房子   water 水 clean 清洁的 supper 晚餐 out 在外   face 脸，
  • macvim的使用实战 dcj3sjt126com macvim
    macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳   1. 下载macvim https://code.google.com/p/macvim/   2. 了解macvim :h               vim的使用帮助信息 :h macvim  
  • java二分法查找 蕃薯耀 java二分法查找二分法java二分法
    java二分法查找 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 11:40:03 星期二 http:/
  • Spring Cache注解+Memcached hanqunfeng springmemcached
    Spring3.1 Cache注解  依赖jar包： <!-- simple-spring-memcached --> <dependency> <groupId>com.google.code.simple-spring-memcached</groupId> <artifactId>simple-s
  • apache commons io包快速入门 jackyrong apache commons
    原文参考 http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html   Apache Commons IO 包绝对是好东西，地址在http://commons.apache.org/proper/commons-io/，下面用例子分别介绍：   1）  工具类   2
  • 如何学习编程 lampcy java编程C++c
    首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有
  • 架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy nannan408 Spring3
    1.前言。    如题。 2.描述。    @DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法，使用该Annotation时可以指定一个字符串数组作为参数，每个数组元素对应于一个强制初始化的Bean。 @DependsOn({"steelAxe","abc"}) @Comp
  • Spring4+quartz2的配置和代码方式调度 Everyday都不同 代码配置spring4quartz2.x定时任务
    前言：这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多，所以，只好自己去查阅底层API……   quartz定时任务必须搞清楚几个概念： JobDetail——处理类 Trigger——触发器，指定触发时间，必须要有JobDetail属性，即触发对象 Scheduler——调度器，组织处理类和触发器，配置方式一般只需指定触发
  • Hibernate入门 tntxia Hibernate
      前言   使用面向对象的语言和关系型的数据库，开发起来很繁琐，费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM（Object/Relational Mapping）解决方案。   Hibernte不仅关心把Java对象对应到数据库的表中，而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。   如
  • Math类 xiaoxing598 Math
    一、Java中的数字（Math）类是final类，不可继承。 1、常数 PI：double圆周率 E：double自然对数 2、截取（注意方法的返回类型） double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数 int round(float f) 返回四舍五入后的整数 long round
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他