![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
文章平均质量分 61
树海之光
这个作者很懒,什么都没留下…
展开
-
我的前端学习笔记 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 · 497 阅读 · 0 评论 -
我的前端学习笔记 关于js数据类型
整理自 http://segmentfault.com/q/1010000000464600 在实际的项目应用中,typeof只有两个用途,就是检测一个元素是否为undefined,或者是否为function。 Value function typeof ------------------------------------- "foo"转载 2015-04-07 15:15:02 · 291 阅读 · 0 评论 -
我的前端学习笔记 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 · 252 阅读 · 0 评论 -
我的前端学习笔记 css3 gradient,transform,transition ,弹性盒子
去公司以后每天都很忙很久没打理博客了,希望接下来能够整理一下之前学习到的知识。 先简单回顾下css3一些新的特性吧,以chrome为例 渐变色 gradient 线性渐变语法:background:-webkit-linear-gradient(left,#66CCFF,green); 效果如图,实现从左到右从天依蓝到绿色的渐变。如果把参数left改成top left之原创 2015-08-01 19:25:37 · 725 阅读 · 0 评论 -
我的前端学习笔记 关于em和rem的使用
因为在公司以后都是移动端前端开发,传统的用px作为单位显然不切实际。因此我们要使用相对单位em和rem。 这两个其实没什么本质区别,只是相对的不一样。em 是以父元素的字体大小为参照。比如父元素是12px,你给子元素1em,他其实就是12px长。 下面举例说明:这是html的结构 a a2 b c赋给他们不同的em值,他原创 2015-08-02 15:34:01 · 2926 阅读 · 0 评论 -
聊聊BFC吧
今天看了不少博文,整理一下关于BFC的知识 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 基本规则: 内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的距离原创 2015-08-03 21:51:08 · 358 阅读 · 0 评论 -
每天一点小进步,background-size
今天随便理理最近开发中遇到的小麻烦吧。 移动端有时候我们不知道不同屏幕多大,可能我们会直接把一些诸如背景图片之类的宽度设置成百分之一百。但是这样的情况下如果我们设置margin-left的话DIV就会超出屏幕。这时候解决方法其实很简单,给父元素一个padding值就能将他包括起来。换言之,我们可以考虑用padding来代替margin来使界面符合设计需求。 这两天因为调接口写了不少ajax,其原创 2015-08-04 20:47:21 · 436 阅读 · 0 评论 -
我的前端笔记 字符串整理
今天来整理下字符串的常用知识,都很简单,因此也不用过多说明,多记忆多写就可以。 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 · 296 阅读 · 0 评论 -
less初探
双休闲着无事于是想试试新技术,于是开始研究LESS. LESS是css预处理器的一种.说简单点,用他自己的一套规则写然后自动生成css。非常方便。 安装的话less也很简单,下一个koala,然后新建一个.less后缀的文件就能写了。 具体过程的话百度都能找到,不再细说。 接下来让我们看看Less的特性 首先他可以定义变量//定义变量 @ty:#66ccff; @border1:1px原创 2015-08-09 13:18:42 · 317 阅读 · 0 评论 -
我的前端学习笔记 css3,text-overflow
今天笔试的时候遇到一个问题,html如何在对象区域文字溢出时候用(...)来代替溢出文字,由于对css3属性还不怎么属性我并想起来解决方法。回去查了下发现需要text-overflow属性可以解决这个问题。 首先让我们看下w3school上面的语法: text-overflow: clip|ellipsis|string; clip:修剪文本,不会显示... ellipsis:显示省略符号原创 2015-03-27 15:16:05 · 900 阅读 · 0 评论