• CreateJs入门必知必会
  • 做一个酷酷的音乐频谱
  • css选择器高级用法之范围选择器
  • 去除chrome缓存自带黄底背景:终极方案
  • Canvas特效之变幻线
  • 一些例子
Canvas

CreateJs入门必知必会

CreateJs入门必知必会
CreateJS 介绍CreateJS 是基于 HTML5 开发的一套模块化的库和工具。基于这些库,可以非常快捷地开发出基于 HTML5 的游戏、动画和交互应用。CreateJS 主要包含如下四个类库:EaselJS – 简化处理 HTML5 画布(核心)TweenJS – 用来帮助调整 HTML5 和 Javascrip……继续阅读 »

a'ゞ『完美』 1年前 (2017-06-02) 2440浏览 1评论26个赞

Canvas

做一个酷酷的音乐频谱

做一个酷酷的音乐频谱
先上个 demoAudioAPI 的基本概念H5 的 Web Audio API 可以很方便的使用(虽然各家浏览器实现的标准都不太一样)各种音频功能,比如可以用麦克风录制声音然后生成音频文件,还可以对声源定位,做那种 3D 音效,混音等等,听过 3D 音效的都知道,声音一会左,一会右的,还支持实时的声音分析,根据分析的数据可以做一些可视化效果等等。其……继续阅读 »

a'ゞ『完美』 1年前 (2017-05-20) 3544浏览 16评论82个赞

例子demo

css选择器高级用法之范围选择器

css选择器高级用法之范围选择器
最近有个页面需要做一个圆形的进度条。就这种:在这里我用 css3 的范围选择器实现的。主角:nth-child定义和用法:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。一般都是这么用的::nth-child(n+6) 选中从第 6 个开始的子元素范围高级用法……继续阅读 »

a'ゞ『完美』 1年前 (2017-04-07) 1240浏览 0评论12个赞

css

去除chrome缓存自带黄底背景:终极方案

去除chrome缓存自带黄底背景:终极方案
原因chrome 浏览器会自动记录搜过的关键字,在你下次点击文本框准备输入的时候会以下拉框的形式列出搜索过的关键词,当你点选列表中的关键词后,选中的关键词会自动填充到文本框中,但是此时,文本框的背景却发生了变化,变成了偏黄色。因为表单自动填充元素在 chrome 下会有一个默认样式 (如上图),并且优先级最高,无法覆盖(!important 也无法覆盖……继续阅读 »

a'ゞ『完美』 2年前 (2017-02-16) 2575浏览 3评论26个赞

乱七八糟

我的2016

我的2016
前言2016 年主要做了 1 件事情,就是编程!我的 2016今年是我工作的第一年,到年底的时候我已经经历了一个新手菜鸟到能胜任日常工作的菜鸟的华丽转变。第一份工作就是网页开发,移动端 H5,PC 端,这段时间就是熟悉了前端基本功,然后用的是 jq,原生 js 一直在攒着,也没啥实战过,写写 demo 就过了。后来 6 月份公司挂了,人生第一次经……继续阅读 »

a'ゞ『完美』 2年前 (2016-12-31) 1231浏览 3评论27个赞

教程

谷歌浏览器的workspace(工作区)功能

谷歌浏览器的workspace(工作区)功能
写在前面最近做的项目,前段调试起来实在是太不方便了。记得谷歌好像有个挺方便的功能可以帮忙。这个功能就是:我们以前调试 css 的时候,在控制台修改样式以后,都要复制一份,然后再去编辑器里面修改对应的 css,这样感觉很是繁琐,而 workspace 可以让我们直接在控制台修改以后,不需要再去编辑器修改,相当于直接修改的源文件。先来看看吧!首先我的目录……继续阅读 »

a'ゞ『完美』 2年前 (2016-09-11) 2296浏览 2评论17个赞

Canvas

Canvas特效之变幻线

Canvas特效之变幻线
最近都在研究 Canvas 的一些东西,今天给大家分享一个干货!(主要讲思路,那些 API 自己去查资料)(实际上没卵用,这个特效实用价值不是很大,但是我们要的就是炫!)上一个 Demo 看看效果再说:Canvas 特效之变幻线直接上代码:首先讲一下原理:就是画好几个点,然后这些点之间用线连接起来,然后再移动这些点,就会实现这样的效果。剩下的后……继续阅读 »

a'ゞ『完美』 2年前 (2016-08-19) 6605浏览 2评论42个赞

css

CSS说:无知的人类,颤抖吧!

CSS说:无知的人类,颤抖吧!
其实前端不只是 JS 重要,HTML,CSS 这些基础也很重要!本篇文章纯属提升大家的眼界!你知道吗,cole 属性和文字属性的作用范围。仔细看代码好像也有点明白的意思,毕竟是文字嘛,但是应该很少有人这么用过吧!背景属性:background 的简写,以前写背景用到背景定位的时候总是要写 2 行 css,看完本篇文章就可以变成一行啦!在 css2.1……继续阅读 »

a'ゞ『完美』 2年前 (2016-08-14) 2115浏览 0评论14个赞