位置: 编程技术 - 正文

基于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)

  • 增值税发票综合服务平台怎么下载
  • 浅谈报关单填制的常见错误
  • 出纳发票不见了可以用微信转账记录记账吗
  • 对方开具红字发票信息表后我们怎么开负数
  • 报表净利润是亏损可弥补数吗
  • 预缴增值税 进项税扣除
  • 印花税的计税依据怎么算公式
  • 政府非税收入的种类
  • 销货方违规作废增值税专用发票怎么处理
  • 普通发票验旧后当月能作废吗
  • 地下建筑物应该怎样缴纳城镇土地使用税?
  • 借款业务的会计分录
  • 小规模企业没有进项发票怎么办
  • 办公设备维修费会计分录
  • 税务社保扣取300干嘛的
  • 摊销商标使用权的会计科目
  • 开给别的公司的支票可以转给其它人去抵账?
  • 个体工商户交纳社保办法
  • 收到员工补缴的公积金怎么入账
  • 设计费计入成本
  • 跨年度取得发票会计分录
  • 结转采购材料的实际成本会计分录怎么写
  • 只交社保不发工资可以吗
  • 怎么修改以前年度的账
  • 视同销售情形有哪些?
  • mac安装双系统教程
  • linux gcc命令详解
  • PHP:curl_share_init()的用法_cURL函数
  • 取得基建借款分录
  • 分公司收到总公司利润分录怎么写
  • mmc.exe是什么进程
  • 开发商没交税
  • 受托方代扣代缴的消费税计入什么科目
  • 公司给员工付个税怎么算
  • php判断查询是否有结果
  • yii2带搜索功能的下拉框实例详解
  • 应付职工薪酬会产生暂时性差异吗
  • 帮别人开增值税专用发票
  • 小规模纳税人的个人所得税怎么算
  • 简述php的概念和特点
  • 接受捐赠固定资产的改建支出
  • defaultpool
  • python功能强大而深受欢迎的原因
  • 固定资产清理借方增加还是减少
  • 销售佣金 会计分录
  • 汽车4s店,厂家返修
  • 关闭php报错
  • python导入模块的本质
  • 设计模式模板方法和策略模式对比
  • 小规模缴纳印花税吗怎么做账
  • sql如何查询某个表的列名
  • 水利基金差额征收有哪些类型
  • 固定资产的修理费属于什么费用
  • 疫情期间减免的六大行业
  • 消防劳保
  • 企业代理社保
  • 企业收到待清算商户款项做什么分录
  • 支付维修基金放什么科目
  • 企业如何做账可以不交企业所得税
  • 私营公司固定资产怎么查
  • 如何删除windows.old
  • linux系统中的文件
  • linux文本处理实验报告
  • win10周年更新版是什么意思
  • 如何手动修复模糊图片
  • mac无线打印
  • win7禁用全屏优化在哪
  • root什么玩意
  • 如何下载安装windows10
  • 全志科技在国内芯片界地位
  • js隐写
  • jquery添加图片
  • jquery开源
  • Linux Shell中判断进程是否存在的方法
  • nodejs web服务器
  • 基于android的简单程序
  • js对象用法
  • 最新印花税税目内容
  • 济南特色没事
  • 苏州国税电子税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设