axl234
axl234

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

<!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
  • 多线程编程之卫生间 周凡杨 java并发卫生间线程厕所
    如大家所知，火车上车厢的卫生间很小，每次只能容纳一个人，一个车厢只有一个卫生间，这个卫生间会被多个人同时使用，在实际使用时，当一个人进入卫生间时则会把卫生间锁上，等出来时打开门，下一个人进去把门锁上，如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析：首先问题中有两个实体，一个是人，一个是厕所，所以设计程序时就可以设计两个类。人是多数的，厕所只有一个（暂且模拟的是一个车厢）。
  • How to Install GUI to Centos Minimal sunjing linuxInstallDesktopGUI
    http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html   I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
  • Shell 函数 daizj shell函数
    Shell 函数 linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。 shell中函数的定义格式如下： [function] funname [()]{ action; [return int;] } 说明： 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 2、参数返回
  • Linux服务器新手操作之一 周凡杨 Linux 简单 操作
    1.whoami      当一个用户登录Linux系统之后，也许他想知道自己是发哪个用户登录的。      此时可以使用whoami命令。      [ecuser@HA5-DZ05 ~]$ whoami       e
  • 浅谈Socket通信（一） 朱辉辉33 socket
    在java中ServerSocket用于服务器端，用来监听端口。通过服务器监听，客户端发送请求，双方建立链接后才能通信。当服务器和客户端建立链接后，两边都会产生一个Socket实例，我们可以通过操作Socket来建立通信。    首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包    ServerSock
  • 关于框架的简单认识 西蜀石兰 框架
    入职两个月多，依然是一个不会写代码的小白，每天的工作就是看代码，写wiki。 前端接触CSS、HTML、JS等语言，一直在用的CS模型，自然免不了数据库的链接及使用，真心涉及框架，项目中用到的BootStrap算一个吧，哦，JQuery只能算半个框架吧，我更觉得它是另外一种语言。 后台一直是纯Java代码，涉及的框架是Quzrtz和log4j。 都说学前端的要知道三大框架，目前node.
  • You have an error in your SQL syntax; check the manual that corresponds to your 林鹤霄
    You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids  ) values('0ac91f167f754c8cbac00e9e3dc372
  • MySQL5.6的my.ini配置 aigo mysql
    注意：以下配置的服务器硬件是：8核16G内存    [client]   port=3306   [mysql]   default-character-set=utf8     [mysqld]   port=3306   basedir=D:/mysql-5.6.21-win
  • mysql 全文模糊查找 便捷解决方案 alxw4616 mysql
    mysql 全文模糊查找 便捷解决方案 2013/6/14 by 半仙 [email protected] 目的: 项目需求实现模糊查找. 原则: 查询不能超过 1秒. 问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求. 解决方案: 使用mysql全文索引. 1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
  • 自定义数据结构 链表(单项 ,双向,环形) 百合不是茶 单项链表双向链表
         链表与动态数组的实现方式差不多,    数组适合快速删除某个元素    链表则可以快速的保存数组并且可以是不连续的       单项链表;数据从第一个指向最后一个   实现代码:        //定义动态链表 clas
  • threadLocal实例 bijian1013 javathreadjava多线程threadLocal
    实例1： package com.bijian.thread; public class MyThread extends Thread { private static ThreadLocal tl = new ThreadLocal() { protected synchronized Object initialValue() { return new Inte
  • activemq安全设置—设置admin的用户名和密码 bijian1013 javaactivemq
            ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件，找到 <bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint"> <p
  • 【Java范型一】Java范型详解之范型集合和自定义范型类 bit1129 java
    本文详细介绍Java的范型，写一篇关于范型的博客原因有两个，前几天要写个范型方法(返回值根据传入的类型而定)，竟然想了半天，最后还是从网上找了个范型方法的写法；再者，前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理，看它的源代码就比较迷糊，只其然不知其所以然。所以，还是花点时间系统的整理总结下范型吧。   范型内容 范型集合类 范型类
  • 【HBase十二】HFile存储的是一个列族的数据 bit1129 hbase
    在HBase中，每个HFile存储的是一个表中一个列族的数据，也就是说，当一个表中有多个列簇时，针对每个列簇插入数据，最后产生的数据是多个HFile，每个对应一个列族，通过如下操作验证   1. 建立一个有两个列族的表   create 'members','colfam1','colfam2'   2. 在members表中的colfam1中插入50*5
  • Nginx 官方一个配置实例 ronin47 nginx 配置实例
    user www www; worker_processes 5; error_log logs/error.log; pid logs/nginx.pid; worker_rlimit_nofile 8192; events { worker_connections 4096;} http { include conf/mim
  • java-15.输入一颗二元查找树，将该树转换为它的镜像， 即在转换后的二元查找树中，左子树的结点都大于右子树的结点。 用递归和循环 bylijinnan java
    //use recursion public static void mirrorHelp1(Node node){ if(node==null)return; swapChild(node); mirrorHelp1(node.getLeft()); mirrorHelp1(node.getRight()); } //use no recursion bu
  • 返回null还是empty bylijinnan javaapachespring编程
    第一个问题，函数是应当返回null还是长度为0的数组（或集合）？ 第二个问题，函数输入参数不当时，是异常还是返回null？ 先看第一个问题 有两个约定我觉得应当遵守： 1.返回零长度的数组或集合而不是null（详见《Effective Java》） 理由就是，如果返回empty，就可以少了很多not-null判断： List<Person> list
  • [科技与项目]工作流厂商的战略机遇期 comsci 工作流
          在新的战略平衡形成之前，这里有一个短暂的战略机遇期，只有大概最短6年，最长14年的时间，这段时间就好像我们森林里面的小动物，在秋天中，必须抓紧一切时间存储坚果一样，否则无法熬过漫长的冬季。。。。         在微软，甲骨文，谷歌，IBM,SONY
  • 过度设计-举例 cuityang 过度设计
    过度设计，需要更多设计时间和测试成本，如无必要，还是尽量简洁一些好。 未来的事情，比如 访问量，比如数据库的容量，比如是否需要改成分布式  都是无法预料的 再举一个例子，对闰年的判断逻辑： 　　1、 if($Year%4==0) return True; else return Fasle; 　　2、if (   ($Year%4==0  &am
  • java进阶，《Java性能优化权威指南》试读 darkblue086 java性能优化
    记得当年随意读了微软出版社的.NET 2.0应用程序调试，才发现调试器如此强大，应用程序开发调试其实真的简单了很多，不仅仅是因为里面介绍了很多调试器工具的使用，更是因为里面寻找问题并重现问题的思想让我震撼，时隔多年，Java已经如日中天，成为许多大型企业应用的首选，而今天，这本《Java性能优化权威指南》让我再次找到了这种感觉，从不经意的开发过程让我刮目相看，原来性能调优不是简单地看看热点在哪里，
  • 网络学习笔记初识OSI七层模型与TCP协议 dcj3sjt126com 学习笔记
      协议：在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定 　　计算机网络的体系结构：计算机网络的层次结构和各层协议的集合。 　　两类服务： 　　面向连接的服务通信双方在通信之前先建立某种状态，并在通信过程中维持这种状态的变化，同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。 　　面向无连接的服务通信双方在通信前后不建立和维持状态，不为服务对象
  • mac中用命令行运行mysql dcj3sjt126com mysqllinuxmac
    参考这篇博客：http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html  感觉workbench不好用（有点先入为主了）。 1，安装mysql 在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/，根据我的机器的配置情况选择了64
  • MongDB查询（1）——基本查询[五] eksliang mongodbmongodb 查询mongodb find
    MongDB查询 转载请出自出处：http://eksliang.iteye.com/blog/2174452 一、find简介 MongoDB中使用find来进行查询。 API:如下 function ( query , fields , limit , skip, batchSize, options ){.....}  参数含义： query:查询参数 fie
  • base64，加密解密 经融加密，对接 y806839048 经融加密对接
    String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK")))); String data1 = new String(Base64.decode(data0.toCharArray()),"GBK"); // 注意编码格式，注意用于加密，解密的要是同
  • JavaWeb之JSP概述 ihuning javaweb
      什么是JSP？为什么使用JSP？ JSP表示Java Server Page，即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。   JSP起源    在很多动态网页中，绝大部分内容都是固定不变的，只有局部内容需要动态产生和改变。  如果使用Servl
  • apple watch 指南 啸笑天 apple
    1. 文档 WatchKit Programming Guide（中译在线版 By @CocoaChina） 译文 译者 原文 概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch 概览 - 配置 Xcode 项目 - Overview - Configuring Yo
  • java经典的基础题目 macroli java编程
    1.列举出 10个JAVA语言的优势 a:免费，开源，跨平台(平台独立性)，简单易用，功能完善，面向对象，健壮性，多线程，结构中立，企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包，类，接口，对象，属性，方法，构造器，继承，封装，多态，抽象，范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
  • 你所不知道神奇的js replace正则表达式 qiaolevip 每天进步一点点学习永无止境纵观千象regex
    var v = 'C9CFBAA3CAD0'; console.log(v); var arr = v.split(''); for (var i = 0; i < arr.length; i ++) { if (i % 2 == 0) arr[i] = '%' + arr[i]; } console.log(arr.join('')); console.log(v.r
  • [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics) superlxw1234 hivehive分析表hive统计信息hive Statistics
    关键字：Hive统计信息、分析Hive表、Hive Statistics   类似于Oracle的分析表，Hive中也提供了分析表和分区的功能，通过自动和手动分析Hive表，将Hive表的一些统计信息存储到元数据中。   表和分区的统计信息主要包括：行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等；   14.1 新表的统计信息 对于一个新创建
  • Spring Boot 1.2.5 发布 wiselyman spring boot
        Spring Boot 1.2.5已在7月2日发布，现在可以从spring的maven库和maven中心库下载。   这个版本是一个维护的发布版，主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。   官方建议所有的Spring Boot用户升级这个版本。   项目首页 | 源
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他