截止到这篇文章发布，搭建开发环境用到的组件、工具：Node.js 8.2.1、npm 5.3.0、webpack 2.6.1、sublime3

在做表单配置时，项目遇到需要写一个回复月工作内容的页面，设计师给的初始界面就是一个只有一行的框。后台要求，必须用textarea，然后当时就想这个交互该怎么实现比较好，然后想起了新浪微博的做法：点击评论，默认显示一行，当输入的文字超过一行或者输入Enter时，输入框的高度会随着改变，直到输入完毕。顿时觉得这个细节做得挺不错的，可以效仿下。

<textarea name="textarea" id="textarea" onpropertychange="this.style.height = this.scrollHeight + 'px';"   
oninput="this.style.height='auto';this.style.height = this.scrollHeight + 'px'" style="overflow-Y: hidden;">  
</textarea>  

实际效果测试：

拓展延伸

1、height、clientHeight、scrollHeight、offsetHeight的区别
2、textarea其他两种方式实现高度自适应

1 数组合并

1.1 concat 方法

var a=\[1,2,3\],b=\[4,5,6\];  
var c=a.concat(b);  
console.log(c);// 1,2,3,4,5,6  
console.log(a);// 1,2,3  不改变本身  

项目上需要一个文件重命名功能，就像百度网盘的文件重命名一样，只选中文件名不选中后缀:
这样子：

代码如下：

1、需要对IE6支持的话，只能使用jQuery UI 1.9.2，目前官网定制页只有1.9.2会支持IE6，

jQuery UI Upgrade Guide（升级指南）中指出

jQuery UI 1.10 Upgrade Guide

Removed support for IE6

IE6 usage has dropped to a low enough point that jQuery UI no longer finds it necessary to support. As of 1.10.0, some portions of jQuery UI may not work properly in IE6. If you need to continue to support IE6, use the latest jQuery UI 1.9 release.
jQuery UI 1.11 Upgrade Guide

Discontinued IE7 Support

As of this release we are no longer accepting bug reports for IE7 issues. We have also removed IE7 from our testing infrastructure. The IE7 workarounds are still present in the code, but we will remove them for jQuery UI 1.12.

2、部分组件只在服务端生效，目前用过的服务端生效的有：resizable、slider、

世间曾有一个小丑。

他长时间都过着很快乐的生活；但渐渐地有些流言传到了他的耳朵里，说他被公认为是个极其愚蠢的、非常鄙俗的家伙。

小丑窘住了，开始忧郁地想：怎样才能制止那些讨厌的流言呢？

一个突然的想法使他的脑袋瓜开了窍……于是，他一点也不拖延地把他的想法付诸实行。

他在街上碰见了一个熟人，那熟人夸奖起一位著名的色彩画家。

“得了吧！”小丑提高声音说道，“这位色彩画家早已经不行啦……您还不知道这个吗？我真没想到您会这样……您是个落后的人啦！”

熟人感到吃惊，并立刻同意了小丑的说法。

“今天我读完了一本多么好的书啊！”另一个熟人告诉他说。

“得了吧！”小丑提高声音说道，“您怎么不害羞？这本书一点意思也没有，大家老早就已经不看这本书了，您还不知道这个？您是个落后的人啦！”

于是，这个熟人也感到吃惊，也同意了小丑的说法。

“我的朋友某君真是个非常好的人啊！”第三个熟人告诉小丑说，“他真正是个高尚的人！”

“得了吧！”小丑提高声音说道，“某君明明是个下流东西！他抢夺过所有亲戚的东西。谁还不知道这个呢？您是个落后的人啦。”

第三个熟人同样感到吃惊，也同意了小丑的说法，并且不再同那个朋友来往。总之，人们在小丑面前无论赞扬谁和赞扬什么，他都一个劲儿地驳斥。

只是有时候，他还以责备的口气补充说道：“您至今还相信权威吗？”

“好一个坏心肠的人！一个好毒辣的家伙！”他的熟人们开始谈论起小丑了，“不过，他的脑袋瓜多么不简单！”

“他的舌头也不简单！”另一些人又补充道，“哦，他简直是个天才！”

末了，一家报纸的出版人，请小丑到那儿去主持一下评论专栏。

于是，小丑开始批评一切事个一切人，一点也没有改变自己的手法和自己趾高气扬的神态。

现在，他——一个曾经大喊大叫反对过权威的人——自己也成了一个权威了，而年轻人正崇拜他，而且害怕他。

他们，可怜的年轻人，该怎么办呢？虽然一般地说，不应该崇拜……可是，在这儿，你试试不再去崇拜吧——你就将是个落后的人啦！

在胆小的人们中间，小丑们是能很好地生活的。

由于项目需求，写到某个插件的时候，需要阻止backspace等浏览器默认事件，但是用e.preventDefault()无论如何都搞不定，火狐和谷歌在input或textarea失焦之后，按backspace都执行了后退(上一页)，网上查了资料，也问了不少人，最终原生js解决，以此为记：

在调用之前，引入如下4行代码即可

new_element=document.createElement("script");   
new_element.setAttribute("type","text/javascript");   
new_element.setAttribute("src","b.js");  
document.body.appendChild(new_element);  

分析：利用document.createElement(“script”)生成了一个script的标签，设置其type属性为text/javascript，src为a.js(这里的a.js同b.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来，我们就可以调用到不同js文件中的方法了