树海之光-CSDN博客

原创我的前端学习笔记 box-sizing，calc，回调函数

今天的任务也不重，又有时间研究新东西了。首先来讲讲一个很有趣的属性，box-sizing，通过对这个值的设定可以改变盒子模型的类型。默认的content-box，border和padding不计算入width之内。padding-box，padding计算入width内border-box，border和padding计算入width之内（其实就是IE盒模型啦）通过修改

2015-08-11 23:11:02 507

原创 less初探

双休闲着无事于是想试试新技术，于是开始研究LESS.LESS是css预处理器的一种.说简单点，用他自己的一套规则写然后自动生成css。非常方便。安装的话less也很简单，下一个koala，然后新建一个.less后缀的文件就能写了。具体过程的话百度都能找到，不再细说。接下来让我们看看Less的特性首先他可以定义变量//定义变量@ty:#66ccff;@border1:1px

2015-08-09 13:18:42 324

原创我的前端笔记字符串整理

今天来整理下字符串的常用知识，都很简单，因此也不用过多说明，多记忆多写就可以。 var a="aaabbbccc"; var b="la,la,la"; var concat=a.concat(b); //将a,b合并成同一个字符串 var split=b.split(','); //将b切割成数组 var index=a.index

2015-08-06 21:50:28 305

原创每天一点小进步,background-size

今天随便理理最近开发中遇到的小麻烦吧。移动端有时候我们不知道不同屏幕多大，可能我们会直接把一些诸如背景图片之类的宽度设置成百分之一百。但是这样的情况下如果我们设置margin-left的话DIV就会超出屏幕。这时候解决方法其实很简单，给父元素一个padding值就能将他包括起来。换言之，我们可以考虑用padding来代替margin来使界面符合设计需求。这两天因为调接口写了不少ajax，其

2015-08-04 20:47:21 445

原创聊聊BFC吧

今天看了不少博文，整理一下关于BFC的知识BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。基本规则：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离

2015-08-03 21:51:08 364

原创我的前端学习笔记关于em和rem的使用

因为在公司以后都是移动端前端开发，传统的用px作为单位显然不切实际。因此我们要使用相对单位em和rem。这两个其实没什么本质区别，只是相对的不一样。em 是以父元素的字体大小为参照。比如父元素是12px，你给子元素1em,他其实就是12px长。下面举例说明：这是html的结构 a a2 b c赋给他们不同的em值，他

2015-08-02 15:34:01 2933

原创我的前端学习笔记 css3 gradient,transform,transition ,弹性盒子

去公司以后每天都很忙很久没打理博客了，希望接下来能够整理一下之前学习到的知识。先简单回顾下css3一些新的特性吧，以chrome为例渐变色 gradient线性渐变语法：background:-webkit-linear-gradient(left,#66CCFF,green);效果如图，实现从左到右从天依蓝到绿色的渐变。如果把参数left改成top left之

2015-08-01 19:25:37 729

转载我的前端学习笔记 js关于this的指向

原文链接：http://blog.163.com/thinker_creator/blog/static/1019331492009101545251234/1. 方法调用模式当一个函数被保存为对象的一个属性时, 我们称它为一个方法, 当一个方法被调用时, this指向该对象, 如:var obj = {value: 1,getValue: function

2015-06-14 15:55:51 259

转载我的前端学习笔记关于js数据类型

整理自 http://segmentfault.com/q/1010000000464600在实际的项目应用中，typeof只有两个用途，就是检测一个元素是否为undefined，或者是否为function。Value function typeof-------------------------------------"foo"

2015-04-07 15:15:02 298

原创我的前端学习笔记 css3,text-overflow

今天笔试的时候遇到一个问题，html如何在对象区域文字溢出时候用(...)来代替溢出文字，由于对css3属性还不怎么属性我并想起来解决方法。回去查了下发现需要text-overflow属性可以解决这个问题。首先让我们看下w3school上面的语法：text-overflow: clip|ellipsis|string;clip:修剪文本，不会显示...ellipsis:显示省略符号

2015-03-27 15:16:05 908

树海的专栏