04 2015 档案
摘要：这个materialize感觉比bootstrap好一点当然啦中文文档还木有！所以想搞个materialize中文网的可以抢先咯！materialize是谷歌设计制作的一款框架。HOHO，出去别人面试都在说bootstrap的时候你说你用的是google的materialize多洋气浏览器兼容方面C...
阅读全文
摘要：伪元素:before 和 :after可以做的东西是相当惊人的。对于页面上的每一个元素，你拥有了两个更灵活的、而且可以完成其它HTML元素都能完成的东西的元素。它们让一大堆有趣的设计成为可能，而且不会对你的语义标签产生负面影响。这里有一大堆关于这些有趣的效果的示例，你想看的话就接着往下看吧。多重背景...
阅读全文
摘要：前提： 介于现在很多活动都使用了 类似全屏滚动效果 尤其在微信里面 我自己开发了一个快速构建 此类项目的控件 与市面上大部分控件不同的是此控件还支持元素的动画效果 并提供多种元素效果 基于zepto.js 功能清单: 1 快速实现页面全屏滚动效果。并提供多种翻页效果，兼容大部分ios和androi...
阅读全文
摘要：今天的烦心事当产品经理明知道那是不合理的，但是却没办法说服上级的时候，他就是废了！当设计师表示她是从前端会html5，css3转到设计，才做了一年，并且不会AI的时候，她也废了！当我明知道这样做是影响用户体验，向我可以反应的对象告知情况，最后还是没有改变，只能忍痛写下那个效果的时候，我觉得我也废了！...
阅读全文
摘要：相当长的一段时间，现在网站与所谓的“视差”效果一直很受欢迎。 万一你没有听说过这种效果，不同的图像，在不同的方向移动或层主要包括。这导致了一个很好的光学效应，使参观者的注意。在网页设计中，为了实现这是简单的一个网站添加一个jQuery插件的最常见的方式。这样做，不幸的是，有几个缺点。这些插件是将事件...
阅读全文
摘要：RTLBcss3 transforms 3D文字翻开 R T L B
阅读全文
摘要：一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。var Chinese = { nation:'中国' };还有一个对象，叫做"医生"。 var Doctor ={ career:'医生' }请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象...
阅读全文
摘要：2015某大型电商集团的前端实习生在线笔试题（嘿嘿猜猜是谁的）1、（单项选择）对于下列程序运行结果，符合预期的是functionf1(){console.time('timespan');}functionf2(){console.timeEnd('timespan');}setTimeout(f1...
阅读全文
摘要：/* super inefficient right now, could be improved */var c = document.getElementById('canvasload'), ctx = c.getContext('2d'), cw = c.width = 400,...
阅读全文
摘要：html5 canvas文本处理你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！Text:Fill Or Stroke:
阅读全文
摘要：html5 canvas文本处理你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！Text:
阅读全文
摘要：最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。一、什么是闭包？“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量...
阅读全文
摘要：一、原始写法模块就是实现特定功能的一组方法。 只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。 function m1(){ //... } function m2(){ //... } 上面的函数m1()和m2()，组成一个模块。使用的时候，直...
阅读全文
摘要：本文发表在《程序员》杂志 2013 年 3 月刊，推荐购买。前端模块化开发的价值随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。恼人的命名冲突我们从一个简单的习惯出发。我做项目时，常常会将一些通用...
阅读全文
摘要：通过翻译了Dmitry A.Soshnikov的关于ECMAScript-262-3JavaScript内部原理的文章， 从理论角度对JavaScript中部分特性的内部工作机制有了一定的了解。但是，邓爷爷说过：“实践才是检验真理的唯一标准”。所以，我打算通过从内部原理来解释一些经常在笔试或者面试中...
阅读全文
摘要：https://icomoon.io/
阅读全文
摘要：左侧定宽 中间自适应 右侧定宽 /* 三列中间自适应布局 */.g-bd5{margin:0 0 10px;}.g-sd51,.g-sd52{position:relat...
阅读全文
摘要：左侧自适应 右侧定宽 /* 两列左侧自适应布局 */.g-bd2{margin:0 0 10px;}.g-sd2{position:relative;float:right;width:230px;m...
阅读全文
摘要：左侧定宽 右侧自适应 /* 两列右侧自适应布局 */.g-bd1{margin:0 0 10px;}.g-sd1{position:relative;float:left;width:190px;ma...
阅读全文
摘要：html template概述包含完整头部信息和主体结构的HTML基础模板。代码展示更好的CSS方案 ...
阅读全文
摘要：概述 通过媒体查询为不同的设备和大小配置不同的样式。代码展示/* media *//* 横屏 */@media screen and (orientation:landscape){ }/* 竖屏 */@media screen and (orientation:portrait){ ...
阅读全文
摘要：不符合NEC规范的选择器用法 .class{} 不要以一个没有类别的样式作为主选择器，这样的选择器只能作为后代选择器使用，比如.m-xxx .class{}。 .m-xxx div{} 不要以没有语义的标签作为选择器，这会造成大面积污染，除非你可以断定现在或将来你的这个选择器不会污染其他同类。 .g...
阅读全文
摘要：最佳选择器写法（模块）/* 这是某个模块 */.m-nav{}/* 模块容器 */.m-nav li,.m-nav a{}/* 先共性 优化组合 */.m-nav li{}/* 后个性 语义化标签选择器 */.m-nav a{}/* 后个性中的共性 按结构顺序 */.m-nav a.a1{}/*...
阅读全文
摘要：值缩写 缩写值可以减少CSS文件大小，并增加可读性和可维护性。 但并非所有的值都必须缩写，因为当一个属性的值缩写时，总是会将所有项都设置一遍，而有时候我们不希望设置值里的某些项。/* 比如我们用下面这个样式来让某个定宽的容器水平居中，我们要的只是left和right， * 而top和bottom不是...
阅读全文
摘要：CSS那些事！这个篇幅是我特意开的，不是因为帮助小菜之类的，而是在多人的团队配合中各种命名冲突的规范让人蛋疼。css这个东西只要不是新的离谱都会写，但是每个人的命名风格，方法，都不同有人喜欢驼峰，有人觉得-不错，有的人觉得_很方便，最后有的英文命名，有的干脆拼音。。。。囧http://www.cnb...
阅读全文
摘要：选择器、属性和值都使用小写 在xhtml标准中规定了所有标签、属性和值都小写，CSS也是如此。单行写完一个选择器定义 便于选择器的寻找和阅读，也便于插入新选择器和编辑，便于模块等的识别。去除多余空格，使代码紧凑减少换行。 如果有嵌套定义，可以采取内部单行的形式。/* 单行定义一个选择器 */.m-l...
阅读全文
摘要：使用类选择器，放弃ID选择器ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS，就无法重用。NEC特殊字符："-"连字符"-"在本规范中并不表示连字符的含义。她只表示两种含义：分类前缀分隔符、扩展分隔符，详见以下具体规则。分类的命名方法：使用单个字母+"-"为前缀布局（grid）（.g-）；...
阅读全文
摘要：CSS文件的分类和引用顺序 通常，一个项目我们只引用一个CSS，但是对于较大的项目，我们需要把CSS文件进行分类。 我们按照CSS的性质和用途，将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”，并以此顺序引用（按需求决定是否添加版本号）。 公共型样式：包括了以下几个部分：“标签的重置和...
阅读全文
摘要：/* function */.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}.f-cb,.f-cbli li{zoom:1;}....
阅读全文
摘要：重置样式，清除浏览器默认样式，并配置适合设计的基础样式（强调文本是否大多是粗体、主文字色，主链接色，主字体等）。
阅读全文
摘要：就算世界再坑爹，总有一些属性能带你走出绝望（伟大的absolute）今天吐槽一下！......在我的世界里没有正统UI，所以效果图永远都是那么坑爹！这里我要感谢有个position：absolute; T_T当遇到各种不合理布局的时候，至少还有它吐槽完毕！！！这个就是一个简单的图片截取工具！！简陋...
阅读全文
摘要：只是给偶的徒弟，熟悉JavaScript数组的！！！...然后偶带着好辛苦-_-//...
阅读全文
摘要：（某个群友）http://www.cnblogs.com/coco1s/ 很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习js更是大有裨益。 而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解...
阅读全文
摘要：某个群友 http://www.cnblogs.com/coco1s/ 很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。 而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解...
阅读全文
摘要：这个题目“P2P的职位是否是程序员的合适选择”这个问题本身是没啥可以吐槽的但是每当我们讨论那种类型的公司工资愿意给前端工程师开的最高的时候，P2P这个行业被第一个提出了目前我收到过面试的企业类型千奇百怪。有BAT3巨头的，垄断着互联网的有赶集，携程，51job，某个专长的巨头。。。大大小小的游戏公司...
阅读全文
摘要：创建阴影你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！shadowOffsetX，shadowOffsetY，控制阴影的位置shadowBlur控制阴影的模糊程度shadowColor控制阴影的颜色类似css3的这个属性box-shadow
阅读全文
摘要：用图案填充形状你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！注意图片的路径！！！其他就和css的background感觉差不多//图片填充的4种类型：repeat,no-repeat,repeat-x,repeat-y;//createPat...
阅读全文
摘要：<! 基本说明开始 > html....css....js/jq ps html不求多规范，当然能在严师逼迫下强行规范准则最好了（目前正在带一个小菜，逼迫他） 最好有对结构的直感！能一眼就看出这个是由多少块，怎么排列的 css至少能写出规定样式！ 然后灵活的运用firebug，等浏览器调试工具 <!
阅读全文
摘要：分享一个好玩的web app页面速成工具当然主要是让大家看下他的原理看着他的结构大家就该猜到这个了。这个是利用换页之后给当前div加了一个active，然后利用css控制效果这个毫无疑问是采用最大宽度640的布局方式类似的js框架我曾经分享过2个如fullPage.js，slip.js大家可以从我之...
阅读全文
摘要：看着群主，终于写了一个小插件，那我也就帮他分享一下！-_-//
阅读全文
摘要：http://tool.css-js.com/
阅读全文
摘要：这个我表示写的不咋地-_-//，但是胜在简单，可优化性不错。实际上我本来想写个复杂点的结构的，但是最近忙成狗了！！！！所以大家就讲究着看吧HTML结构CSS部分（因为我的banner图为1920的宽度，所以-960）.banner{ height:365px; overflow:hidden;}.b...
阅读全文
摘要：下载地址：http://files.cnblogs.com/files/LoveOrHate/jquery.nicescroll.min.js (doc...
阅读全文
摘要：http://www.cnblogs.com/jikey/p/4426105.htmljs高级前端开发加群方法（此群很难进，里面纯技术，严禁广告，水群）完整题目做完发邮箱(jikeytang@163.com)，经过评级审核后邀请进入一.css40分1.什么是盒模型？2.Doctype的几种类型？3....
阅读全文
摘要：很久以前在安卓2.0系统刚刚的时候就对HTML5比较关注！因为我也是那个时候刚刚入行做前端的。那个时候最大的乐趣就是看着w3plus上面各种css3的效果，觉得哇，好牛逼原来可以这样做，然后3年过去了。。。手上的APP做完的没有40个也有30个了！然后去年参加了HTML5峰会。听着一批前辈们说着他们...
阅读全文
摘要：http://pan.baidu.com/s/1jGj9CvO
阅读全文
摘要：原文地址
阅读全文
摘要：给菜鸟们的公告！想接受噩梦式前端速成吗？想快速提高自身吗？遇到问题想有人告诉你解决方法吗？可以加群：59470700；享受一下30多个人指导一个菜鸟的快乐（痛并快乐着）建议！不能接受他人批评的不要加！如果觉得自己无法坚持下去的也不用加！悟性慢倒不要紧至少要上进！坚持不懈！-_-//(只是替群主打个广...
阅读全文
摘要：canvas高级贝塞尔曲线运动动画你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！"http://files.cnblogs.com/files/LoveOrHate/canvas13.rar好了大致也标注了一下重点之类的有关贝塞尔的算法，我表示，我也是喜欢套公式的，让我自己研究公...
阅读全文
摘要：圆形径向渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：弧形描边渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：径向渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：径向渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！context.createRadialGradient(50,50,25,50,50,100);6个参数定义2个圆的圆心和半径第一个圆是开始圈第二个圆是结束圈第一个圆位于（50,50）半径25第二个元位于（50,50）半径为...
阅读全文
摘要：对角线渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：垂直渐变描边你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：填充渐变形状你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！水平渐变无非就是createLinearGradient(0,0,100,0)垂直渐变无非就是createLinearGradient(0,0,0,100)
阅读全文
摘要：因为我之前把基础大致都帮各位详细讲过了！什么fill，line，乱七八糟的一堆。都有demo了所以我最近写起来可能会快很多了！如果有不明白的只能请各位回顾下之前的文章了毕竟如果按照这个进度写文章的话，估计明年都写不完。。。我的目标可是让大家能尽快的写个小游戏。至少也要能写个（马里奥，坦克大战之类的）...
阅读全文
摘要：填充渐变形状你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：渐变描边你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：填充渐变形状你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：当你看到这样的效果图是不是已经崩溃了css3没出来之前大部分人基本都是用图片的方式拼出来的腾讯邮箱就是这么做的然后你想和设计说换直角吧。我用图片的好烦的感觉！而且我们还要兼容到ie6她和你说别人能做到你为啥不能然后本人只能用曾经被遗忘的一个小插件完成了这个奇怪的东西PIEhttp://css3pie...
阅读全文
摘要：填充渐变形状你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！在画布上创建渐变填充有两个基本选项：线性或者径向。线性渐变创建一个水平、垂直或者对角线的填充图案。径向渐变自中心店穿件一个放射状填充
阅读全文
摘要：对矩形或其他形状进行旋转和缩放与对正方形非常类似，实际上只要在缩放、旋转或者组合缩放旋转前将原点平移到形状的中心，都可以得到想要的效果。记住，任何形状的中心点都是半宽的X值和半高的Y值！这需要使用边界框理论找到中心点PS是丑了点！但是我表示我正在努力的学素描！明年我再去考个专升本艺术系HOHO（PS...
阅读全文
摘要：非正方形对象的缩放和旋转你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：这篇文章主要介绍了把jQuery的类、插件封装成seajs的模块的方法,需要的朋友可以参考下注：本文使用的seajs版本是2.1.1一、把Jquery封装成seajs的模块define(function () {//这里放置jquery代码 把你喜欢的jquery版本放进来就好了return $.n...
阅读全文
摘要：//获取屏幕宽度并动态赋值 var winWidth = 0;var winHeight = 0;function findDimensions() //函数：获取尺寸{//获取窗口宽度if (window.innerWidth)winWidth = window.innerWidth;els...
阅读全文
摘要：slice() 方法可从已有的数组中返回选定的元素。好吧，我承认我竟然把它忘了！这次我在回顾一下它语法arrayObject.slice(start,end)数组.slice（起始，结束）Thomas,James选取数组索引第2到4
阅读全文
摘要：1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24jqu...
阅读全文
摘要：图像缩放+旋转你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！前面讲过旋转，也讲过缩放了这个是2者的结合
阅读全文
摘要：早前报道深圳36岁IT男猝死酒店马桶上3月24日一早，深圳36岁IT男张斌被发现猝死在公司租住的酒店马桶上面，当日凌晨1点他还发出了最后一封工作邮件。在死前一天，张斌曾对妈妈说，“我太累了。”(详见南方都市报4月7日报道)。南都记者昨日获取的张斌生前考勤纪录也显示，张斌生前两个月曾连续多日加班到凌晨...
阅读全文
摘要：javascript鼠标拖拽的那些事情 一点点白
阅读全文
摘要：javascript:alert(0.1 + 0.2) 如果看到这样一道题你会怎么思考了！大家肯定第一反应0.3，但是考虑到我已经这样问了！那么幼稚的答案我会专门写篇文章吗然后人就开始折磨自己了会不会是 0.10.2呢然后结果还是很拉风的0.30000000000000004再来0.1+0.70....
阅读全文
摘要：图像缩放你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：多个图像围绕中心点旋转你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：储信资产管理（尽管我素来低调，但是不代表我的技术真的白，尽管面试时可能困难的问题卡住，但是第一次简历不合格，好样的！我绝逼记住这家了！）以下为jd（3年前端工作经验，本科学历，大型网站开发，曾做过同类大型P2P网站，从事html5app开发2年。。。。简历不合格）闻泰(!这都死人，但是因为和我无关!...
阅读全文
摘要：某人提出请教下谁能解释下这个值varname="TheWindow";varobject={name:"MyObject",getName:function(){returnthis.name;}};alert((object.getName=object.getName)());--------T...
阅读全文
摘要：围绕中心点旋转你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！这一次我们设置了变量。。。是不是感觉看起来莫名的亲切了 var x = 100; var y = 100; var width = 50; var height =...
阅读全文
摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量...
阅读全文
摘要：hammerJS是一个优秀的、轻量级的触屏设备手势库，现在已经更新到2.04版本，跟1.0版本有点天壤地别了，毕竟改写了事件名并新增了许多方法，允许同时监听多个手势、自定义识别器，也可以识别滑动方向。不过对于新版本的hammerJS却及其匮乏中文指引文档，就着这一点我还是上官网翻译下英文文档，写一篇...
阅读全文
摘要：html5 canvas旋转你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！context.setTransform(a,b,c,d,e,f);a水平旋转绘图b水平倾斜绘图c垂直倾斜绘图d垂直缩放绘图e水平移动绘图f垂直移动绘图var angleInRadians = 45 * M...
阅读全文
摘要：source-over默认。在目标图像上显示源图像。source-atop在目标图像顶部显示源图像。源图像位于目标图像之外的部分是不可见的。source-in在目标图像中显示源图像。只有目标图像内的源图像部分会显示，目标图像是透明的。source-out在目标图像之外显示源图像。只会显示目标图像之外...
阅读全文
摘要：js异步处理工作机制从基础的层面来讲，理解JavaScript的定时器是如何工作的是非常重要的。计时器的执行常常和我们的直观想象不同，那是因为JavaScript引擎是单线程的。我们先来认识一下下面三个函数是如何控制计时器的。var id = setTimeout(fn, delay);- 初始化一...
阅读全文
摘要：fullPage框架的页面样式无需自定义，已有写好的
兼容ios5+、android2.3+、winphone 8系统，其滑屏功能，效果比较丰富，支持缩放、旋转、透明度、自动滑屏等动画效果~如果你需要设计精彩的滑屏效果，可考虑它
阅读全文
摘要：设计滑屏框架的办法一般有2种控制父容器法控制子容器法这个算是控制父容器法通过控制父容器的transform: translateY或margin-top或top的值来上下滑动页面，每次的位移的取值为当前页面高度~这里采用slip框架，库大小5.75K，非常轻量，可以放心用在你的项目~slip框架的页...
阅读全文
摘要：最近在整理canvas的时候发现HTML5 Canvas开发详解一个奇怪的属性解释目标图形是显示在画布上的位图而原图形是指要回执在画布上的形状w3school上面是这样说的destination-atop 在源图像顶部显示目标图像。源图像之外的目标图像部分不会被显示。然后再HTML5 Canvas开...
阅读全文
摘要：canvas裁剪区域你的浏览器无法使用canvas如有问题，请在下方发送你问题，我看到会解答！！首先有个200*200的矩形是绿色的然后裁剪50*50.。下面那个圆弧只有50*50的区域内了然后再切换回200*200然后那个蓝色的圆又看到了大概的意思就是这样最近忙着面试啥的搞得没时间把我的canva...
阅读全文
摘要：3D滚动下拉菜单-简直不要太任性预览 先看看最终效果简介 由来最初看到这个是在14年5月，猛戳这里：妙味官网，觉得非常炫。想要做出来，所以就开始学习web。那时候是做c/s的，也因为这个走上了b/s之路，(ﾟДﾟ≡ﾟДﾟ) 现在前后台都要写了。前几天又来试试，发现自己能大概实现了( ﾟ∀ﾟ)，好屌。...
阅读全文
摘要：loading ... loading ... loading ... loading ... loading loa...
阅读全文
摘要：Firefox滚动残影Firefox滚动残影这文章放在草稿箱有一阵子了，之前的3系列都有这BUG，当正想发表这文章的时候，和我沟通刚刚升级的FF4已修复此BUG，所以搁置一阵在考虑到这文章还有没有价值，既然写了还是发吧，就当撑撑场面。相信FF3~4版本之间也需要一些时间做过渡，希望对各位还有用。这B...
阅读全文
摘要：_history : { //缓存 isLocalStorage:window.localStorage?true:false, set : function(key,value){ //设置缓存 if(this.isLocalStorage){ window.localSto...
阅读全文
摘要：经过一次离职风波之后，当然我觉得更像一场闹剧。。。最后的结果就是偶的工资跨出了老大一步。。。这里我鄙视一家叫做储信资产管理的坑爹公司（凭什么连我面试的机会都不给我，我就投了一份简历都不让我面试。明明那么渣的网站....要不是看离我家比较近...哼哼）好了本次我发现我的简历还是挺受关注的上次元旦更新了...
阅读全文
摘要：如果说你3年还在不停地切页面的。。。那么你对http协议的了解程度你的原生的javascript的掌握程度你的页面的优化的理念你在写页面是否会有什么独特地技巧你对ajax的get和post方法的区别你是否能用对javascript的框架设计是否有所了解你对sea.js require.js的了解你又...
阅读全文
摘要：问题此部分用于自测。如有疑惑，可参看后文的答案部分。HTMLDoctype作用? 严格模式与混杂模式如何区分？它们有何意义?行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？介绍一下CSS的盒子模型？link 和@import 的区别是？CSS 选择符有哪些？哪些属性可以继承？优先级算法如...
阅读全文
摘要：如何判断一个js对象是否是Array,arr为要判断的对象，其中最准确的方法是？ typeof(arr) arr instanceof Array arr.toString==='[object Array]'; Object.prototype.toString.call(arr) === '[o...
阅读全文
摘要：html5 canvas贝塞尔曲线篇html5 canvas贝塞尔曲线篇你的浏览器无法使用canvas你的支持是我最大的快乐！！这一篇主要是创建多弧点的贝塞尔曲线（150,0）,（175,300）记得半年前我看着这2个点的位置看了半天都没反应过来后来百度贝塞尔曲线的选取点才发现原来是多点的贝塞尔曲线...
阅读全文
摘要：html5 canvas贝塞尔曲线篇html5 canvas贝塞尔曲线篇你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！//context.quadraticCurveTo(cpx,cpy,x,y);说明在代码内有注释哦
阅读全文
摘要：html5 canvas从圆开始你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！context.arcTo(350,350,100,100,20);x1,y1,x2,y2,radius首先需要有个路径context.lineTo(100,200...
阅读全文
摘要：html5 canvas从圆开始你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：基本文件配置lineCap定义上下文中线的端点：butt端点是垂直于线段边缘的平直边缘round端点是在线段边缘处以线宽为直径的半圆square：端点是在选段边缘处以线宽为长，以一般线宽为宽的矩形lineJoin定义了两条线相交产生的拐角miter 在连接外边缘盐城详解bevel。连接处是一个对角线...
阅读全文
摘要：简单直线路径你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！写到这篇的时候莫名有种大学里面上计算图形学第一张如何画一个直线（DDA算法） 设直线通过点和，则直线方程可表示为：。如果已知第点的坐标，可用步长和得到第点的坐标为：或将算得的直线上每个...
阅读全文
摘要：先从简单的开始fillRect(x,y,width,height)在坐标x,y的位置加上一个宽，高 如：fillRect(0,0,500,500)//在坐标0，0处加上一个宽高500的填充矩形strokeRect(x,y,width,height)在坐标x,y的位置加上一个宽，高边框矩形但是需要使用...
阅读全文
摘要：小白童鞋的canvas之基本配置篇你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！http://files.cnblogs.com/files/LoveOrHate/canvas1-1.rar（DEMO下载） window.addEventLi...
阅读全文
摘要：上次网上看了一篇这个文章，然后乱七八糟晕头转向把我晕的够呛。看了半天没找到错的地方但是浏览器Hello world就是没有定义。。。我也是醉了，最后发现我认为是废话的话一句话竟然有用！！！所以我还是简化一下，大家看着都舒服首先先实例化一个函数function HelloWorld(){ ale...
阅读全文
