二次元live2d看板娘效果中的web前端技术

2018年05月21日 by 张 鑫旭 阅读 16978 次, 今日 70 次

想要在网页中插入看板娘效果,其实很简单,复制复制,粘贴粘贴代码就有了。但具体原理和技术实现是怎样的呢?本文就将介绍Live2D相关技术以及在web网页中的应用。有非常卡哇伊的demo,有必要的截图和源代码展示,希望本文的内容能够对您的学习有所帮助。

阅读全文…

小tips: 纯CSS实现蜡烛、火焰以及熄灭后烟雾效果

2018年05月16日 by 张 鑫旭 阅读 12873 次, 今日 23 次

本文要展示的效果主要三部分:直立的红烛、跳动的火焰,腾起的烟雾,这三部分都是纯CSS实现的,有兴趣可以看看。

阅读全文…

在同事的安利下,试用了下接口管理平台YApi

2018年05月9日 by 张 鑫旭 阅读 17595 次, 今日 44 次

在同事的安利下,试用了下接口管理平台YApi,用了下,还行。自己写高保真的交互原型,需要可以有相当真实的API请求数据,例如出错,请求延时模拟,极端数据处理等。YApi正好可以满足这方面的需求,特记录与分享下。

阅读全文…

windows系统下批量删除OS X系统.DS_Store文件

2018年05月7日 by 张 鑫旭 阅读 10768 次, 今日 14 次

设计师用的电脑是高大上的Mac Pro,开发用的电脑是高大的传统台式机,操作系统是windows,于是,设计师给开发传打包图片的时候,一解压,我了个擦,每个文件夹中间都有一个.DS_Store文件,好烦哦,如何批量清除这些烦人的文件呢,其实很简单,只会一丢丢JS的我也能写一个小工具搞定,我是如何搞定的呢?一起进来看看吧~

阅读全文…

纯前端实现可传图可字幕台词定制的GIF表情生成器

2018年05月4日 by 张 鑫旭 阅读 19760 次, 今日 36 次

这两天晚上在家自己做了个可以传图,可以写台词的GIF表情图生成器。可以使用提供的模板,也可以自己传图制作,关键是纯前端实现的,这个有点厉害了,有兴趣可以进来看看。

阅读全文…

炫酷H5中序列图片视频化播放的高性能实现

2018年05月1日 by 张 鑫旭 阅读 16073 次, 今日 28 次

很多爆款H5的一些酷酷的场景变换很多都是视频实现的,但是,视频的实现也有局限,如iOS下不能自动播放,动态数据不支持等,此时又当如何处理呢?

我们可以使用序列图片,通过JS脚本,来模拟视频播放效果,以上所有局限将通通可以规避。实现的方法很多,但是很多平时可以的方法在这种场景下会有性能跟不上的问题,那有没有什么高性能的实现方法呢?有……

阅读全文…

JS检测PNG图片是否有透明背景、抠图等相关处理

2018年05月1日 by 张 鑫旭 阅读 14055 次, 今日 30 次

用户上传图片,如果是PNG图片,有时候我们希望这张PNG图片背景不要是透明的,有时候又希望是透明的,有没有什么方法可以直接在前端就检测出是否是含透明区域的图片,以及做出相关的体验优化处理呢?如果非透明图片想要非常方便快速变成透明图片,又当如何处理呢?本文会提供详尽的解答,丰富的配图,必要的源代码,希望本文的内容能够对您的学习有所帮助!

阅读全文…

文章文档标题自动生成导航jQuery小插件titleNav.js

2018年04月30日 by 张 鑫旭 阅读 9432 次, 今日 9 次

技术文档,或者一些官网首页,重展示,基本上都是一个<section>一个<section>的段落组成,每个段落会有一个标题,此时页面往往会很长很长,如果用户阅读时候关心的只是中间某个段落,则交互体验并不友好,此时,就需要有一个页面内的标题导航,用户直接点击导航菜单,就能定位到对应的标题,此时阅读起来就省心多了……

阅读全文…

Service Worker实现浏览器端页面渲染或CSS,JS编译

2018年04月24日 by 张 鑫旭 阅读 11225 次, 今日 53 次

Service Worker提供了一种能力,可以fetch请求的资源,然后后Service Worker中进行编译或转化,返回处理后的其他资源,这种特性可以用来实现各种资源的在线的客户端编译,本文就将抛砖引玉,通过两个应用案例,展示未来web开发可能的面貌。

阅读全文…

简单了解ES6/ES2015 Symbol() 方法

2018年04月10日 by 张 鑫旭 阅读 13374 次, 今日 13 次

Symbol是JavaScript ES6新出现的一个的原生数据类型(primitive data type),作用是什么?有什么特性?本文就将简单介绍相关知识,希望能够对您的学习有所帮助。

阅读全文…