摘要: html5 canvas文本处理你的浏览器无法使用canvas小白童鞋;你的支持是我最大的快乐!!Text: 阅读全文
posted @ 2015-04-25 21:34 一点点白 阅读(699) 评论(0) 推荐(1) 编辑
摘要: 阅读全文
posted @ 2015-04-25 21:16 一点点白 阅读(459) 评论(0) 推荐(0) 编辑
摘要: 最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业。对于初学者来说别说理解闭包了,就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。一、什么是闭包?“官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量... 阅读全文
posted @ 2015-04-25 17:20 一点点白 阅读(527) 评论(0) 推荐(1) 编辑
摘要: 一、原始写法模块就是实现特定功能的一组方法。 只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。 function m1(){ //... } function m2(){ //... } 上面的函数m1()和m2(),组成一个模块。使用的时候,直... 阅读全文
posted @ 2015-04-24 22:50 一点点白 阅读(4734) 评论(1) 推荐(1) 编辑
摘要: 本文发表在《程序员》杂志 2013 年 3 月刊,推荐购买。前端模块化开发的价值随着互联网的飞速发展,前端开发越来越复杂。本文将从实际项目中遇到的问题出发,讲述模块化能解决哪些问题,以及如何使用 Sea.js 进行前端的模块化开发。恼人的命名冲突我们从一个简单的习惯出发。我做项目时,常常会将一些通用... 阅读全文
posted @ 2015-04-24 22:23 一点点白 阅读(1249) 评论(0) 推荐(1) 编辑
摘要: 通过翻译了Dmitry A.Soshnikov的关于ECMAScript-262-3JavaScript内部原理的文章, 从理论角度对JavaScript中部分特性的内部工作机制有了一定的了解。但是,邓爷爷说过:“实践才是检验真理的唯一标准”。所以,我打算通过从内部原理来解释一些经常在笔试或者面试中... 阅读全文
posted @ 2015-04-24 15:38 一点点白 阅读(2283) 评论(1) 推荐(1) 编辑
摘要: https://icomoon.io/ 阅读全文
posted @ 2015-04-23 22:13 一点点白 阅读(669) 评论(1) 推荐(2) 编辑
摘要: 阅读全文
posted @ 2015-04-23 21:05 一点点白 阅读(488) 评论(0) 推荐(1) 编辑
摘要: 左侧定宽 中间自适应 右侧定宽 /* 三列中间自适应布局 */.g-bd5{margin:0 0 10px;}.g-sd51,.g-sd52{position:relat... 阅读全文
posted @ 2015-04-23 20:29 一点点白 阅读(629) 评论(0) 推荐(1) 编辑
摘要: 左侧自适应 右侧定宽 /* 两列左侧自适应布局 */.g-bd2{margin:0 0 10px;}.g-sd2{position:relative;float:right;width:230px;m... 阅读全文
posted @ 2015-04-22 22:45 一点点白 阅读(270) 评论(0) 推荐(1) 编辑
摘要: 左侧定宽 右侧自适应 /* 两列右侧自适应布局 */.g-bd1{margin:0 0 10px;}.g-sd1{position:relative;float:left;width:190px;ma... 阅读全文
posted @ 2015-04-22 22:39 一点点白 阅读(491) 评论(0) 推荐(1) 编辑
摘要: html template概述包含完整头部信息和主体结构的HTML基础模板。代码展示更好的CSS方案 ... 阅读全文
posted @ 2015-04-22 22:27 一点点白 阅读(299) 评论(0) 推荐(1) 编辑
摘要: 概述 通过媒体查询为不同的设备和大小配置不同的样式。代码展示/* media *//* 横屏 */@media screen and (orientation:landscape){ }/* 竖屏 */@media screen and (orientation:portrait){ ... 阅读全文
posted @ 2015-04-22 22:25 一点点白 阅读(185) 评论(0) 推荐(1) 编辑
摘要: 不符合NEC规范的选择器用法 .class{} 不要以一个没有类别的样式作为主选择器,这样的选择器只能作为后代选择器使用,比如.m-xxx .class{}。 .m-xxx div{} 不要以没有语义的标签作为选择器,这会造成大面积污染,除非你可以断定现在或将来你的这个选择器不会污染其他同类。 .g... 阅读全文
posted @ 2015-04-22 22:23 一点点白 阅读(196) 评论(0) 推荐(1) 编辑
摘要: 最佳选择器写法(模块)/* 这是某个模块 */.m-nav{}/* 模块容器 */.m-nav li,.m-nav a{}/* 先共性 优化组合 */.m-nav li{}/* 后个性 语义化标签选择器 */.m-nav a{}/* 后个性中的共性 按结构顺序 */.m-nav a.a1{}/*... 阅读全文
posted @ 2015-04-22 22:20 一点点白 阅读(393) 评论(0) 推荐(1) 编辑
摘要: 值缩写 缩写值可以减少CSS文件大小,并增加可读性和可维护性。 但并非所有的值都必须缩写,因为当一个属性的值缩写时,总是会将所有项都设置一遍,而有时候我们不希望设置值里的某些项。/* 比如我们用下面这个样式来让某个定宽的容器水平居中,我们要的只是left和right, * 而top和bottom不是... 阅读全文
posted @ 2015-04-22 22:18 一点点白 阅读(681) 评论(2) 推荐(1) 编辑
摘要: CSS那些事!这个篇幅是我特意开的,不是因为帮助小菜之类的,而是在多人的团队配合中各种命名冲突的规范让人蛋疼。css这个东西只要不是新的离谱都会写,但是每个人的命名风格,方法,都不同有人喜欢驼峰,有人觉得-不错,有的人觉得_很方便,最后有的英文命名,有的干脆拼音。。。。囧http://www.cnb... 阅读全文
posted @ 2015-04-22 22:12 一点点白 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 选择器、属性和值都使用小写 在xhtml标准中规定了所有标签、属性和值都小写,CSS也是如此。单行写完一个选择器定义 便于选择器的寻找和阅读,也便于插入新选择器和编辑,便于模块等的识别。去除多余空格,使代码紧凑减少换行。 如果有嵌套定义,可以采取内部单行的形式。/* 单行定义一个选择器 */.m-l... 阅读全文
posted @ 2015-04-22 22:02 一点点白 阅读(2924) 评论(0) 推荐(1) 编辑
摘要: 使用类选择器,放弃ID选择器ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用。NEC特殊字符:"-"连字符"-"在本规范中并不表示连字符的含义。她只表示两种含义:分类前缀分隔符、扩展分隔符,详见以下具体规则。分类的命名方法:使用单个字母+"-"为前缀布局(grid)(.g-);... 阅读全文
posted @ 2015-04-22 21:17 一点点白 阅读(1524) 评论(0) 推荐(1) 编辑
摘要: CSS文件的分类和引用顺序 通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类。 我们按照CSS的性质和用途,将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”,并以此顺序引用(按需求决定是否添加版本号)。 公共型样式:包括了以下几个部分:“标签的重置和... 阅读全文
posted @ 2015-04-22 21:14 一点点白 阅读(574) 评论(0) 推荐(1) 编辑
摘要: /* 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;}.... 阅读全文
posted @ 2015-04-22 21:13 一点点白 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体、主文字色,主链接色,主字体等)。 阅读全文
posted @ 2015-04-22 21:12 一点点白 阅读(668) 评论(0) 推荐(0) 编辑
摘要: 就算世界再坑爹,总有一些属性能带你走出绝望(伟大的absolute)今天吐槽一下!......在我的世界里没有正统UI,所以效果图永远都是那么坑爹!这里我要感谢有个position:absolute; T_T当遇到各种不合理布局的时候,至少还有它吐槽完毕!!!这个就是一个简单的图片截取工具!!简陋... 阅读全文
posted @ 2015-04-22 12:00 一点点白 阅读(797) 评论(0) 推荐(0) 编辑
摘要: 只是给偶的徒弟,熟悉JavaScript数组的!!!...然后偶带着好辛苦-_-//... 阅读全文
posted @ 2015-04-21 22:40 一点点白 阅读(643) 评论(5) 推荐(2) 编辑
摘要: (某个群友)http://www.cnblogs.com/coco1s/ 很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习js更是大有裨益。 而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解... 阅读全文
posted @ 2015-04-21 10:49 一点点白 阅读(3641) 评论(4) 推荐(1) 编辑
摘要: 某个群友 http://www.cnblogs.com/coco1s/ 很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习前端基础更是大有裨益。 而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解... 阅读全文
posted @ 2015-04-21 10:46 一点点白 阅读(2094) 评论(0) 推荐(0) 编辑
摘要: 这个题目“P2P的职位是否是程序员的合适选择”这个问题本身是没啥可以吐槽的但是每当我们讨论那种类型的公司工资愿意给前端工程师开的最高的时候,P2P这个行业被第一个提出了目前我收到过面试的企业类型千奇百怪。有BAT3巨头的,垄断着互联网的有赶集,携程,51job,某个专长的巨头。。。大大小小的游戏公司... 阅读全文
posted @ 2015-04-20 22:59 一点点白 阅读(603) 评论(0) 推荐(0) 编辑
摘要: 创建阴影你的浏览器无法使用canvas如有疑问加QQ:1035417613;小白童鞋;你的支持是我最大的快乐!!shadowOffsetX,shadowOffsetY,控制阴影的位置shadowBlur控制阴影的模糊程度shadowColor控制阴影的颜色类似css3的这个属性box-shadow 阅读全文
posted @ 2015-04-20 20:14 一点点白 阅读(1755) 评论(0) 推荐(0) 编辑
摘要: 用图案填充形状你的浏览器无法使用canvas如有疑问加QQ:1035417613;小白童鞋;你的支持是我最大的快乐!!注意图片的路径!!!其他就和css的background感觉差不多//图片填充的4种类型:repeat,no-repeat,repeat-x,repeat-y;//createPat... 阅读全文
posted @ 2015-04-20 19:56 一点点白 阅读(1017) 评论(0) 推荐(1) 编辑
摘要: <! 基本说明开始 > html....css....js/jq ps html不求多规范,当然能在严师逼迫下强行规范准则最好了(目前正在带一个小菜,逼迫他) 最好有对结构的直感!能一眼就看出这个是由多少块,怎么排列的 css至少能写出规定样式! 然后灵活的运用firebug,等浏览器调试工具 <! 阅读全文
posted @ 2015-04-20 18:08 一点点白 阅读(1775) 评论(0) 推荐(1) 编辑
摘要: 分享一个好玩的web app页面速成工具当然主要是让大家看下他的原理看着他的结构大家就该猜到这个了。这个是利用换页之后给当前div加了一个active,然后利用css控制效果这个毫无疑问是采用最大宽度640的布局方式类似的js框架我曾经分享过2个如fullPage.js,slip.js大家可以从我之... 阅读全文
posted @ 2015-04-19 23:24 一点点白 阅读(1035) 评论(0) 推荐(0) 编辑
摘要: 看着群主,终于写了一个小插件,那我也就帮他分享一下!-_-// 阅读全文
posted @ 2015-04-19 20:27 一点点白 阅读(1098) 评论(1) 推荐(0) 编辑
摘要: http://tool.css-js.com/ 阅读全文
posted @ 2015-04-19 18:38 一点点白 阅读(347) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2015-04-19 12:19 一点点白 阅读(630) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2015-04-18 21:25 一点点白 阅读(4290) 评论(0) 推荐(1) 编辑
摘要: 这个我表示写的不咋地-_-//,但是胜在简单,可优化性不错。实际上我本来想写个复杂点的结构的,但是最近忙成狗了!!!!所以大家就讲究着看吧HTML结构CSS部分(因为我的banner图为1920的宽度,所以-960).banner{ height:365px; overflow:hidden;}.b... 阅读全文
posted @ 2015-04-18 19:11 一点点白 阅读(15212) 评论(4) 推荐(2) 编辑
摘要: 下载地址:http://files.cnblogs.com/files/LoveOrHate/jquery.nicescroll.min.js $(document).ready(function() {$("html").niceScroll();});var nice = false;$(doc... 阅读全文
posted @ 2015-04-18 16:27 一点点白 阅读(481) 评论(0) 推荐(0) 编辑
摘要: http://www.cnblogs.com/jikey/p/4426105.htmljs高级前端开发加群方法(此群很难进,里面纯技术,严禁广告,水群)完整题目做完发邮箱(jikeytang@163.com),经过评级审核后邀请进入一.css40分1.什么是盒模型?2.Doctype的几种类型?3.... 阅读全文
posted @ 2015-04-18 12:25 一点点白 阅读(802) 评论(8) 推荐(0) 编辑
摘要: 很久以前在安卓2.0系统刚刚的时候就对HTML5比较关注!因为我也是那个时候刚刚入行做前端的。那个时候最大的乐趣就是看着w3plus上面各种css3的效果,觉得哇,好牛逼原来可以这样做,然后3年过去了。。。手上的APP做完的没有40个也有30个了!然后去年参加了HTML5峰会。听着一批前辈们说着他们... 阅读全文
posted @ 2015-04-17 22:57 一点点白 阅读(656) 评论(0) 推荐(1) 编辑
摘要: http://pan.baidu.com/s/1jGj9CvO 阅读全文
posted @ 2015-04-17 11:17 一点点白 阅读(193) 评论(0) 推荐(0) 编辑