原生JavaScript制作微博发布面板效果(原生js实现promise)

编辑：rootadmin

推荐整理分享原生JavaScript制作微博发布面板效果(原生js实现promise)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js原生dialog,原生js实现ajax步骤,js原生dialog,原生javascript开发,js原生dialog,原生javascript开发,原生js实现promise.all,原生js实现promise,内容如对您有帮助，希望把文章链接给更多的朋友！

javaScript实现微博发布面板效果.采用的js知识有：

正则表达式区分中英文字节、随机数生成等函数淡入淡出、缓冲运动。闪动等动画函数 onfocus、onblur、oninput、onpropertychange等事件动态添加元素，获取设置动态属性

基本思路：

当内容为空时，发布按钮为灰色，点击时候文本框会闪动，输入文字会提示还可以输入多少文字，超出会提示，且不能发布，要注意的是，判断文本框内容的长度，不能直接来，因为英文属于一个字节，中文占两个，要用正则处理一下！

获取到所有头像的src之后，存入到一个变量中，当点击头像时候，将头像的src赋予添加元素的img，动态创建日期对象，手机型号，姓名存到数组，采用生成随机数的方式获取，当文本框有了内容并且选取头像后，可以发布成功，发布时候淡出效果，创建一个li，添加li的时候不能直接采用 appendChild,这回直接添加到已有元素的后边,而微博效果是插入到前头，这是需要判断一下，当有元素时候采用 insertBefore方法，当没有元素时候采取appendChild。

html代码,因为不是同一天做的，后续的后头添加的，所以js代码的可读性不是很好，请谅解。不过尽量注释的很明白了，如有疑问请留言！

下面附源码下载地址！

源码下载：微博发布面板

希望本文所述对大家学习javascript程序设计有所帮助。

简单谈谈json跨域这一篇文章呢，主要是之前一直听别人讲json跨域跨域，但是还是一头雾水，只知其一，于是一怒之下，翻阅各种资料，如果有不正确的地方，劳烦指正

深入探究JavaScript中for循环的效率问题及相关优化 Underscore.js库你一天（一周）内写了多少个循环了？vari;for(i=0;isomeArray.length;i++){varsomeThing=someArray[i];doSomeWorkOn(someThing);}这当然无害，但这种写法非常丑而

GitHub上一些实用的JavaScript的文件压缩解压缩库推荐项目里要用到archive和unarchive整个已存在的folder，在找解决方案的时候尝试了一些当前比较流行的library，主要有adm-zip,JSZip,archiver等。一.Useadm-zipadm-zip支