位置: 编程技术 - 正文

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

  • 哪些企业可以出2.2证书
  • 固定资产报废申请表模板
  • 房屋买卖收税
  • 税财通财务软件备份与恢复
  • 存货报废进项是否要转出
  • 物业费按年交有优惠吗
  • 个体户逾期申报罚款多少
  • 小规模没有成本票企业所得税怎么办呀
  • 补记固定资产
  • 纳税期限与申报的关系
  • 红字冲销增值税专用发票怎么写
  • 微信提现手续费最新规定
  • 购进二手办公设备如何进行入账?
  • 电子钥匙续费能退款吗
  • 计提的工资没有实际发放,是否需要调增?
  • 购买的装修样品怎么入账
  • 小微企业从业人数包括
  • 工资条上税基调整是啥意思
  • 发生可抵扣暂时性差异是调增还是调减
  • windows在cmd设置变量
  • 冲销多计提个税怎么做账
  • 退款给客户怎么写分录
  • 限额领料单属于外来原始凭证吗
  • 固定资产处置的三种情况
  • 收到过期银行汇票怎么办
  • 福利性分配举例
  • 秋分日的时间意义庆祝方式
  • yarn的配置
  • php上传图片并显示
  • webform前端
  • 有关厉元朗的小说
  • 专票退税是什么意思
  • Vue3+TypeScript+Vite如何使用require动态引入类似于图片等静态资源
  • 如何构建自己的精神空间
  • php导出表格
  • vue组件怎么使用
  • 专利费用计入研发费用还是管理费用
  • 装货费用
  • mongodb用法
  • 预交的企业所得税需要计提吗?
  • 高速公路费如何开票
  • 我们可以收到很多礼物
  • 管理费用明细科目大全
  • 生活垃圾处理费合法吗
  • 在建工程包括哪些大类科目
  • 印花税处罚适用征管法六十四条规定
  • 投资性房地产折旧和摊销的区别
  • 税局代开的法律顾问费能否抵扣?
  • 主营业务成本可以直接贷银行存款吗
  • 公允价值举例说明
  • 新手学会计怎么学
  • sql判断字段是否有某个值
  • fedora内核版本
  • win2003和xp一样吗
  • freebsd使用
  • win8怎么设置开机启动项
  • linux之间拷贝文件
  • cleanmymac3激活码领取
  • 如何输入密钥上网
  • win10没空间
  • cocos jsc
  • [置顶]津鱼.我爱你
  • javascript数据结构
  • jquery滚动条滚动到指定位置
  • css常用布局方式
  • javascript教程完整版
  • unity camera fov
  • jquery的css方法
  • python右斜杠怎么打出来
  • JavaScript onkeydown事件入门实例(键盘某个按键被按下)
  • 安卓手机加速方法
  • 广东省深圳市税占27%,高新技术占15%,各市分别占多少?
  • 门诊看病记录怎么查
  • 北京市地方税务局发票查验
  • 广东增值税电子专用发票
  • 山东水利建设基金减免政策
  • 广州市番禺区国丹信息管理有限公司
  • 请问在哪里可以培训护工
  • 查询产品真伪怎么查询app
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设