2015年4月10日
html5 canvas裁剪区域
摘要： canvas裁剪区域你的浏览器无法使用canvas如有问题，请在下方发送你问题，我看到会解答！！首先有个200*200的矩形是绿色的然后裁剪50*50.。下面那个圆弧只有50*50的区域内了然后再切换回200*200然后那个蓝色的圆又看到了大概的意思就是这样最近忙着面试啥的搞得没时间把我的canva... 阅读全文
posted @ 2015-04-10 16:14 一点点白 阅读(2277) 评论(0) 推荐(1) 编辑
每天偷一段高质量的代码
摘要： 3D滚动下拉菜单-简直不要太任性预览 先看看最终效果简介 由来最初看到这个是在14年5月，猛戳这里：妙味官网，觉得非常炫。想要做出来，所以就开始学习web。那时候是做c/s的，也因为这个走上了b/s之路，(ﾟДﾟ≡ﾟДﾟ) 现在前后台都要写了。前几天又来试试，发现自己能大概实现了( ﾟ∀ﾟ)，好屌。... 阅读全文
posted @ 2015-04-10 09:46 一点点白 阅读(395) 评论(0) 推荐(0) 编辑
10个造型奇特的css3进度条(有的html被编辑器转义了，上面的代码还是OK的)。。。转载
摘要： loading ... loading ... loading ... loading ... loading loa... 阅读全文
posted @ 2015-04-10 09:26 一点点白 阅读(296) 评论(0) 推荐(0) 编辑
2015年4月9日
Firefox滚动残影(转)
摘要： Firefox滚动残影Firefox滚动残影这文章放在草稿箱有一阵子了，之前的3系列都有这BUG，当正想发表这文章的时候，和我沟通刚刚升级的FF4已修复此BUG，所以搁置一阵在考虑到这文章还有没有价值，既然写了还是发吧，就当撑撑场面。相信FF3~4版本之间也需要一些时间做过渡，希望对各位还有用。这B... 阅读全文
posted @ 2015-04-09 16:47 一点点白 阅读(556) 评论(0) 推荐(0) 编辑
看着水了一天的群，终于看到一段高质量的代码了分享一下localStorage
摘要： _history : { //缓存 isLocalStorage:window.localStorage?true:false, set : function(key,value){ //设置缓存 if(this.isLocalStorage){ window.localSto... 阅读全文
posted @ 2015-04-09 15:22 一点点白 阅读(3007) 评论(0) 推荐(2) 编辑
2015年4月8日
今天我的天空瞬间明亮了
摘要： 经过一次离职风波之后，当然我觉得更像一场闹剧。。。最后的结果就是偶的工资跨出了老大一步。。。这里我鄙视一家叫做储信资产管理的坑爹公司（凭什么连我面试的机会都不给我，我就投了一份简历都不让我面试。明明那么渣的网站....要不是看离我家比较近...哼哼）好了本次我发现我的简历还是挺受关注的上次元旦更新了... 阅读全文
posted @ 2015-04-08 15:34 一点点白 阅读(249) 评论(0) 推荐(0) 编辑
2015年4月7日
作为一个有B格的前端工程师需要掌握的一些知识
摘要： 如果说你3年还在不停地切页面的。。。那么你对http协议的了解程度你的原生的javascript的掌握程度你的页面的优化的理念你在写页面是否会有什么独特地技巧你对ajax的get和post方法的区别你是否能用对javascript的框架设计是否有所了解你对sea.js require.js的了解你又... 阅读全文
posted @ 2015-04-07 19:50 一点点白 阅读(387) 评论(2) 推荐(0) 编辑
2015年4月5日
前端的各种各样的面试题大全
摘要： 问题此部分用于自测。如有疑惑，可参看后文的答案部分。HTMLDoctype作用? 严格模式与混杂模式如何区分？它们有何意义?行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？介绍一下CSS的盒子模型？link 和@import 的区别是？CSS 选择符有哪些？哪些属性可以继承？优先级算法如... 阅读全文
posted @ 2015-04-05 18:52 一点点白 阅读(552) 评论(0) 推荐(0) 编辑
2015年4月4日
看到一些前端面试题没答案，自己做了一下如果有错请指出
摘要： 如何判断一个js对象是否是Array,arr为要判断的对象，其中最准确的方法是？ typeof(arr) arr instanceof Array arr.toString==='[object Array]'; Object.prototype.toString.call(arr) === '[o... 阅读全文
posted @ 2015-04-04 17:43 一点点白 阅读(2028) 评论(2) 推荐(0) 编辑
2015年4月3日
html5 canvas贝塞尔曲线篇(下)
摘要： html5 canvas贝塞尔曲线篇html5 canvas贝塞尔曲线篇你的浏览器无法使用canvas你的支持是我最大的快乐！！这一篇主要是创建多弧点的贝塞尔曲线（150,0）,（175,300）记得半年前我看着这2个点的位置看了半天都没反应过来后来百度贝塞尔曲线的选取点才发现原来是多点的贝塞尔曲线... 阅读全文
posted @ 2015-04-03 16:26 一点点白 阅读(1319) 评论(0) 推荐(0) 编辑
html5 canvas贝塞尔曲线篇(上)
摘要： html5 canvas贝塞尔曲线篇html5 canvas贝塞尔曲线篇你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！//context.quadraticCurveTo(cpx,cpy,x,y);说明在代码内有注释哦 阅读全文
posted @ 2015-04-03 15:47 一点点白 阅读(1049) 评论(0) 推荐(0) 编辑
html5 canvas arcTo()
摘要： html5 canvas从圆开始你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！context.arcTo(350,350,100,100,20);x1,y1,x2,y2,radius首先需要有个路径context.lineTo(100,200... 阅读全文
posted @ 2015-04-03 11:59 一点点白 阅读(631) 评论(0) 推荐(0) 编辑
html5 canvas从圆开始
摘要： html5 canvas从圆开始你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！ 阅读全文
posted @ 2015-04-03 10:30 一点点白 阅读(1801) 评论(4) 推荐(0) 编辑
html5 canvas路径绘制2
摘要： 基本文件配置lineCap定义上下文中线的端点：butt端点是垂直于线段边缘的平直边缘round端点是在线段边缘处以线宽为直径的半圆square：端点是在选段边缘处以线宽为长，以一般线宽为宽的矩形lineJoin定义了两条线相交产生的拐角miter 在连接外边缘盐城详解bevel。连接处是一个对角线... 阅读全文
posted @ 2015-04-03 10:09 一点点白 阅读(807) 评论(0) 推荐(0) 编辑
2015年4月2日
html5 canvas简单的直线路径
摘要： 简单直线路径你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！写到这篇的时候莫名有种大学里面上计算图形学第一张如何画一个直线（DDA算法） 设直线通过点和，则直线方程可表示为：。如果已知第点的坐标，可用步长和得到第点的坐标为：或将算得的直线上每个... 阅读全文
posted @ 2015-04-02 23:01 一点点白 阅读(608) 评论(0) 推荐(0) 编辑
html5 canvas（基本矩形）
摘要： 先从简单的开始fillRect(x,y,width,height)在坐标x,y的位置加上一个宽，高 如：fillRect(0,0,500,500)//在坐标0，0处加上一个宽高500的填充矩形strokeRect(x,y,width,height)在坐标x,y的位置加上一个宽，高边框矩形但是需要使用... 阅读全文
posted @ 2015-04-02 22:27 一点点白 阅读(6690) 评论(1) 推荐(1) 编辑
html5 canvas结构基础
摘要： 小白童鞋的canvas之基本配置篇你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！http://files.cnblogs.com/files/LoveOrHate/canvas1-1.rar（DEMO下载） window.addEventLi... 阅读全文
posted @ 2015-04-02 20:48 一点点白 阅读(659) 评论(0) 推荐(1) 编辑
2015年4月1日
JS面向对象编程之对象（简化版）
摘要： 上次网上看了一篇这个文章，然后乱七八糟晕头转向把我晕的够呛。看了半天没找到错的地方但是浏览器Hello world就是没有定义。。。我也是醉了，最后发现我认为是废话的话一句话竟然有用！！！所以我还是简化一下，大家看着都舒服首先先实例化一个函数function HelloWorld(){ ale... 阅读全文
posted @ 2015-04-01 23:15 一点点白 阅读(1569) 评论(0) 推荐(1) 编辑
2015年3月31日
JavaScript执行优先顺序
摘要： js在html中的加载执行顺序1.加载顺序：引入标记 每个脚本定义的全局变量和函数，都可以被后面执行的脚本所调用。变量的调用，必须是前面已经声明，否则获取的变量值是undefined。同一段脚本，函数定义可以出现在函数调用的后面，但是如果是分别在两段代码，且函数调用在第一段代码中，则会报函数未... 阅读全文
posted @ 2015-03-31 22:32 一点点白 阅读(888) 评论(0) 推荐(1) 编辑
2015年3月30日
javascript prototype
摘要： function Me(name){ this.name=name; //对象方法 this.Introduce=function(){ alert("My name is "+this.name); }}//类方法Me.Like=function(){ alert("LOL");}... 阅读全文
posted @ 2015-03-30 20:50 一点点白 阅读(187) 评论(0) 推荐(1) 编辑
5个经典的javascript面试问题
摘要： 问题1：Scope作用范围 考虑下面的代码： (function() { var a = b = 5;})();console.log(b); 什么会被打印在控制台上？ 回答 上面的代码会打印 5。 这个问题的诀窍是，这里有两个变量声明，但 a 使用关键字var声明... 阅读全文
posted @ 2015-03-30 11:47 一点点白 阅读(310) 评论(0) 推荐(1) 编辑
去年的一些面试题
摘要： 面试题目会根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑; 类型： 技术视野、项目细节、理论知识型题，算法题，开放性题，案例题。进行追问，可以确保问到你开始不懂或者面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记... 阅读全文
posted @ 2015-03-30 11:35 一点点白 阅读(519) 评论(0) 推荐(1) 编辑
2015年3月29日
各种奇妙的hack
摘要： AndroidSelector HacksWebKit.selector:not(*:root) {}Chrome *Safari *Opera ≥ 14Android *#JavaScript Hacksvar isChromium = !!window.chrome;Chrome *Opera... 阅读全文
posted @ 2015-03-29 22:21 一点点白 阅读(574) 评论(0) 推荐(0) 编辑
2015年3月27日
jQuery工作原理解析以及源代码示例
摘要： jQuery的开篇声明里有一段非常重要的话:jQuery是为了改变javascript的编码方式而设计的.从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库.jQuery改变javascript编码方式!那么它是如何实现它的声明的呢?这里,用以下的一段简短的使用流程:1)查找(... 阅读全文
posted @ 2015-03-27 22:25 一点点白 阅读(275) 评论(0) 推荐(0) 编辑
2015年3月25日
JavaScript Window - 浏览器对象模型
摘要： Window 对象所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。window对象的方法有open close aler... 阅读全文
posted @ 2015-03-25 09:38 一点点白 阅读(262) 评论(0) 推荐(1) 编辑
2015年3月3日
原生JavaScript技巧大收集(1~10)
摘要： 1、原生JavaScript实现字符串长度截取01function cutstr(str, len) {02var temp;03var icount = 0;04var patrn = /[^\x00-\xff]/;05var strre = "";06for (var i = 0; i /g, ... 阅读全文
posted @ 2015-03-03 09:22 一点点白 阅读(327) 评论(0) 推荐(1) 编辑
点击右上角即可分享
微信分享提示