位置: 编程技术 - 正文

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

  • 企业所得税汇算清缴补缴税款分录
  • 一般纳税人抵扣小规模期间的专票怎么解决
  • 有形资产租赁服务的税率
  • 外币收入的增值税是多少
  • 费用报销票跨月跨年可以吗
  • 月末一般无余额的有
  • 每月长摊金额如何分摊
  • 增值税科目年末结转可以吗
  • 其他综合收益转入投资收益
  • 持有至到期投资是什么意思
  • 金税三期实收资本的印花税在哪缴?
  • 润滑油消费税征税环节
  • 已认证抵扣的进项发票,次月开具红字发票信息表,凭证
  • 灭草剂使用说明
  • 逐步测试法计算内含报酬率
  • 实收资本叫别人代缴可以不
  • 固定基金怎么算
  • 出口退税计算方式
  • 外地预缴企业所得税汇算清缴退税
  • 施工企业直接费间接费怎么算
  • 出口申报时限
  • 员工娱乐活动比赛项目
  • 购买库存商品收到发票怎样做分录
  • 税务更正申报需要哪些资料
  • iphone无法打开网页怎么办
  • 预付业务招待费会计分录
  • php正则替换字符串
  • 喜加一平台
  • 借股东现金会计分录
  • mediabrowser.exe是什么
  • 本部借给分公司的钱用交印花税吗
  • 土地承包经营权和土地经营权区别
  • 灯光璀璨的夜晚
  • 梅拉和艾斯德斯
  • 新的担保法是怎么规定的
  • 小微企业资金数额
  • 微信小程序授权管理在哪里
  • cnpm安装成功为什么用不了
  • Vue中@change、@input和@blur的区别以及什么是@keyup
  • php应用实例
  • 征地费用包括
  • python字符串isdigit
  • 将织梦dedecms转换到wordpress
  • sqlserver2012安装后找不到
  • 保险公司作为奖金怎么算
  • 老板让我做分公司负责人能接受么
  • 小规模纳税人开专票需要交税吗
  • 一般餐饮业的固废是什么
  • 外出经营预缴税款表怎么填
  • 无偿使用期限
  • 什么是资金结存,它具体包括哪些内容
  • 水利建设基金的征税对象
  • 要约收购期满
  • 销售使用过的汽车增值税税率
  • sqlserver 断开数据库连接
  • sql clean
  • mysql配置怎么调出来
  • windows任务管理器怎么打开
  • win8系统手机
  • centos如何更新内核
  • mac安装windows10体验
  • 系统的虚拟内存可以清理吗
  • 提高生殖能力
  • win8启用或关闭windows功能
  • 苹果手机价格
  • 苹果发布首款MR头显
  • linux记录操作记录
  • Win10年度升级版Redstone来了:更加个人化的计算体验
  • [置顶]游戏名 TentacleLocker
  • es6字符串模版
  • web ui控件
  • 安卓骰子游戏
  • unity开发安卓游戏教程
  • js的document.getelembyid
  • 浅析科学发展观的核心立场
  • jquery示例
  • JavaScript中的方法名不区分大小写
  • 安卓手机管家删除的照片怎么恢复
  • 杭州税务稽查举报电话
  • 煤矸石征收资源税吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设