位置: 编程技术 - 正文

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

  • 即征即退进项税额转出
  • 电子税务局的购票方怎么删除
  • 业务招待费报销要求
  • 境内公司代付境外货款
  • 新增资产额怎么计算
  • 预提费用账户期末
  • 小规模纳税人进项发票怎么做账
  • 职工伤残补助金被单位扣留违反什么法
  • 有限合伙企业分红避税
  • 替票和代票的区别是什么
  • 公司注销后款未收完怎么办
  • 广告公司文化事业建设费申报表如何填写
  • 税收法定原则的意义
  • 软件进项税额分摊方式
  • 金银首饰的消费税在什么环节
  • 职工养老金怎么交费
  • 付出去的款项退回怎么做账
  • 煤矿安全费用会议
  • 企业债卷利息收入是营业收入吗
  • 蛋糕店盈亏平衡分析
  • 总资产算不算负债
  • macos big sur更新后能改回来吗
  • 公司买了一辆二手汽车,怎么入账
  • 房地产企业土地使用税计算方法
  • Http请求-hutool工具类的使用
  • 赠送现金券是否违法
  • php7数据库操作
  • 狮子岩斯里兰卡
  • 汇兑损失是否可以抵扣
  • framework7教程
  • 物资销售收入
  • 一般纳税人增值税结转账务处理
  • 退质保金计入什么科目
  • 旅游景点的门票能做费用吗
  • 【MongoDB for Java】Java操作MongoDB数据库
  • 收到法院款项如何做账
  • 改签机票要收费
  • 电子承兑被退回要重新背书怎么办
  • mysql和sqlserver的sql语句一样吗
  • 银行存款日记账电子表格模板
  • 工资总额主要包括
  • 开票机号可以随便填吗
  • 技术服务费会计科目
  • 劳务公司开出的劳务票需要申报个税吗
  • 纳税对象的类型不包括
  • 二手车置换新车需要什么手续
  • 过次页和承前页怎么算
  • 小规模纳税人未开票收入如何申报增值税
  • 以物抵债在法律上叫什么
  • 发票遗失重开需要收费吗?
  • 销项减进项税额
  • 旅游业小规模纳税人税率是多少
  • 关于小规模纳税人2023年的政策
  • 企业应付职工薪酬增加说明什么
  • 在mysql中使用mysql workbench创建数据库
  • 数据库木马
  • aspnet开发和运行环境
  • bios1962错误
  • xp系统电脑开机密码忘记了
  • 修改linuxip
  • Linux系统忘记root密码
  • windows关闭安全引导
  • win8对机械硬盘不友好
  • win8远程桌面连接设置
  • 如何改变linux终端界面的颜色
  • linux中grep命令用法
  • 前端面试题csdn
  • jquery删除节点的元素
  • list嵌套list采用什么结构
  • jquery实现移动端
  • 怎么利用python爬虫爬数据
  • 怎么查看keytab文件
  • 江苏省国税总局
  • 贸易公司的税率多少
  • 发票金额模糊怎么查询
  • 广东省电子税务局app下载官网
  • 技术合同备案要求
  • 种子在什么情况下能发芽
  • 中税网讲师
  • 建设工程合同纠纷属于专属管辖吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设