zxycc.cc
Canvas特效之变幻线 | a'ゞ『完美』
http://www.zxycc.cc/wordpress/377.html
Style type=text/css body { overflow: hidden; background: #000; margin: 0; } /style. Window.onload = function(){ var canvas = document.querySelector(#myCanvas);/ 获取Canavs标签 var context = canvas.getContext(2d);/ 获取Canvas的上下文绘图环境 var winW = window.innerWidth;/ 获取页面宽 var winH = window.innerHeight;/ 获取页面高 canvas.width = winW;/ 赋值Canvas的宽度 canvas.height = winH;/ 赋值Canvas的高度 /*这里有个需要注意的地方,Canavs的宽高属性一定要直接点出来width,height来赋值。 然后我们来画点 var line = []; / 点的信息 var num = 10; / 点的个数 /*循环num把小点存进line数组。 Context.strok...
zxycc.cc
认识Gulp | a'ゞ『完美』
http://www.zxycc.cc/wordpress/443.html
Gulp是基于Nodejs的自动任务运行器, 它能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。 安装 打开 nodejs中文官网 因为英文的打开太慢了. 点击硕大的绿色按钮 长期支持版本,成熟可靠,它会根据系统信息选择对应版本 .msi文件。 打开命令提示符执行下列命令 打开方式 window r 输入 cmd 然后回车. 将会安装在C: Users Administrator AppData Roaming npm,并且写入系统环境变量,中括号[]代表可选,不写就是非全局安装 将会安装在当前定位目录 全局安装可以通过命令行在任何地方调用它,本地安装将安装在定位目录的node modules文件夹下,通过require()调用。 Npm安装插件过程 从http:/ registry.npmjs.org下载对应的插件包 该网站服务器位于国外,所以经常下载缓慢或出现异常. Cnpm install gulp –save-dev. Gulpsrc...
zxycc.cc
a’ゞ『完美』 | a'ゞ『完美』
http://www.zxycc.cc/wordpress/author/2596136372
Important也无法覆盖 解决 继续阅读 ». 后来6月份公司挂了,人生第一次经历这种事,觉得挺可惜的,公 继续阅读 ». 配上一张图 软件 Tickeys 继续阅读 ». 先来看看吧 首先我的目录结构是这样 继续阅读 ». 最近都在研究Canvas的一些东西,今天给大家分享一个干货 主要讲思路,那些API自己去查资料 实际上没卵用,这个特效实用价值不是很大,但是我们要的就是炫 上一个Demo看看效果再说:Canvas特效之变幻线直接上代码 首先讲一下原理 就是画好几个点,然后这些点之间用线连接起来,然后再移动这些点,就会实现这样的效果。 剩下的后面说 以下内 继续阅读 ». 仔细看代码好像也有点明白的意思,毕竟是文字嘛,但是应该很少有人这么用过吧 背景属性 background的简写,以前写背景用到背景定位的时候总是要写2行css,看完本篇文章就可以变成一行啦 在css2.1中,backgro 继续阅读 ». 你正在看的这篇文章,其实经历了一次 大重构 (八月初 继续阅读 ». 最开始接到需求,开始规划一下,怎么做,首先,需要滚动的内容不止一个 继续阅读 ».
zxycc.cc
谷歌浏览器的workspace(工作区)功能 | a'ゞ『完美』
http://www.zxycc.cc/wordpress/405.html
根目录有index.html文件,有css,js,img文件夹。 写个h1标签,内容为 a’ゞ 完美。 然后在这个左面的文件夹上右键选择Add folder to workspace。 TZ-完美 , 版权所有丨如未注明 , 均为原创丨本网站采用 BY-NC-SA. 协议进行授权 , 转载请注明 谷歌浏览器的workspace 工作区 功能. 5个月前 (10-08)说 第三步骤的 context.clearRect(0, 0, winW, winH. 的原创,按照 CC BY -NC -SA 3.0 CN.
zxycc.cc
一些例子 | a'ゞ『完美』
http://www.zxycc.cc/wordpress/21.html
原来的主页 http:/ zxycc.cc/demo/zhuye/. 音乐搜索(目测有BUG) http:/ www.zxycc.cc/demo/ms/. 歌词同步例子 http:/ www.zxycc.cc/demo/lrcaudio/. 单个小球运动碰撞 http:/ www.zxycc.cc/demo/zhuang/zhuang.html. 多个小球运动碰撞 http:/ www.zxycc.cc/demo/zhuang/zhuangs.html. 判断浏览终端 http:/ zxycc.cc/demo/type/type.html. H5弹窗提示信息 http:/ zxycc.cc/demo/tz/tz.html. 用插件做的轮播图(移动端) http:/ zxycc.cc/demo/square/square.html. H5数据拖拽 http:/ www.zxycc.cc/demo/html5tuo/. 模拟浏览器打开本地文件的功能 http:/ www.zxycc.cc/demo/html5tuo/tuo.html. 简易百度 http:/ zxycc.cc/demo/baidu.
zxycc.cc
Canvas画曲线 | a'ゞ『完美』
http://www.zxycc.cc/wordpress/283.html
QuadraticCurveTo(cpx,cpy,x,y) cpx,cpy表示控制点的坐标, x,y表示终点坐标. 因此传入的6个参数分别为控制点cp1 (cp1x, cp1y),控制点cp2 (cp2x, cp2y),与终止点 (x, y)。 BezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y) / cp1x,cp1y表示第一个控制点的坐标, cp2x,cp2y表示第二个控制点的坐标, x,y表示终点的坐标。 界面如下,这3个点可以拖动 1是起始点,2,3是控制点,4是结束点 ,右侧就是生成的代码,我们可以直接复制过来使用. 还有我不是用原生Canvas做的,使用一个库 CreateJS做的,所以源代码可能会看不懂 大神无视 ,欣赏一下就好了,主要搞清楚这个画曲线的方法,这个方法实用性我也没测,如果你们有什么好的方法,欢迎交流. TZ-完美 , 版权所有丨如未注明 , 均为原创丨本网站采用 BY-NC-SA. 协议进行授权 , 转载请注明 Canvas画曲线. 5个月前 (10-08)说 第三步骤的 context.clearRect(0, 0, winW, winH.
zxycc.cc
CSS的选择器 | a'ゞ『完美』
http://www.zxycc.cc/wordpress/223.html
P{ color: red; font-size: 30px; font-weight: bold; text-align: center; }. Box{ width: 200px; height: 200px; background: red; }. Box{ width: 200px; height: 200px; background: red; }. Margin: 0; padding: 0; }. P,box{ color: red; font-size: 30px; font-weight: bold; text-align: center; }. Box p{ color: red; font-size: 30px; font-weight: bold; text-align: center; }. Box p{ color: red; font-size: 30px; font-weight: bold; text-align: center; }. 注意 E在此处可以省略,比如 [cheacked] ,标识选择所有具有此属性的元素。 E[att = val ]. Div class...
zxycc.cc
程序猿拍拖不完全指南之“深度重构 | a'ゞ『完美』
http://www.zxycc.cc/wordpress/333.html
沉默啊,沉默,不再沉默中爆发,就在沉默中灭亡.沉默啊.沉默呵 纪念刘和珍君. 也许讲一次未必成功 背景音乐响起 可惜不是你 ,那就讲一百次,总有妹纸 识(yǎn)货(xiā) 的,可能一个不小心,好事就成了 告别单身了可别忘记打赏ED哟 话说其实ED也是 食草动物. 请容许我把 寻找伴侣 这章,称作 觅道。 荷马的玫瑰, 豆瓣 读 海妖之歌. 请容许我把 开始幽会 这章,称作 海妖之歌。 据说是他在比萨的寺院墓地 圣洁之野 看到奥卡纳的壁画 死的胜利. 请容许我把 经营爱情 这章,称作 死之舞。 我相信爱情是一种 浪漫的情感 ,注入理性也许能够得到恋情中的主动权,代价却是失去 盲目的快乐。 初期可以试着越 Ta 出来,一顿浪漫的晚餐,或者是一部感人的电影,只要 Ta 愿意单独跟你出来,就说明有希望。 比如你们都喜欢的一部动漫 漫展 、或者是一位歌星 演唱会。 二是对方会觉得你在诱惑和控制 Ta,会造成很大的心理负担,而 Ta 无处可逃时,可能会抽刀断水 来吧,互相伤害吧。 若无遇无伤,可否不过年华虚设 koala, 豆瓣 观 阿飞正传. 出自 不能承受的生命之轻 米兰 昆德拉.
zxycc.cc
关于写代码的思考 | a'ゞ『完美』
http://www.zxycc.cc/wordpress/255.html
DOMMouseScroll : mousewheel; this.bind(this.tardom,evname,function(ev){ self.mousewheel(ev); },false); } } }; p.mousewheel = function(ev){ var ev = ev event; / 定义一个wheel表示滚动方向,向下是false,向上是true var wheel = ev.wheelDelta 0? True :false ev.detail 0? True :false; / 可视区,也就是滚动区域 var iMax = this.tardom.clientHeight; var dis = wheel? True :false ev.detail 0? True :false; / 可视区,也就是滚动区域 var iMax = this.tardom.clientHeight; var dis = wheel? Var i = 0; for(; ){ if(i 5){ console.log(i); }else{ break; } i ; }.