wang371134086
wang371134086

textarea自适应高度

 

<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml" >
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>文本框根据输入内容自适应高度</title>
 
<style type="text/css">
 
#textarea { font: 1.4em/1.8em Arial; overflow: hidden; width: 550px; height: 6em; padding:10px; }
 
</style>
 
<script src="autoTextarea.js"></script>
 
</head>
 
<body style="background:#FBFCFD url(http://goo.gl/kLsZX);">
 
<textarea id="textarea"></textarea>
 
<script>
 
var text = document.getElementById("textarea"),
 
    tip = '想写点什么..';
 
autoTextarea(text);// 调用
 
text.value = tip;
 
text.onfocus = function () {
 
    if (text.value === tip) text.value = '';
 
};
 
text.onblur = function () {
 
    if (text.value === '') text.value = tip;
 
};


</script>
 
</body>
 
</html> 
 

var autoTextarea = function (elem, extra, maxHeight) {
 
    extra = extra || 20;
 
    var isFirefox = !!document.getBoxObjectFor || 'mozInnerScreenX' in window,
 
        isOpera = !!window.opera && !!window.opera.toString().indexOf('Opera'),
 
        addEvent = function (type, callback) {
 
            elem.addEventListener ?
 
                elem.addEventListener(type, callback, false) :
 
                elem.attachEvent('on' + type, callback);
 
        },
 
        getStyle = elem.currentStyle ? function (name) {
 
            var val = elem.currentStyle[name];
 
            if (name === 'height' && val.search(/px/i) !== 1) {
 
                var rect = elem.getBoundingClientRect();
 
                return rect.bottom - rect.top -
 
                    parseFloat(getStyle('paddingTop')) -
 
                    parseFloat(getStyle('paddingBottom')) + 'px';   
 
            };
 
            return val;
 
        } : function (name) {
 
                return getComputedStyle(elem, null)[name];
 
        },
 
        minHeight = parseFloat(getStyle('height'));
 
    elem.style.maxHeight = elem.style.resize = 'none';
 
    var change = function () {
 
        var scrollTop, height,
 
            padding = 0,
 
            style = elem.style;
 
        if (elem._length === elem.value.length) return;
 
        elem._length = elem.value.length;
 
        if (!isFirefox && !isOpera) {
 
            padding = parseInt(getStyle('paddingTop')) + parseInt(getStyle('paddingBottom'));
 
        };
 
        scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
 
        elem.style.height = minHeight + 'px';
 
        if (elem.scrollHeight > minHeight) {
 
            if (maxHeight && elem.scrollHeight > maxHeight) {
 
                height = maxHeight - padding;
 
                style.overflowY = 'auto';
 
            } else {
 
                height = elem.scrollHeight - padding;
 
                style.overflowY = 'hidden';
 
            };
 
            style.height = height + extra + 'px';
 
            scrollTop += parseInt(style.height) - elem.currHeight;
 
            document.body.scrollTop = scrollTop;
 
            document.documentElement.scrollTop = scrollTop;
 
            elem.currHeight = parseInt(style.height);
 
        };
 
    };
 
    addEvent('propertychange', change);
 
    addEvent('input', change);
 
    addEvent('focus', change);
 
    change();
 
};
 

 

                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(Textarea 自适应高度)

        

            

                
    
                    
  • uniapp使用内置地图选择插件，实现地址选择并在地图上标点
                        神夜大侠
Uniappvue.jsuniapp
                        
    uniapp使用内置地图选择插件，实现地址选择并在地图上标点代码如下：page{background:#F4F5F6;}::-webkit-scrollbar{width:0;height:0;color:transparent;}page{height:100%;width:100%;font-size:24rpx;}image,view,input,textarea,label,text,na
    
                    
    • 
                    
  • 微信小程序仿微信聊天界面
                        微特尔普拉斯
微信小程序微信notepad++
                        
    界面结构:消息列表:使用scroll-view实现滚动，每条消息使用view组件包裹，根据消息类型(文本、图片、文件)显示不同内容。输入框区域:包含输入框(textarea)、发送按钮(button)和上传文件按钮(view组件模拟)。头像:使用image组件展示。功能实现:多行输入框高度自适应:使用textarea组件的auto-height属性，并监听linechange事件动态调整高度。消息
    
                    
    • 
                    
  • div和textarea中英文和数字不换行解决方案
                        k_t_feng
网页前端
                        
    设置div的css：word-wrap:break-word;word-break:break-all;解释：word-wrap:break-word;强制换行以单词为分解word-break:break-all;强制换行以最后一个单词，会强制拆分单词
    
                    
    • 
                    
  • Vue2——v-model 双向绑定的原理
                        AYANGIJ
javascriptvue.js前端
                        
    v-model是vue中进行数据双向绑定的指令，v-model本质就是:value+input方法的语法糖。可以通过model属性的prop和event属性来进行自定义。原生的v-model，会根据标签的不同生成不同的事件和属性。例如：text和textarea元素使用value属性和input事件checkbox和radio使用checked属性和change事件select字段将value作为
    
                    
    • 
                    
  • 前端面试题（附答案）持续更新中……
                        卖家导航
程序员前端
                        
    块标签：div、h1~h6、ul、li、table、p、br、form。特征：独占一行，换行显示，可以设置宽高，可以嵌套块和行行标签：span、a、img、textarea、select、option、input。特征：只有在行内显示，内容撑开宽、高，不可以设置宽、高（img、input、textarea等除外）。5.清除浮动⭐⭐⭐父级div定义overflow:hidden结尾处加空div标签c
    
                    
    • 
                    
  • 第二百一十六节 JSF教程 - JSF基本标签、JSF表单文本框示例
                        程序猿小D
开发语言java反射jvmjdkJSF
                        
    JSF教程-JSF基本标签JSF提供了一个标准的HTML标签库，它们被渲染成相应的html输出。为了使用这些标签，我们需要在html节点中使用以下URI的命名空间。JSF基本标签以下是JSF2.0中的重要基本标签。标签描述h:inputTexttype=“text"的HTML输入，文本框。h:inputSecrettype=“password"的HTML输入，文本框。h:inputTextarea
    
                    
    • 
                    
  • html实现粘贴excel数据，在页面表格中复制
                        搬砖的小白
前端
                        
    录入数据时，有时候需要把excel中的数据一条条粘贴到页面中，当数据量过多时，这种操作很令人崩溃。本篇文章实现了从excel复制好多行数据后,可在页面粘贴的功能具体实现代码可编辑表格#textarea{width:80%;min-height:100px;border:1pxsolid#ccc;}table{width:100%;border-collapse:collapse;}th,td{bo
    
                    
    • 
                    
  • Django----Form的来龙去脉（-）使用篇
                        墨痕_777
python
                        
    Django----Form的来龙去脉（-）使用篇（注：个人学习总结，仅供参考）####Form表单的功能自动生成HTML表单元素检查表单数据的合法性如果验证错误，重新显示表单（数据不会重置）数据类型转换（字符类型的数据转换成相应的Python类型）####Form相关的对象包括Widget：用来渲染成HTML元素的工具，如：forms.Textarea对应HTML中的标签Field：Form对象
    
                    
    • 
                    
  • vue08 基础-表单输入绑定
                        斯诺斯诺斯诺_c21f

                        
      你可以用v-model指令在表单、及元素上创建双向数据绑定。▲v-model会忽略所有表单元素的value、checked、selectedattribute的初始值而总是将Vue实例的数据作为数据来源。你应该通过JavaScript在组件的data选项中声明初始值。v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件：text和textarea元素使用value属性和input
    
                    
    • 
                    
  • fastclick在IOS11.3以上textarea点击失效问题
                        一刀准

                        
    在ios11.3以上非第一次快速点击textarea出现失效的情况.后续在https://github.com/ftlabs/fastclick/issues/548找到解决办法打开fastclick.js源码,接近332行左右添加如下图就可以解决.本文章只作为个人记录.
    
                    
    • 
                    
  • 关于TagHelper的那些事情——Microsoft.AspNet.Mvc.TagHelpers介绍
                        weixin_30493321
测试javascriptViewUI
                        
    写在开始在上一篇文章中，简单介绍了什么是TagHelper，怎么使用它。接下来我会简单介绍一下微软随着ASP.NET5一起发布的TagHelpers。它们分别是：AnchorTagHelperCacheTagHelperEnvironmentTagHelperInputTagHelperLabelTagHelperSelectTagHelperOptionTagHelperTextAreaTagH
    
                    
    • 
                    
  • react之旅（六）约束性和非约束性组件 input text radio select checkbox textarea 以及获取表单的内容
                        一天一丢丢
reactreact
                        
    一、约束性组件和非约束性组件1.1非约束性组件非约束性组件这样写：这里的defaultValue就是原生DOM的value，用户输入的值就是vaule的值，react完全不管输入的过程。1.2约束性组件约束性组件这样写：onChange=(e)=>{letdom=e.target;this.setState({name:dom.value})}这个时候，value的值不是用户输入的值，而是this
    
                    
    • 
                    
  • 实现前端点击按钮自动复制剪贴板功能
                        一郭鲜

                        
    复制忽略css//定义函数window.Clipboard=(function(window,document,navigator){vartextArea,copy;//判断是不是ios端functionisOS(){returnnavigator.userAgent.match(/ipad|iphone/i);}//创建文本元素functioncreateTextArea(text){text
    
                    
    • 
                    
  • javaScript和jQuery获取、设置textarea标签的内容（常见问题）
                        才艺のblog
javascriptjquery开发语言
                        
    javaScript和jQuery获取、设置textarea标签的内容（取值和赋值）昨天晚上在写代码的时候前端遇到一个bug，在js取值textarea中，我使用了getElementById方法对textarea标签取值，但不论如何取值，始终无法成功取到页面上输入的值并进行Ajax请求，一开始以为是ajax与后端接口之间数据传输出问题了，后来经过排查，就是对于textarea标签取值失败的问题，
    
                    
    • 
                    
  • 斗鱼自动发弹幕
                        Zzexi
js脚本语言
                        
    斗鱼自动发弹幕斗鱼自动发弹幕，复制到控制台运行即可(function(){var_timer_=null;varspred=['.','.','.','.','.'];varstart=1;//加载样式varfixInp=document.createElement('textarea');varfixSend=document.createElement('input');varfixStop=
    
                    
    • 
                    
  • 前端开发常用技巧（update...）
                        一只程序猿小白
EchartsJavaScriptcssjavascriptcsshtmlvue.js前端
                        
    前端开发常用技巧JS1、JavaScript删除子节点的方法2、JS动态生成div并添加点击事件CSS1、文本溢出处理2、使用伪类添加下划线3、使用伪类添加下划线下划线居中4、输入框默认字体颜色5、CSS画梯形6、uni-app中textarea中的字数限制问题7、设置Input的placeholder的字体样式Echarts1、ECharts柱状图设置立体圆柱型2、ECharts柱状图柱体颜色渐
    
                    
    • 
                    
  • 设置textarea禁止拉伸的方法: resize:none 221106笔记
                        kfepiza
HTMLCSSJS前端javascriptcss
                        
    设置textarea禁止拉伸的方法就是设置css的resize的值为noneresize:noneresize:noneresize:nonestyle=“resize:none”style="resize:none"element.setAttribute(‘style’,‘resize:none’);element.setAttribute('style','resize:none');ele
    
                    
    • 
                    
  • 【sgCreateTableColumn】自定义小工具：敏捷开发→自动化生成表格列html代码（表格列生成工具）[基于el-table-column]
                        你挚爱的强哥
Vue.js自动化运维
                        
    源码表格列生成工具字段中文名生成表格列→生成结果复制importpinyinfrom"@/js/pinyin";exportdefault{name:"sgCreateTableColumn",data(){return{textareaValue1:"",textareaValue2:"",};},watch:{textareaValue1(newValue,oldValue){newValue
    
                    
    • 
                    
  • el-form validator的校验提示遮盖下边的内容
                        夏目友人帐...
vue.jselementui前端
                        
    问题：表单的validator校验，无法自动撑起tip提示的高度，导致遮盖了下边内容解决方式：将tip提示的样式的定位设置为遵循正常的文档流对象，实现自适应高度。.el-form-item.el-form-item__content.el-form-item__error{position:static;}效果：
    
                    
    • 
                    
  • html表格标签(下)：lable标签，select标签和textara标签
                        fly in the sky !
前端学习html程序人生
                        
    html表格标签(下)：lable标签，select标签和textarea标签lable标签搭配input使用,点击label标签就能选中对应的单选/复选框,能够提升用户体验。for属性:指定当前label和哪个相同id的input标签对应(此时点击才是有用的)运行效果：select标签下拉菜单注：option中定义selected="selected"表示默认选中。示例代码：运行效果：默认选择年
    
                    
    • 
                    
  • 前端秘法基础式(HTML)(第二卷)
                        一枕眠秋雨>o<
前端秘法前端html
                        
    目录一.表单标签1.表单域2.表单控件2.1input标签2.2label/select/textarea标签2.3无语义标签三.特殊字符一.表单标签用来完成与用户的交互,例如登录系统1.表单域通过action属性,将用户填写的数据转交给服务器2.表单控件2.1input标签type属性:text文本输入框这是标题姓名type=password这种情况下对用户输入的数据具有加密效果type=rad
    
                    
    • 
                    
  • tableView嵌套CollectionView，并且tableView自适应高度，collectionView自适应宽度
                        Tomous

                        
    先上效果图gif.gif实现原理分为两部分：1、tableView里面嵌套CollectionView，tableViewCell分为标题和collectionView两部分，，并且根据collectionView的cell个数来自适应高度；2、collectionView的cell根据里面文字长度自适应宽度（也可以自适应高度，自行设置）简单的介绍一下代码，需要demo的同学请自行移步到gitHu
    
                    
    • 
                    
  • textarea 网页文本框在光标处添加内容
                        未来之窗软件服务
编程html5微信公众平台会员微信模板消息
                        
    在前端研发中我们经常需要使用脚本在文本框中插入内容。如果产品要求不能直接插入开始或者尾部，而是要插入到光标位置，此时我们就需要获取光标/光标选中的位置。很多时候，我在格式化文本处需要选择选项，将选择的信息输入到光标位置selectionStart&selectionEnd这两个属性分别对应选中区域的开始位置和结束位置，当没有选中任何内容的时候，两个值相等并且值为光标位置。const未来之窗_光标技
    
                    
    • 
                    
  • 解决el-table列中渲染el-input时输入框默认两行
                        逐梦的蜗牛

                        
    问题描述：el-table的列中多个type=''textarea"的el-input，文本框的值不足一行，当可视区域或者分辨率过低时，造成el-input的高度渲染为了两行的高度。造成此问题的原因是：表格和输入框同步渲染。解决方案：将表格和输入框做异步渲染，表格先渲染，输入框延迟渲染。
    
                    
    • 
                    
  • 【JavaEE】_HTML常用标签
                        _周游
JavaEEjava-eehtmljava
                        
    目录1.HTML结构2.HTML常用标签2.1注释标签2.2标题标签：h1~h62.3段落标签：p2.4换行标签：br2.5格式化标签2.6图片标签：img2.7超链接标签：a2.8表格标签2.9列表标签2.10表单标签2.10.1input标签2.10.2下拉菜单标签：select2.10.3多行编辑框标签：textarea2.11无语义标签1.HTML结构HTML用于描述网页骨架，是一个标签化
    
                    
    • 
                    
  • CSS必看知识整理
                        24e2785df9d3

                        
    学前端的一点css笔记，参考的是黑马程序员pink老师的教程。一.行内元素1.一行可以显示多个2.宽度核高度默认由内容撑开3.不可以设置宽高代表标签：a、span、b、ui、s、strong、ins、em、del二、行内块元素1.一行可以显示多个2.可以设置宽高代表标签：input、textarea（文本框）、button、select三、元素显示模式转换display:block转换成块级元素d
    
                    
    • 
                    
  • cocoscreator网页cope，复制到粘贴板，直接调用就可以，ts忽略报错
                        浪荡少年

                        
    /***复制网页字符串*/publicstaticwebCopyString(str,errFunc:Function,successFunc:Function){varinput=str;constel=document.createElement('textarea');el.value=input;el.setAttribute('readonly','');el.style.contain
    
                    
    • 
                    
  • 一键复制多行数据
                        寂静狂想曲
javascript前端
                        
    react项目后台一键复制多行数据需求，例：姓名：小明性别：男，偶像：奥特曼同步复制/***复制文本到剪切板中**@export*@param{*}value需要复制的文本*@param{*}cb复制成功后的回调*/functioncopy(value,cb){//动态创建textarea标签consttextarea=document.createElement('textarea')//将该t
    
                    
    • 
                    
  • JS实现一键复制、选中复制、选中多行复制
                        六卿
#jsjavascript前端js复制js选中复制复制粘贴
                        
    JS实现一键复制首先我们准备一份通用的一键复制代码：exportfunctioncopyTextFun(text){if(!text)returnfalsevartextarea=document.createElement('textarea')textarea.value=textdocument.body.appendChild(textarea)textarea.select()messa
    
                    
    • 
                    
  • iOS UIScrollView高度自适应
                        芮淼一线

                        
    UIScrollView经常会用来一些高度不确定的场景，要想完全展示(可滚动)需要正确计算contentSize的大小，当子控件很多时手动计算这些frame还是比较复杂，想要简单点就需要利用AutoLayout来实现自适应高度(宽度)。高度自适应时可以在UIScrollView中添加一个contentView，然后对contentView进行约束。然后将其他子控件添加到contentView中，再
    
                    
    • 
                                
  • 深入浅出Java Annotation(元注解和自定义注解）
                                    Josh_Persistence
Java Annotation元注解自定义注解
                                    
    一、基本概述 
  
  
　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。 
  
　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
    
                                
    • 
                                
  • mysql优化特定类型的查询
                                    annan211
java工作mysql
                                    
    

本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。

1 优化count查询
  对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看
  真正的count()函数的作用到底是什么。
  count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。
  在统
    
                                
    • 
                                
  • MAC下安装多版本JDK和切换几种方式
                                    棋子chessman
jdk
                                    
    环境： 
MAC AIR,OS X 10.10,64位 
  
历史： 
过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 
后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。 
  
在终端中输入jav
    
                                
    • 
                                
  • javaScript （1）
                                    Array_06
JavaScriptjava浏览器
                                    
    JavaScript 
 
1、运算符 
　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
    
                                
    • 
                                
  • 国内顶级代码分享网站
                                    袁潇含
javajdkoracle.netPHP
                                    
           现在国内很多开源网站感觉都是为了利益而做的 
  
        
       当然利益是肯定的,否则谁也不会免费的去做网站 
  
   &
    
                                
    • 
                                
  • Elasticsearch、MongoDB和Hadoop比较
                                    随意而生
mongodbhadoop搜索引擎
                                    
        
IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
    
                                
    • 
                                
  • mac os 系统科研软件总结
                                    张亚雄
mac os
                                    
    1.1 Microsoft Office for Mac 2011 
     大客户版，自行搜索。 
     1.2 Latex （MacTex）: 
     系统环境：https://tug.org/mactex/ 
    &nb
    
                                
    • 
                                
  • Maven实战（四）生命周期
                                    AdyZhang
maven
                                    
    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
    
                                
    • 
                                
  • Linux下Jenkins迁移
                                    aijuans
Jenkins
                                    
    1. 将Jenkins程序目录copy过去       源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面                tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
    
                                
    • 
                                
  • request.getInputStream()只能获取一次的问题
                                    ayaoxinchao
requestInputstream
                                    
    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据        
原因：   1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1；   2. InputStream并没有实现reset方法（可以重
    
                                
    • 
                                
  • 数据库SQL优化大总结之 百万级数据库优化方案
                                    BigBird2012
SQL优化
                                    
    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 
这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 
1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 
2.应尽量避免在 where 
    
                                
    • 
                                
  • jsonObject的使用
                                    bijian1013
javajson
                                    
            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 
JSONUtil.java 
package com.bijian.json.study;

import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
    
                                
    • 
                                
  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration
                                    bit1129
zookeeper
                                    
    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类 
  
  
首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher， 
  
    /**
     * Register a watcher for a particular p
    
                                
    • 
                                
  • 【Scala十三】Scala核心七：部分应用函数
                                    bit1129
scala
                                    
    何为部分应用函数？ 
Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
    
                                
    • 
                                
  • Tomcat Error listenerStart 终极大法
                                    ronin47
tomcat
                                    
    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 
 
Java代码  
handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
    
                                
    • 
                                
  • 不用加减符号实现加减法
                                    BrokenDreams
实现
                                    
            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。 
        分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。 
   
    
                                
    • 
                                
  • 读《研磨设计模式》-代码笔记-状态模式-State
                                    bylijinnan
java设计模式
                                    
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 




/*

当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类
状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况
把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化

如果在
    
                                
    • 
                                
  • CUDA程序block和thread超出硬件允许值时的异常
                                    cherishLC
CUDA
                                    
    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 
以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 
所以验证结果的正确性很重要！！！ 
在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 
 
 
以下程序在K5000GPU上跑的。
    
                                
    • 
                                
  • 诡异的超长时间GC问题定位
                                    chenchao051
jvmcmsGChbaseswap
                                    
    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 
2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
    
                                
    • 
                                
  • maven环境快速搭建
                                    daizj
安装mavne环境配置
                                    
    一 下载maven 
 
安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 
 
maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
    
                                
    • 
                                
  • PHP网站安全，避免PHP网站受到攻击的方法
                                    dcj3sjt126com
PHP
                                    
      
对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
    
                                
    • 
                                
  • yii中给CGridView设置默认的排序根据时间倒序的方法
                                    dcj3sjt126com
GridView
                                    
    public function searchWithRelated() { 
        $criteria = new CDbCriteria; 
 
        $criteria->together = true; //without th
    
                                
    • 
                                
  • Java集合对象和数组对象的转换
                                    dyy_gusi
java集合
                                    
        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 
1、数组对象转换为集合对象 
    最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
    
                                
    • 
                                
  • nginx同一主机部署多个应用
                                    geeksun
nginx
                                    
    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 
1.   在nginx下创建vhosts目录，用以放置vhost文件。 
mkdir vhosts 
  
2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 
#
    
                                
    • 
                                
  • ubuntu添加admin权限的用户账号
                                    hongtoushizi
ubuntuuseradd
                                    
    ubuntu创建账号的方式通常用到两种：useradd 和adduser .   本人尝试了useradd方法，步骤如下：  
1:useradd 
   使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 
顾应该如下操作： 
  
    
                                
    • 
                                
  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理
                                    jinnianshilongnian
nginxlua
                                    
       JSON库 
  
在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
    
                                
    • 
                                
  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
                                    yaerfeng1989
timerquartz定时器
                                    
    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 
代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 
有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 
1.Java Timer定时 
首先继承jav
    
                                
    • 
                                
  • Linux下df与du两个命令的差别？
                                    pda158
linux
                                    
    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。   　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。   　　举比例如以下：   　　[root@localhost ~]# df -T   　　Filesystem                   Type &n
    
                                
    • 
                                
  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象
                                    ctfzh
VOandroidsqlite反射Cursor
                                    
    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。 
  
使用时需要注意：   
考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。  
表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
    
                                
    • 
                                
  • 该学习笔记用到的Employee表
                                    vipbooks
oraclesql工作
                                    
        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 
 
 

drop table Employee;
-- 员工信息表
create table Employee(
       -- 员工编号
       EmpNo number(3) primary key,
       -- 姓
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他