使用canvas实现的时钟组件
组件名称:canvas 时钟组件使用到的关键技术:html5、canvas 画布、date 、计时器 setInterval使用范围:任何支持 canvas 技术的现在浏览器 推荐使用谷歌浏览器内核的浏览器代码已经放到 codepen 上面暂时没有上传到 github 第一个这个组件太小没有必要 需要的可以在下面的预览中复制代码相关代码See the Pen clock by laikedou (@laikedou) on CodePen.
和博主成为朋友 qq:924462390
移动端H5项目七夕情人节(言情七夕)
此次使用 Html5 css3.0 jquery 高级特性 then 异步处理 当然也可以使用最新的 es6 中的 promise (关于 Promise 请详情百度 es2015) 虽然 es7 不知道什么时候才能定稿 ,当然了现在使用 es2015 的话很多浏览器也不是完全支持其特性 需要最新的浏览器以及浏览器厂商的更新才行 使用到的技术: HTML5(audio) css3.0(animation-name animation-iteration-count animation-duration-function animation-duration translate3d translate skew 等) 原生 javascript 以及 Jquery 使用到的插件有 jquery.transition.js 面向对象 call apply 等用法 使用百分比进行页面自适应
聊聊现在的移动端框架sui(暂时不讨论mui等其他一些个框架)
现在 HTML5 的势头正旺,但是这究竟是不是泡沫,由于移动端的火爆,催生了各种培训机构以及前端程序员。 本人虽然在这行已经做了两三年最开始的时候也就是切片使用 html css 再结合 jquery 还原页面效果(最开始非常依赖 jquery) ,但是最近一年左右感觉 这个前端的坑实在太深 为什么这么说? 第一个 前端这个行业技术更新太快 比如去年还在流行 grunt 然而今年就被抛弃了 使用 webpack + gulp 来编译 自动化前端项目了。 第二个 学得东西 太多 如果你觉得掌握 jquery 就够了 ? no no no 还要掌握愿生(为什么需要掌握原生的 javascript ,使用 jquery 选择 dom 比原生要慢很多倍,这或许在 pc 端无法看出来,但是到了移动端, 移动设备千奇百怪,设备分辨率,设备性能和配置均不相同,所以在移动端能提升一点点的性能都会对用户体验造成很大影响!不学习原生你永远不能理解原型链,闭包,没有块作用域的 javascript ,现在 es2015 已经有块 作用域了。) 第三个 移动端开发面对千奇百怪的设备(虽然有很多移动端框架 ...
Lebo Editor 基于开源ACE做的二次开发编辑器(在线实时预览调试、注册、登录、个人中心、云存储、可用小工具在编写代码时候听音乐看视频)
概述: Lebo Editor 基于开源 ACE 做的二次开发编辑器(在线实时预览调试、注册、登录、个人中心、云存储、可用小工具在编写代码时候听音乐看视频) 功能: 在线实时预览调试、注册、登录、个人中心、云存储、可用小工具在编写代码时候听音乐看视频 现在还处于开发阶段并不是很成熟 还有很多功能尚未添加 如果您感兴趣请继续关注我的博客关注此项目后期发展 截图:
基于HTML5 Video标签及其API实现的播放器(自适应)
此播放起使用了 em 来布局组件 在不支持 video 标签的浏览器中无法正常运行 此播放器可以自适应任何尺寸的设备 平板 电脑 手机 效果图 已经上传至 github(敬请关注) GitHub 项目仓库地址(欢迎访问): https://github.com/laikedou/LMusic.git 欢迎大家 fork
lkmusic项目WebAudio版本支持音乐可视化 已更新至github 欢迎下载
亲们如果觉得好请 fork 我的 githublkmusic 效果预览图(2016-4-26 日已经改进) 版本 1.0 beta 更新: 优化界面效果 修复播放完成后不会自动切换处于暂停状态的 bug 已经上传至 github(敬请关注) GitHub 项目仓库地址(欢迎访问): https://github.com/laikedou/LMusic.git 目录结构: 以后所有更新和发布都将在此文章中发布更新内容和 bug 修复、新版本的发布也在此页面,敬请关注!





