位置: 编程技术 - 正文

基于JS2Image实现圣诞树代码(jsgenerator)

编辑:rootadmin

推荐整理分享基于JS2Image实现圣诞树代码(jsgenerator),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript基于,js实现二维码生成与解析,js 2d,javascript基于,用js写html代码案例,用js写html代码案例,javascript基于,js2xml,内容如对您有帮助,希望把文章链接给更多的朋友!

马上圣诞节了,作为一名程序猿,如何体现自己独特的过节风格,如何在朋友圈发一张专属自己的祝福照片我觉得很有必要,你们说是不是。

谈到圣诞节,话说程序猿和圣诞之间的关系还有这么一个笑话:

Q:程序员为什么总是将万圣节和圣诞节弄混?

A:因为oct ==Dec !

停停停...

先不笑,咱们先冷静下...

面对圣诞节还得加班加点的苦逼程序猿们,我们来缓解下自己沉闷的心情,发挥下自己独特的艺术细胞,是时候装一下逼了...

那就让我们用手头的IDE工具来展示一颗圣诞树吧,没有圣诞老人,没有圣诞礼物,咱们有圣诞树。

瞧,出来了,不是一棵,是一坨。

↓↓↓↓↓↓↓↓↓↓

所有的js代码都堆成树了....

关键是还是自动生成的!

这咋搞?咋搞?

下面就和大家一起分享:

首先这并非小编原创,之前便有牛逼的大神创造了这一款工具,它叫js2image。

js2image 是一个可以把js源代码压缩成一个ascii字符画的源代码的工具,它的特色是压缩后的代码仍可运行,而不是简单的拼成最终的图案哦。

安装了node和npm的童鞋可以直接使用以下命令安装js2image:

安装完毕后执行命令:

基于JS2Image实现圣诞树代码(jsgenerator)

其中的路径./resource/jquery.js为你所要压缩js的文件路径

执行完命令后会生成一个xmas.js结尾的文件,打开来可以看到一棵棵圣诞树咯。

其他安装方法可详见:

github地址: new image()

创建一个Image对象:var a=new Image(); 定义Image对象的src: a.src=”xxx.gif”; 这样做就相当于给浏览器缓存了一张图片。

图像对象:

建立图像对象:图像对象名称=new Image([宽度],[高度])

图像对象的属性: border complete height hspace lowsrc name src vspace width

图像对象的事件:onabort onerror onkeydown onkeypress onkeyup onload

需要注意的是:src 属性一定要写到 onload 的后面,否则程序在 IE 中会出错。

参考代码:

运行上面的代码后,在不同的浏览器中进行测试,发现 IE 和 FF 是有区别的,在 FF 中,img 对象的加载包含在 body

的加载过程中,既是 img加载完之后,body 才算是加载完毕,触发 window.onload 事件。

在 IE 中,img 对象的加载是不包含在 body 的加载过程之中的,body 加载完毕,window.onload 事件触发时,img

对象可能还未加载结束,img.onload事件会在 window.onload 之后触发。

根据上面的问题,考虑到浏览器的兼容性和网页的加载时间,尽量不要在 Image 对象里放置过多的图片,否则在 FF 下

会影响网页的下载速度。当然如果你在 window.onload 之后,执行预加载函数,就不会有 FF 中的问题了。

可以通过Image对象的complete 属性来检测图像是否加载完成(每个Image对象都有一个complete属性,当图像处于

装载过程中时,该属性值false,当发生了onload、onerror、onabort中任何一个事件后,则表示图像装载过程结束(不管成

没成功),此时complete属性为true)

注:

ie 火狐等大众浏览器均支持 Image对象的onload事件。

ie8及以下、opera 不支持onerror事件

JS实现部分HTML固定页面顶部随屏滚动效果 本文实例讲述了JS实现部分HTML固定页面顶部随屏滚动效果。分享给大家供大家参考,具体如下:我们经常在淘宝网看到这样的特效,商品列表特别长,

javascript与jquery中的this关键字用法实例分析 本文实例分析了javascript与jquery中的this关键字用法。分享给大家供大家参考,具体如下:this表示当前的对象,这个当前对象可以是表单,p等任何元素1.ja

借助FileReader实现将文件编码为Base后通过AJAX上传 使用AJAX是无法直接上传文件的,一般都是新建个iframe在它里面完成表单提交的过程以达到异步上传文件的效果。如此做可以达到比较好的浏览器兼容性

标签: jsgenerator

本文链接地址:https://www.jiuchutong.com/biancheng/385540.html 转载请保留说明!

上一篇:谈谈我对JavaScript原型和闭包系列理解(随手笔记9)(谈谈我对中国传统文化的理解)

下一篇:JS实现部分HTML固定页面顶部随屏滚动效果(js中.html)

  • 印花税进什么费用
  • 资产现金流量收益率计算例题
  • 减免的养老保险怎么走账
  • 小规模纳税人补税怎么补
  • 残保金滞纳金能超过本金吗
  • 成本结转的方法能用百分比法吗
  • 所得税流程
  • 到期一次还本付息的债券投资摊余成本
  • 通行费发票勾选认证有多少就可以抵扣多少吗
  • 房产继承是不是谁照顾谁的
  • 不是单位职工个税怎么算
  • 付款单是发票吗
  • 医药酒精现在要兑水喝吗
  • 预缴增值税预缴的城建税怎么申报
  • 贴现的利息能不能取出来
  • 在PDF里怎么将A4缩小转换为一半打印出来
  • 资产负债表用来调节利润的负债
  • 财务每月需要报哪些税
  • 计算消费税要价税分离吗
  • 一般纳税人简易征收3%可以开专票吗
  • 运费发票备注栏样板
  • 造价咨询暂定级能接业务吗
  • 出口退税服务
  • 去除页眉的横线快捷方式
  • 季度所得税如何更正申报
  • win10开机黑屏几秒
  • 一年以上预收账款
  • 企业所得税计税依据
  • 绿萝怎么修剪才能更旺盛
  • php关键字的意思
  • 免税和免征增值税是一个意思么
  • 无形资产摊销会影响利润吗
  • 红字发票开具后蓝字发票开具时限的问题
  • 存货损失的账务处理
  • phpfor循环语句
  • php jsondecode
  • 小规模纳税人上月发票开错了怎么办
  • 隐藏index.html
  • 怎么编制资金平衡表格
  • win11右键没了
  • 土地成本会计分录
  • 机械租赁税率是多少?
  • 新建配电房需要哪些手续
  • 所有者权益合计怎么算
  • 什么是行政单位任命的事业单位工作人员
  • 其他应付款个人在贷方表示什么
  • 先开票后发货如何操作
  • 定期存款一次性可以存多少钱
  • SQLServer中Partition By及row_number 函数使用详解
  • 关联企业借款费用
  • sqlserversa用户登录失败
  • 代理记账的业务规范
  • 固定资产清理费用对应科目
  • 分期购车会计分录小规模
  • 投资收益算在营业利润里面吗
  • 取得股息红利怎么交税
  • 暂估入账跨年如何红冲
  • 加油票和过桥过路费怎么做账
  • 月末怎么计提摊销和结转
  • 施工赔偿款怎么记账
  • 矿山运输设备的点检绩效考核
  • freebsd 升级
  • windows u盘不识别
  • win8系统桌面图标
  • android.system.suspend@1.0-service耗电
  • 人工智能最受欢迎的一门编程语言
  • 写个置顶
  • js移动到指定位置
  • 批处理文件的拷贝怎么写
  • node js 开发
  • fiori开发
  • javascript函数
  • js 进阶
  • 手把手教你打造班级主题环境 培训后心得
  • 国家税务局内蒙古税务
  • 2023年内蒙古房贷利率最新消息
  • 新疆视同缴费指数认定?
  • 中国地税发展现状
  • 出口退税已提交数据撤回
  • 城市维护建设税怎么算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设