随笔分类 -  【09】前端开发

摘要：前言长屏适配单页适配参考 前言 曾经屏幕适配一直是个头疼的问题，各种坑，各种浏览器&设备兼容问题，好在的是，随着技术&标准的不断发展，这个问题得到了极大程度的解决，这篇文章主要对之前开发过程中的屏幕适配问题做个的简单总结，包括两个部分。 长屏适配 得益于CSS样式中vh&vw单位的支持普及，终于可以 阅读全文

摘要：前言原理源码使用方式补充CountUp.js 前言 会有这么一种情况，H5页面需要进行数字统计展示，以此来强调产品or工作的成果。如果只是静态显示一个数字，总是感觉生硬。对比如下： 是不是瞬间高大上了呢？ 这个效果我是在开源中国上找到的 https://www.oschina.net/code/snippet_2380148_52928 感谢馒头同学。 原理 1、如上图可知... 阅读全文

摘要：前言原理使用方式结合swiper.js 前言 视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 目前最火热的视差开源库为parallax.js 官方地址：https://github.com/wagerfield/parallax 体验地址：http://matthew.wagerfield.com/parall... 阅读全文

摘要：前言思路实现模式无限循环模式时间线模式停止显示弹幕 前言 以前玩卷轴射击游戏的时候，大量的BOSS子弹让我们无路可逃的时候，让我见识到了真正弹幕的威力，可自从A站B站火了之后，大量评论留言参与到了视频的播放中，也让我见识到了“弹幕”的威力，压根视频就没法看了……全看评论去了，就是那么好玩。 现在没有弹幕功能都不好意思说是做视频or直播网站的。而我们也不能落后呐，产品提需求了，活动H5里面... 阅读全文

摘要：前言Swiper.js一些需要我们手动设置的参数排版元素需要设置position:absolute绝对元素定位swiperAnimate方法的使用动画播放完成之后的监听上滑提示屏幕适配的问题Animate.cssstylievelocity.js总结 前言 现在已经有许多公司开发了各种在线H5制作工具平台，可以快速制作简单的移动端H5页面，主要还是展示营销，我随便百度了一个，效果看起来如下所示... 阅读全文

摘要：前言audio标签Web Audio API自动播放的问题背景音乐的实现立即播放的问题SoundJSvideo标签播放样式的问题格式的问题总结 前言 正常情况，除了非常简陋的小功能H5，音乐播放是必不可少的，对于带有互动的小游戏，还必须有各种酷炫的音效，这就必须用到音频使用了，而对于视频，主要用到过场动画和品牌广告宣传。 audio标签 audio 标签是 HTML 5 的新标签。 其中... 阅读全文

摘要：编码环境前言什么时候用到素材加载？loading提示，让用户等待图片的加载音频的加载利用神器PreloadJS总结 编码环境 Sublime Text 3 插件包括： Autoprefixer 自动补全CSS ColorPicker 颜色选择器 ConvertToUTF8 转码 GBK Support 支持GBK HTML-CSS-JS Prettify 前端代码格式化 SublimeC... 阅读全文