axl234
axl234

JavaScript模拟QQ签名(HTML5 contenteditable属性)

一、思路

1、单击元素时，使元素可以编辑，并获得焦点

2、按下键盘检测用户编辑元素中的文本

3、监听按下Enter键操作或离开可编辑元素焦点时，更新数据库

二、代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>contenteditable</title>
<style>
body, p {
    margin: 0;
    padding: 0;
}
.layout-box {
    padding: 10px;
    width: 300px;
    height: 36px;
    margin: 50px auto;
    background-color: green;
    font-size: 0;
}
#signature,
.layout-box:before {
    display: inline-block;
    vertical-align: middle;
}
.layout-box:before {
    content: '';
    width: 0;
    height: 100%;
    overflow: hidden;   
}
#signature {
    width: 100%;
    max-height: 36px;
    min-height: 18px;
    line-height: 18px;
    background-color: #FFF;
    font-size: 12px;
    color: #000;
    word-break: break-all;
}
#signature:focus {
    outline: none;
}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
</head>

<body>

<div class="layout-box">
    <p id="signature">编辑个性签名</p>
</div>

<script>
/*

一、思路

1、单击元素时，使元素可以编辑，并获得焦点
2、按下键盘检测用户编辑元素中的文本
3、监听按下Enter键操作或离开可编辑元素焦点时，更新数据库

*/

$(function(){
    // return obj { length: 字节长度, limitStr: 限定的字符串(字节长度小于等于intVal) }
    function getStringByteInfo ( string, intVal ) {
        var str = $.trim(string) || '', length = str.length, len, reg, charStr, limitStr = '';
        if ( length > 0 ) {
            len = 0;
            reg = /[^\x00-\xff]/;  // 匹配双字节字符(包括汉字在内)

            for ( var i = 0; i < length; i++) {
                charStr = str.charAt(i);
                if ( reg.test(charStr) ) {
                    len += 2;
                }
                else {
                    len ++;
                }
                if (len <= intVal) {
                    limitStr += str.charAt(i);
                }
            }
        }
        return {
            length: len || 0,
            limitStr: limitStr || ''
        }
    }

    // 检测文本字节长度
    function detectionLength ( jqObj ) {
        var $obj = jqObj || $(),
        str = $obj.text(),
        strObj = getStringByteInfo(str, 40);

        if (strObj.length > 40) {
            alert('最多只能输入40字节');
            $obj.text(strObj.limitStr);
        }
    }

    // 更新数据库
    function saveSignature ( jqObj ) {
        var $obj = jqObj || $(),
        str = $.trim($obj.text()),
        url = 'xxx?signature' + encodeURIComponent(str); // 假设这是发送ajax请求的url

        if (str != '' && str != '编辑个性签名') {
            $.ajax(url, {
                dataType: 'json',
                data: {},
                success: function(){
                    // do something
                },
                error: function(){},
                complete: function(){}
            });
        }
        else {
            $obj.text('编辑个性签名');
        }
    }

    // keyPress Liseners
    // 监听Enter键
    function enterLiseners ( jqObj, event ) {
        var $obj = jqObj || $(),
            code = event.keyCode || event.which;

        if (code === 13) {
            jqObj.removeAttr('contenteditable');
            saveSignature(jqObj);
        }
    }

    $('#signature')
    .bind('click', function(){
        $(this).attr('contenteditable', 'true').trigger('focus');
    })
    .bind('keydown', function(e){
        detectionLength($(this));
        enterLiseners($(this), e);  // 更新数据库
    })
    .bind('blur', function(){
        $(this).removeAttr('contenteditable');
        saveSignature($(this)); // 更新数据库
    })
});

</script>


</body>
</html>

你可能感兴趣的:(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
  • eclipse maven IXHONG eclipse
    eclipse中使用maven插件的时候，运行run as maven build的时候报错 -Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.   可以设一个环境变量M2_HOME指
  • timer cancel方法的一个小实例 alleni123 多线程timer
    package com.lj.timer; import java.util.Date; import java.util.Timer; import java.util.TimerTask; public class MyTimer extends TimerTask { private int a; private Timer timer; pub
  • MySQL数据库在Linux下的安装 ducklsl mysql
    1.建好一个专门放置MySQL的目录 /mysql/db数据库目录 /mysql/data数据库数据文件目录 2.配置用户，添加专门的MySQL管理用户 >groupadd mysql ----添加用户组 >useradd -g mysql mysql ----在mysql用户组中添加一个mysql用户 3.配置，生成并安装MySQL >cmake -D
  • spring------>>cvc-elt.1: Cannot find the declaration of element Array_06 springbean
    将-------- <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"     xmlns:xsi="http://www.w3
  • maven发布第三方jar的一些问题 cugfy maven
    maven中发布 第三方jar到nexus仓库使用的是 deploy:deploy-file命令 有许多参数，具体可查看 http://maven.apache.org/plugins/maven-deploy-plugin/deploy-file-mojo.html 以下是一个例子： mvn  deploy:deploy-file -DgroupId=xpp3
  • MYSQL下载及安装 357029540 mysql
        好久没有去安装过MYSQL，今天自己在安装完MYSQL过后用navicat for mysql去厕测试链接的时候出现了10061的问题，因为的的MYSQL是最新版本为5.6.24，所以下载的文件夹里没有my.ini文件，所以在网上找了很多方法还是没有找到怎么解决问题，最后看到了一篇百度经验里有这个的介绍，按照其步骤也完成了安装，在这里给大家分享下这个链接的地址
  • ios TableView cell的布局 张亚雄 tableview
      cell.imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:[indexPath row]]];           CGSize itemSize = CGSizeMake(60, 50);   &nbs
  • Java编码转义 adminjun java编码转义
    import java.io.UnsupportedEncodingException; /** * 转换字符串的编码 */ public class ChangeCharset { /** 7位ASCII字符，也叫作ISO646-US、Unicode字符集的基本拉丁块 */ public static final Strin
  • Tomcat 配置和spring aijuans spring
    简介 Tomcat启动时，先找系统变量CATALINA_BASE，如果没有，则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹，从中读取配置文件。最重要的配置文件：server.xml 。要配置tomcat，基本上了解server.xml，context.xml和web.xml。 Server.xml --  tomcat主
  • Java打印当前目录下的所有子目录和文件 ayaoxinchao 递归File
    其实这个没啥技术含量，大湿们不要操笑哦，只是做一个简单的记录，简单用了一下递归算法。   import java.io.File; /** * @author Perlin * @date 2014-6-30 */ public class PrintDirectory { public static void printDirectory(File f
  • linux安装mysql出现libs报冲突解决 BigBird2012 linux
    linux安装mysql出现libs报冲突解决 安装mysql出现 file /usr/share/mysql/ukrainian/errmsg.sys from install of MySQL-server-5.5.33-1.linux2.6.i386 conflicts with file from package mysql-libs-5.1.61-4.el6.i686  
  • jedis连接池使用实例 bijian1013 redisjedis连接池jedis
    实例代码： package com.bijian.study; import java.util.ArrayList; import java.util.List; import redis.clients.jedis.Jedis; import redis.clients.jedis.JedisPool; import redis.clients.jedis.JedisPoo
  • 关于朋友 bingyingao 朋友兴趣爱好维持
      成为朋友的必要条件：    志相同，道不合，可以成为朋友。譬如马云、周星驰一个是商人，一个是影星，可谓道不同，但都很有梦想，都要在各自领域里做到最好，当他们遇到一起，互相欣赏，可以畅谈两个小时。     志不同，道相合，也可以成为朋友。譬如有时候看到两个一个成绩很好每次考试争做第一，一个成绩很差的同学是好朋友。他们志向不相同，但他
  • 【Spark七十九】Spark RDD API一 bit1129 spark
    aggregate package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} //测试RDD的aggregate方法 object AggregateTest { def main(args: Array[String]) { val conf = new Spar
  • ktap 0.1 released bookjovi kerneltracing
    Dear, I'm pleased to announce that ktap release v0.1, this is the first official release of ktap project, it is expected that this release is not fully functional or very stable and we welcome bu
  • 能保存Properties文件注释的Properties工具类 BrokenDreams properties
            今天遇到一个小需求：由于java.util.Properties读取属性文件时会忽略注释，当写回去的时候，注释都没了。恰好一个项目中的配置文件会在部署后被某个Java程序修改一下，但修改了之后注释全没了，可能会给以后的参数调整带来困难。所以要解决这个问题。     &nb
  • 读《研磨设计模式》-代码笔记-外观模式-Facade bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 百度百科的定义： * Facade（外观）模式为子系统中的各类（或结构与方法）提供一个简明一致的界面， * 隐藏子系统的复杂性，使子系统更加容易使用。他是为子系统中的一组接口所提供的一个一致的界面 * * 可简单地
  • After Effects教程收集 cherishLC After Effects
    1、中文入门 http://study.163.com/course/courseMain.htm?courseId=730009 2、videocopilot英文入门教程（中文字幕） http://www.youku.com/playlist_show/id_17893193.html 英文原址： http://www.videocopilot.net/basic/ 素
  • Linux Apache 安装过程 crabdave apache
    Linux Apache 安装过程   下载新版本： apr-1.4.2.tar.gz（下载网站：http://apr.apache.org/download.cgi） apr-util-1.3.9.tar.gz（下载网站：http://apr.apache.org/download.cgi） httpd-2.2.15.tar.gz（下载网站：http://httpd.apac
  • Shell学习 之 变量赋值和引用 daizj shell变量引用赋值
    本文转自：http://www.cnblogs.com/papam/articles/1548679.html Shell编程中，使用变量无需事先声明，同时变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z） 中间不能有空格，可以使用下划线（_） 不能使用标点符号 不能使用bash里的关键字（可用help命令查看保留关键字） 需要给变量赋值时，可以这么写：
  • Java SE 第一讲（Java SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行） dcj3sjt126com javajdk
    Java SE 第一讲： Java SE：Java Standard Edition Java ME: Java Mobile Edition Java EE：Java Enterprise Edition Java是由Sun公司推出的（今年初被Oracle公司收购）。 收购价格：74亿美金 J2SE、J2ME、J2EE JDK：Java Development
  • YII给用户登录加上验证码 dcj3sjt126com yii
    1、在SiteController中添加如下代码： /** * Declares class-based actions. */ public function actions() { return array( // captcha action renders the CAPTCHA image displ
  • Lucene使用说明 dyy_gusi Lucenesearch分词器
    Lucene使用说明 1、lucene简介 1.1、什么是lucene     Lucene是一个全文搜索框架，而不是应用产品。因此它并不像baidu或者googleDesktop那种拿来就能用，它只是提供了一种工具让你能实现这些产品和功能。 1.2、lucene能做什么     要回答这个问题，先要了解lucene的本质。实际
  • 学习编程并不难,做到以下几点即可! gcq511120594 数据结构编程算法
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • Java面试十问之三：Java与C++内存回收机制的差别 HNUlanwei javaC++finalize()堆栈内存回收
    大家知道， Java 除了那 8 种基本类型以外，其他都是对象类型（又称为引用类型）的数据。 JVM 会把程序创建的对象存放在堆空间中，那什么又是堆空间呢？其实，堆（ Heap）是一个运行时的数据存储区，从它可以分配大小各异的空间。一般，运行时的数据存储区有堆（ Heap）和堆栈（ Stack），所以要先看它们里面可以分配哪些类型的对象实体，然后才知道如何均衡使用这两种存储区。一般来说，栈中存放的
  • 第二章 Nginx+Lua开发入门 jinnianshilongnian nginxlua
    Nginx入门 本文目的是学习Nginx+Lua开发，对于Nginx基本知识可以参考如下文章： nginx启动、关闭、重启 http://www.cnblogs.com/derekchen/archive/2011/02/17/1957209.html agentzh 的 Nginx 教程 http://openresty.org/download/agentzh-nginx-tutor
  • MongoDB windows安装 基本命令 liyonghui160com
      windows安装    安装目录：   D:\MongoDB\   新建目录   D:\MongoDB\data\db   4.启动进城：   cd D:\MongoDB\bin   mongod -dbpath D:\MongoDB\data\db   &n
  • Linux下通过源码编译安装程序 pda158 linux
    一、程序的组成部分 　　Linux下程序大都是由以下几部分组成： 　　二进制文件：也就是可以运行的程序文件 　　库文件：就是通常我们见到的lib目录下的文件 　　配置文件：这个不必多说，都知道 　　帮助文档：通常是我们在linux下用man命令查看的命令的文档 　　 二、linux下程序的存放目录 　　linux程序的存放目录大致有三个地方： 　　/etc, /b
  • WEB开发编程的职业生涯４个阶段 shw3588 编程Web工作生活
    觉得自己什么都会 2007年从学校毕业，凭借自己原创的ASP毕业设计，以为自己很厉害似的，信心满满去东莞找工作，找面试成功率确实很高，只是工资不高，但依旧无法磨灭那过分的自信，那时候什么考勤系统、什么OA系统、什么ERP，什么都觉得有信心，这样的生涯大概持续了约一年。 根本不是自己想的那样 2008年开始接触很多工作相关的东西，发现太多东西自己根本不会，都需要去学，不管是asp还是js，
  • 遭遇jsonp同域下变作post请求的坑 vb2005xu jsonp同域post
    今天迁移一个站点时遇到一个坑爹问题,同一个jsonp接口在跨域时都能调用成功,但是在同域下调用虽然成功,但是数据却有问题. 此处贴出我的后端代码片段 $mi_id = htmlspecialchars(trim($_GET['mi_id '])); $mi_cv = htmlspecialchars(trim($_GET['mi_cv ']));  贴出我前端代码片段: $.aj
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他