四时宝库

程序员的知识宝库

html 使用 gka 加速 createjs 动画开发及图片优化

CreateJS 是基于 HTML5 开发的一套模块化的库和工具,用于快捷地开发基于HTML5的游戏、动画和交互应用。

gka 为 createjs 开发定制模板 gka-tpl-createjs ,仅需一行命令,优化图片资源,生成雪碧图及 createjs 动画文件。关于 gka 更多了解,请点击 https://github.com/gkajs/gka

使用 createjs 播放雪碧图动画

为了减小图片大小、减少http请求,可以对图片集进行合图,如下(图片来自 createjs 官方示例)

酷炫的 JS 音频插件 Howlerjs(js音乐脚本文件)

日常的开发中,我们可能会碰到对音频操作的业务逻辑。原生的 Audio 并不是很好用,所以我们需要一个完美的第三方支持。

这一节,我们来说说音频插件 Howler

一、关于 Howlerjs

Audio library for the modern web.

howler.js makes working with audio in JavaScript easy and reliable across all platforms.

腾讯互娱AMS | 我的打包我做主——浅析前端构建

作者介绍:Marsboy,现就职于腾讯游戏增值服务部,负责AMS游戏营销平台的前端开发工作。

1 webpack

1.1 webpack是啥

webpack是一个工具,是一个致力于做前端构建的工具。简单的理解:webpack就是一个模块打包机器,它可以将前端的js代码(不管ES6/ES7)、引用的css资源、图片资源、字体资源等各种资源进行打包整合,最后按照预设规则输出到一个或多个js模块文件中,并且可以做到兼容浏览器运行。图1是一个经典的阐述webpack是什么的一张官方图

20款「神级」实用在线工具大集结,分分钟让你效率翻倍

以前有给各位小伙伴推荐过很多在线工具集,无需安装应用即可直接使用,受到很多小伙伴们的好评。整好年末了,忙里抽闲中整理了一下收藏夹,总结了20款超级实用神级在线工具,借此机会分享给各位小伙伴,助力各位小伙伴新的一年工作、学习效率翻倍。

  • 1.图片压缩大师——Picdiet(传送门)
  • 2.随身携带的U盘——轻文档(传送门)
  • 3.图片无损放大——waifu2x(传送门)
  • 4.音频文件编辑大师——Vocalremover(传送门)

Node.JS环境,Express服务器实现GZIP压缩传输

Node.js是一种基于Chrome V8 JavaScript引擎的开源、跨平台而且异步事件驱动的运行时环境,可以让JavaScript代码在服务器端运行。Express是一个流行的Node.js框架,它提供了简单而强大的工具来创建Web服务器和API。

这篇文章将介绍如何使用Node.js和Express来实现Web服务器并使用fs模块读取文件,并将其gzip压缩后传递给客户端。

现代Web开发中的JavaScript音频库——howler.js

介绍

howler.js是现代网络的音频库。它默认为Web Audio API,而向后兼容为HTML5 Audio。这使得在所有平台上使用JavaScript进行音频操作变得轻松可靠。




Github

https://github.com/goldfire/howler.js

开源|轻量JavaScript 插件库合集(js插件大全)

有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能。其实,它们当中也有不少轻量级的插件和库,不仅轻巧有用,而且不会影响网站的性能。

小编为大家整理了2016年以来30多款轻量级Javascript插件和库的列表,这些工具能够非常有效和高效的服务于特定的小目标。细心如你,以后肯定会发现它们对于你的Web项目非常有用。请各位自行打开在线演示页面,体验动画效果。: )

页面性能优化办法有哪些?| 技术头条



作者 | 浪里行舟

责编 | 郭芮

互联网有一项著名的8秒原则。用户在访问Web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问

Laravel 模板压缩、加速扩展 renatomarinho/Laravel-page-speed

在Laravel框架中,使用renatomarinho/laravel-page-speed

让你的网站速度提升10倍!(四):压缩~~~

在前面的内容中讲了如何降低页面大小(给页面瘦身),重点讲的是如何优化图片,而没有讲文本内容如何优化,这是因为与其辛苦的优化文本还不如使用我们的秘密武器:Gzip压缩!

如果你还不清楚Gzip是什么,看这里:http://www.zzbaike.com/wiki/Gzip ,本文只讲实践,不讲理论。

Gzip使用很简单,但是前提是你用的虚拟主机要支持(如果是服务器自己设置就行),这个没问题之后的就要看你用的网站程序是不是支持了。如果两个答案都是YES,那么接下来很简单,到你的网站程序后台(或者配置文件)中设置启用Gzip压缩即可。很多主流的程序都可以,例如Discuz。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接