位置: 编程技术 - 正文

原生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等事件 动态添加元素,获取设置动态属性

基本思路:

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

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

获取到所有头像的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支

标签: 原生js实现promise

本文链接地址:https://www.jiuchutong.com/biancheng/377496.html 转载请保留说明!

上一篇:JavaScript获取图片像素颜色并转换为box-shadow显示(js 获取图片大小)

下一篇:简单谈谈json跨域(jsonp如何解决跨域问题)

  • 收入纳税数据是什么意思
  • 服务型公司要交多少税
  • 车船使用税新规2020
  • 小规模纳税人怎么变成一般纳税人
  • 销项减进项余额在哪方
  • 银行贷款印花税是什么意思
  • 购买方已抵扣开具红字信息表之后做账需要什么原始凭证
  • 哪些车辆可退还车款
  • 房屋估价入账需要计算什么税款?
  • 印花税工会经费会计分录
  • 固定资产之前没提折旧,数额交大
  • 进项税额转出会影响利润吗
  • 购买税控盘的钱能全额抵扣增值税吗
  • 土地配套费如何缴纳
  • 一般纳税人的增值税应纳税额等于
  • 腾讯计算机系统扣费15元怎么查
  • 除工资外其他收入需要个税吗
  • 固定资产叉车卖出怎么开票
  • 如何在国税网站下载财务报表
  • 合并财务报表的特点
  • 支票遗失要怎么补办
  • 股权转让收到钱会计分录
  • 支付销售产品的保险费计入什么科目
  • 哪些科目适用于借方多栏式
  • 社保打入其他公司代扣分录怎么做?
  • 笔记本最新windows
  • win7鼠标点右键没反应
  • 根据完工产品编制记账凭证
  • 已抵扣的进项税额红冲的账怎么做
  • win10开机强制进入修复模式
  • 刷票系统能看出来吗
  • 从午夜穹顶看育空河,加拿大育空道森市 (© Robert Postma/Getty Images)
  • 税控系统维护费抵扣申报表怎么填
  • 现金流量表的编报时间有
  • 期初未缴税额有数字怎么处理
  • 小规模未达起征点免税分录
  • 福利费专用发票如何账务处理
  • 傅里叶级数狄利克雷判别法
  • 员工福利费怎样计提
  • 固定资产多少钱以上才要计提折旧
  • 卖出周转材料的分录怎么做
  • 小企业库存商品会计分录
  • 内帐税金会计分录
  • 企业低值易耗品的摊销方法有
  • 总公司签合同开票分公司做业务分公司如何确认收入?
  • 公帐的钱可以转到其他人帐户吗
  • 个人独资所得
  • 航空电子客票行程单是发票吗
  • 疫情捐款可以抵扣增值税吗
  • 普惠性幼儿园是什么意思
  • 预付房租摊销
  • 可供出售金融资产名词解释
  • 营业外收入应如何核算
  • 佣金支出和手续费一样吗
  • 公司向税务局缴纳税款
  • 待抵扣进项税会计分录实操
  • 公司汽车租赁开什么税目
  • 商品进销存台账
  • 销项税额减去进项税额就是该交的税吗
  • 旧设备投资的账务处理
  • 事业单位预收账款
  • 通透Windows 2008系统状态变化
  • 虚拟机怎么不能玩游戏
  • win7那些自启可以禁用
  • 手机耳机插在电脑上能说话吗
  • ubuntu x
  • win10应用商店更新软件更新不了
  • macbook qq截图存在哪
  • win10玩cf几分钟无响应
  • win7怎么看电脑ip地址
  • Win10 RS1 14267 SDK版本发布下载
  • javascript字面量
  • android 游戏平台
  • 利用感情骗取钱财算诈骗吗
  • JavaScript中的复杂数据类型又称为
  • python的特点及应用范围
  • 12种JavaScript常用的MVC框架比较分析
  • 如何践行中国精神论文
  • 税务局追缴社保流程及办理期限
  • 3%增值税专用发票成本多少钱
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设