位置: 编程技术 - 正文

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

  • 月薪3万个人所得税是多少
  • 企业所得税怎么算出来
  • 装修行业小规模纳税人增值税专票
  • 固定资产加速折旧的方法有哪些
  • 应收账款确认无法收回分录
  • 固定资产期初余额在哪里录入
  • 出租设备应计入什么科目
  • 进口内销是什么意思
  • 股东转入的钱算什么
  • 无形资产摊销是增加还是减少
  • 首次购置增值税税控系统
  • 啤酒的税率是多少2022
  • 油票发票可以抵进项税吗
  • 劳务派遣劳务费发票怎么开
  • 企业2015年申报抵扣的增值税,2016年检查有11000元不得抵扣,需要补交增值税11000元并收滞纳金及罚款1200元,请问老师具体该怎么做账,谢谢
  • 医院医保统筹支付后还能报销吗
  • 应交税费应交增值税明细科目设置
  • 员工高温补贴奖励怎么写
  • 企业停工期间发放工资
  • linux常用命令详解
  • 上个月的流量这个月可以用吗
  • 小规模纳税人可以开增值税专用发票吗
  • 怎么进入bios设置界面设置内存
  • 公司成立之初
  • Win10待机唤醒后白屏怎么办
  • php数组函数,选班长
  • 企业年金基金收益
  • 问题解决能力
  • php pulsar
  • 套期工具的会计分录
  • 固定资产是指什么
  • thinkphp案例
  • thinkphp extend
  • ChatGPT进阶-提示词中文版
  • echarts图大小设置
  • 电赛例题
  • vue移动
  • js轮播图视频教程
  • js防抖节流的区别和使用场景
  • 工程没结算能否竣工验收
  • 增值税发票超过一年未抵扣
  • 网上变更财务负责人新负责人要确认吗
  • 商品进销差价是流动资产吗
  • 建筑企业预缴的增值税怎么抵扣
  • mysql,if
  • 商业汇票分为哪几种
  • 中标服务费如何赋码
  • 委外加工物资管理制度
  • 商贸公司用什么软件好
  • 风险纳税人去税务局去报税可以吗
  • 先付款后开票还是先开票后付款
  • 计提工资的会计账务处理
  • 企业可以不交残保金吗
  • 管理费用和销售费用都有职工薪酬
  • 小规模纳税人购进税控设备如何抵扣
  • 营业执照代办需要什么手续
  • 进项税额转出怎么操作
  • 债务重组的方式主要包括哪些
  • where条件加判断
  • 勒索病毒2021
  • centos安装选择哪个
  • windows xp远程控制
  • windows2008
  • psdrvcheck.exe - psdrvcheck是什么进程 有什么用
  • windows7禁用wifi怎么办
  • find按照文件大小查找
  • win7z
  • wind10升级
  • windows阻止
  • win7创建一个标准用户账户
  • cocos2dx 3.3 + QT5.3制作游戏编辑器
  • shell提示
  • shell执行多个命令
  • JavaScript中的数据类型分为两大类
  • python发邮件代码
  • jquery detach
  • 广东省电子税务局电话
  • 湖北税务登不上去是怎么了
  • 社保扣费为什么忽高忽低
  • 查册证明怎么自动生成
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设