web
文章平均质量分 70
微也的web
生命不息,学习不止
展开
-
JS 之访谈时间戳
——JS有约:说出你的故事。——坐在对面的时间戳:就那点事,说啥……导语:”时间戳,分秒必争始于1970年,1970年1月1日,是Unix time启始的日子,年代悠久,源远流长。“访谈环境:chrome浏览器我们先看一个数字:1478512668000,这么一长串数字,可否觉得好奇,这是啥?这是在与后台连接的时候,比如说需要获取时间,后台以时间戳的形式传过来。原创 2016-11-07 19:33:33 · 607 阅读 · 0 评论 -
CSS | steps 的内心探索之路
“我要一步一步往前跳,在最远方乘着web往前飞;小小的天……我有属于我的天”——题记,改编源自《蜗牛》正文当我们给元素做动画的时候,可能会用到steps,把多个图片拼合成一张雪碧图,改变background-position进行动画,简便而又强大的属性。如同变形金刚,“卡卡卡”,而有时又被它搞得一愣一愣的,咦,咋没看到最后一张图。用归用,不由疑惑steps到底是个什么鬼?索转载 2017-01-23 17:34:11 · 589 阅读 · 0 评论 -
CSS | 渐变的妙不可言 linear & radial
“你以为你这么低调我就找不到你了吗?没有用的,像你这样拉风的属性,只要有你在的地方,就好像黑夜中的萤火虫一样,那样的鲜明,那样的出众;你那委婉的形状,奇特的写法,神乎其技的思路,还有那百转千回……都深深地迷住了我。”——题记,改自《国产凌凌漆》正文最近发现css3渐变无敌,边边角角利用linear-gradient或者radial-gradient也可以实现,如下图,包括之前所转载 2017-01-23 17:32:13 · 706 阅读 · 0 评论 -
JS | canvas 绘制多图
“处理图片是我们普通市民的责任,积累跬步是我本身的兴趣,所以加载图片我每次都跑一次,如果遇到多张图片的话我还会多跑几次。”——题记,改自《破坏之王》正文canvas一箩筐问题, 之前一文 JS | canvas 图片模糊 讲了合成图的模糊,本文讲讲另一个,canvas绘制多图,这也是在做H5的过程中遇到的一个坎,比如说合成图少元素,比如说跨域等。原始做法:前提多张图转载 2017-01-12 11:09:39 · 4410 阅读 · 0 评论 -
JS | canvas 合成图模糊
“模糊是多么 多么寂寞;模糊是多么 多么空虚;独自在清晰中,对比不断地扫过;我的寂寞,谁能明白我;模糊是多么 多么寂寞;模糊是多么 多么空虚;web开发的你,可不可听我诉说;我的寂寞,无尽的寂寞……”——题记,改编源自《美人鱼》昨夜西风凋碧树,独上高楼,望尽天涯路。写H5 canvas的时候,我们可能会遇到这样那样的问题,比如说canvas合成的图片模糊,俗语有言“一颗老鼠屎坏转载 2017-01-11 14:47:51 · 3485 阅读 · 0 评论 -
JS | canvas 画笔讲谈 + 纹理
"它画笔的名堂呢,称之为九天十地,web点头啪啪,霹雳金光雷电掌!一笔画出,方圆百里之内,不论颜色,状态,纹理,全部都手到擒来!"——题记,改自《鹿鼎记》正文“别看我只是支画笔,我有雄心志气高”,今天便来讲讲canvas的画笔。之前做H5 canvas绘画时,思考如何让画出来的线条有纹理,翻找半天找不出个所以然,机缘巧合得知有个createPattern属性,嘿,成了,效果图如转载 2017-01-13 18:15:00 · 4458 阅读 · 0 评论 -
css | 实现有趣的多边形
“曾经有一个多边形摆在我面前,我不懂实现,等我查询探索时,才发现它的巧妙非常,css的灵活不绝于此。如果上天能够给它一个说话的机会,它告诉世界:无敌,是多么,多么寂寞!如果非要给这个无敌加上个期限,那就是:无极限!”——题记,改编源自《仙履奇缘》正文前端开发路漫漫,在行走web世界的路途中,我们肯定有遇到多边形的设计,最简单的方法莫过于直接上图片走起,作为一个有“追求”的前转载 2016-12-20 10:56:06 · 1909 阅读 · 0 评论 -
CSS | “百变”图片秀 mask
“mask-image”看着“图片”:“你想变啊!图片,你要是想变的话你就来找我嘛,你不找我怎么知道你想变呢?固然你不太懂跟我怎么相处,然则你照旧得找我,我会带你的嘛,不相处你说你想变我不给你变,你不想变我也不给你变,要讲沟通嘛!你想改头换面就来找我,我肯定给你想要的诶,你是真的想整型吧?”。——题记,改编源自《大话西游之仙履奇缘》正文我们在写前端样式的时候,css中实现不规则的图转载 2016-12-26 10:08:47 · 522 阅读 · 0 评论 -
css | 不规则 的图片 clip-path
“我就係風魔萬千前端開發,改造web風氣,刺激圖片市場,提高代碼內涵,玉樹臨風,風度翩翩的css專家之一,我個名叫剪切路徑,英文名叫clip-path”。——题记,改编源自《整蛊专家》正文话说我们上回讲道:如何利用css实现多边形,综之原理便是利用width、height为0,结合border,一个纯多边形在代码下诞生了。那么,图片呢,我突然想让图片也显示的不规则,咋弄。今转载 2016-12-22 16:28:35 · 2338 阅读 · 0 评论 -
web工具篇 | 保存刷新之browser sync / windows
久远前发了篇博文,是关于sublime保存刷新的工具——使用sublime的插件。今天分享个新的保存刷新方法,利用browser sync,如果你听过git的话,这个方法可以一试。如果会了,可以跳过。运行环境:windows需要工具:chrome,sublime text,git for windows(下载)下载好git for windows后,打开windows的cm原创 2016-11-08 15:36:32 · 637 阅读 · 0 评论 -
JS | Web Audio API (下) 我的音乐浪
“沧海一声唱 滔滔两岸潮 浮沉随浪歌舞今朝 苍天唱 纷纷世上潮 谁负谁胜出天知晓 江山唱 烟雨遥 涛浪淘尽红尘俗世几多娇 清风唱 竟惹寂寥 豪情还剩了一襟晚照 苍生唱 不再寂寥 豪情仍在痴痴唱唱”—— 题记,《沧海一声唱》### 正文在上文 [JS | Web Audio API (上) 你的音谱](http://www.j转载 2017-03-03 14:28:16 · 1978 阅读 · 0 评论