位置: 编程技术 - 正文

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

  • 个所税包括什么
  • 财务软件怎么看利润
  • 关税是直接税还是间接税
  • 交易性金融资产公允价值变动计入
  • 老板住酒店的住宿费发票入什么会计科目
  • 个税系统经营所得如何添加人员信息
  • 地价计入房产原值公式
  • 住宿报销是开普票还是专票
  • 增值税扣费
  • 售后维修的配件有哪些
  • 委托加工物资需要计提存货跌价准备吗
  • 非盈利组织是两套账吗?
  • 小规模没有成本票企业所得税怎么办呀
  • 取得虚开增值税专用发票罪
  • 物业公司收取电损费合法吗
  • 电子承兑背书失败是怎么回事
  • 进口缴纳的关税通过什么核算
  • 出口退税没有进项就退不了税吗?
  • 工会经费可以购买购物卡吗
  • 行政单位在建工程入账
  • 股权变更印花税双方都要交吗
  • 资源税征收管理纳税期限
  • 发票勾选 发票认证
  • 收到劳务公司缴税怎么办
  • 营改增一般纳税人申请过渡性财政扶持资金
  • 借主营业务成本贷库存商品
  • 微信支付宝余额为零的表情包
  • 季报中现金流量表报的是当季的还是本年累计数
  • 纳税信用等级是自动判定吗
  • 注册资本与利息的税前扣除
  • 购买原材料无法确认收入
  • 技术合同包括哪些类型
  • 收据入账会计分录
  • 华为mate x3最新价格
  • umi ts
  • 税前扣除凭证管理办法第九条称小额零星支出是
  • 主营业务利润率多少合适
  • 费用要素是企业对各种费用按经济用途进行的分类
  • 免征企业所得税的有
  • 无形资产的会计处理
  • 企业所得税季度申报表A类
  • 公司购买土地建厂房怎么入账
  • 研发和技术服务税率3%
  • 计算机视觉项目队友只让你打标签是什么意思
  • php 命名空间 通俗易懂
  • 出租厂房计提折旧会计分录
  • mysql中的外键的作用
  • 公司车辆保险费要交印花税吗
  • 委托加工物资的消费税计入成本吗
  • 可供出售金融资产名词解释
  • 新增项目和延续项目
  • 高新技术企业取消资格的程序
  • 常见的递延所得税
  • 所得税汇算清缴前取得跨年发票
  • 人力资源公司劳务费发票税率
  • 记账凭证的基本要素包括
  • 差旅费报销单是谁填写的
  • 资本金与注册资金的关系
  • 不同利益主体之间的利益如何协调
  • 收到保险公司的赔款计入什么科目
  • 低值易耗品最新定义
  • mysql的概念及作用
  • sql server?
  • mac音频设置在哪里
  • mac设置启动系统
  • macbookair如何删除
  • centos7挂载
  • linux awk '{print $0}'
  • 000.exe病毒
  • linux日志内容
  • Facebook Open Platform编译FAQ
  • win10周年版
  • win7取消禁用无线网络
  • android摇一摇实现
  • jquery获取点击元素
  • 《javascript高级程序设计》
  • Jquery ajax请求导出Excel表格的实现代码
  • 电子税务局打印发票提示本机未检测到
  • 免征增值税的销售额
  • 金水区地税局办事大厅
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设