位置: 编程技术 - 正文

原生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如何解决跨域问题)

  • 进项税和销项税怎么理解
  • 发票审核未通过,怎么查原因
  • 出纳发票不见了可以用微信转账记录记账吗
  • 计提上一年度企业所得税会计分录
  • 收到税收返还的会计处理
  • 微信公众号认证费用
  • 房产开发后自用需要交土地增值税吗
  • 支付退货款现金流怎么做
  • 专用发票丢失怎么抵扣
  • 高新技术企业技术转让所得
  • 免税品销售有增值税吗
  • 去年没有交社保,今年交了有用吗
  • 应交税费借方余额怎么处理
  • 预收美元和发票的关系
  • 销售不动产增值税税率变化
  • 多发工资还给老板是傻吗
  • 工程费用包括哪几类
  • 旧税号的发票专用章还能使用吗
  • 小规模纳税人增值税免征额
  • 六税两费减半会延期吗
  • 合并报表的范围
  • 所得税汇算清缴退税会计分录怎么做
  • win10资源管理器在哪里找
  • PHP:pg_lo_unlink()的用法_PostgreSQL函数
  • 税收返还需要缴纳什么税
  • 车辆赔偿款收条怎么写
  • 深度学习&故障诊断初学者 - 学习路线
  • thinkphp 多数据库
  • 大溪地海岛在什么地方
  • 商品流通企业的经营过程分为
  • vue自定义弹窗带有遮罩层
  • 土地转让注意事项有哪些
  • 发票打印出来的字太靠下了
  • flask框架入门
  • 前端等比例缩放
  • 域名续费多久生效
  • 拿到领料单如何做账
  • 营业外收支的账户是什么
  • 清单应该盖公章还是财务章
  • 研发费用属于什么会计科目
  • 企业购房怎么贷款
  • 电费账务qc
  • 发票过了认证时间期限还可以红冲么
  • 企业借入长期借款的用途主要有
  • 企业财务费用为负好不好
  • 补缴税款计入什么科目
  • 一个公户从农业银行开户
  • 快递公司成本分析
  • 发票还没认证可以报销吗
  • 小企业营业外收入包括
  • 公司变更名字后,公账怎么办
  • 公司返聘退休人员的员工比例有没有规定
  • 独立核算和非独立核算哪个好
  • 负债表预付账款怎么填
  • 服装店的财务会计怎么做
  • 对方发票丢失怎么申报丢失
  • SQL Server的通用分页存储过程 未使用游标,速度更快!
  • u盘安装vista
  • win7系统硬盘安装版
  • winxp和win7双系统安装
  • ksysslim.exe
  • linux快速查找历史命令
  • windows出现问题怎么处理
  • win8系统电脑没声音怎么办
  • macbook如何安装windows
  • 部分用户开启隐私,暂时无法查看怎么办
  • win7无线无法连接怎么办
  • centos7yum安装
  • win8如何升级到win10系统版本
  • opengl裁剪平面
  • 纵向导航页面
  • 跨浏览器跨终端的前端开发
  • dos基本命令大全关机
  • unity移动脚本代码
  • js修改url
  • jQuery.Callbacks()回调函数队列用法详解
  • 税务系统更新不能开发票
  • 电子税务局怎么添加银行账户信息
  • 税务三方协议多久生效
  • 联合举办的活动
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设