位置: 编程技术 - 正文

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

  • 个体工商户怎么年报
  • 建设单位施工现场补助
  • 开出收据要做财务报表吗
  • 成品油跨月发票红字冲销步骤
  • 外币账户收款如何做账务处理呢?
  • 修理费没有发票怎么做账
  • 购买材料自用不退款
  • 收到电子承兑汇票的账务处理
  • 异地承包工程预缴什么税?
  • 增值税专用发票验证真伪
  • 营改增之前
  • 商贸公司购买货物会计分录
  • 个人独资企业还是个体户好
  • BT模式建设项目怎么处理税收?
  • 苹果mac dns设置
  • 年度成本费用利润率多少合适
  • 受托加工物资入库流程
  • 购入的车辆入账包括哪些费用
  • 开红字专用发票记账时摘要怎样写?
  • 企业能公户往个人转账吗
  • 所得税汇算清缴退税会计分录怎么做
  • 苹果电脑隐藏软件功能怎么开启
  • php论坛代码
  • 如何取消windows启动管理器
  • windows 11预览版
  • 如何处理收到的短信
  • 代理记账费用计入什么会计科目
  • 企业延期收款
  • 采购周转材料会计分录怎么写
  • Yii2超好用的日期和时间组件(值得收藏)
  • 差额征税收到雇主责任险进项发票能抵扣吗
  • 商业预付卡可以报销吗
  • 前端搭建小人逃脱游戏(内附源码)
  • effective c++ github
  • 国内php大牛
  • 怎么冲暂估入账
  • 企业投资计入什么科目
  • 物流公司挂靠车辆怎么做账
  • 个人出租房可开发票吗
  • 年末结转增值税明细
  • 织梦森林官网
  • mongodb如何修改数据
  • 申报错误要罚款吗
  • 送货运杂费属于什么收入
  • 一次性伤残补助金怎么计算
  • 人力资本收入
  • 分公司可以在银行贴现吗
  • 异地预缴税款怎么抵扣
  • 用银行承兑汇票购买原材料会计分录
  • 个人所得税不允许核定的行业
  • 为什么股票配资的都在境外交易
  • 公司之间的借款利息有最小限制吗
  • 进项发票可以退税吗
  • 企业中的消费环境分析
  • 员工办理健康证费用由谁支付
  • 某个项目投资款怎么入账
  • 企业免征税范围有哪些
  • 会计核算的主要环节
  • win10更新dx
  • ubuntu调出命令行
  • oracle数据库网络配置工具
  • win7 ready
  • macbookair2015安装win7 单系统
  • linux vmware卸载
  • musirc4.71.exe - musirc4是什么进程文件 有什么作用
  • win8设置无线网络
  • win10系统用正版有什么好处
  • visual studio 无法编译
  • 微信内置浏览器怎么清除缓存
  • js原生dialog
  • Android带有注册界面的简单app
  • 每天一篇日记100字
  • android开发前景
  • android_zh
  • java script入门
  • javascript面向对象精要pdf下载
  • 发票查验结果怎么保存
  • 税务部门督查内审部门监督检查的内容
  • 浙江税务打不开,提示新版本
  • 初级会计职称可以挂靠吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设