随笔分类 - 前端设计
摘要：内置对象 定义：JS语言自己定义的一些对象，供开发者使用。 常用内置对象： 1、Arguments对象 arguments.length 返回实参的个数 他只在正运行的函数内部使用。arguments.callee 返回的是正在执行的函数。函数递归的时候，推荐使用arguments.callee。
阅读全文
摘要：一、JavaScript的三个重要组成部分 （1）ECMAScript（欧洲计算机制造商协会） 制定JS的规范 （2）DOM（文档对象模型）重点学习对象 处理网页内容的方法和接口 （3）BOM（浏览器对象模型） 存在兼容性问题 与浏览器进行交互的方法和接口 1、DOM定义 为js操作html元素而制
阅读全文
摘要：1、select （1）它的选择事件是onchange （2）他的选项索引可以通过value获取，比tab选项卡要方便一点。 2、数组常用方法 （1）添加元素 push()：可以向一个数组末尾添加一个或多个元素，并返回新的数组的长度 。 unshift()：可以向一个数组前面添加一个或多个元素，并返
阅读全文
摘要：1、变量提升问题 <script> var num=10; fun(); function fun(){ console.log(num); var num=20; } </script> 这段代码会输出undefined，为什么呢？这就涉及到js中的一个变量提升问题。 其实上面的fun函数代码相当
阅读全文
摘要：1、效果图 难点在于搜索框与搜索按钮要无缝对接 2、实现 （1）搜索框的高度（height+上下border）==搜索按钮的高度 （2）搜索框的字体大小、样式==搜索按钮中的字体大小、样式 （3）搜索框和搜索按钮都要去掉边框：outline:none;当然 搜索按钮需要再加上一个border:non
阅读全文
摘要：第一天成果 1、浮动的盒子不要给宽，内容撑起盒子的宽 在前端设计中，一般不给浮动的盒子设置宽，让其用内容撑起一个高度。 2、小三角的表示 ◇用一个盒子（盒子宽为字的宽，高度为字高度的一半）去截取这个菱形来得到一个三角，当然还要涉及到浮动。 3、块级元素只能通过padding-top来调节垂直居中 4
阅读全文
摘要：1、宽高继承 他们是要属性的，并不是直接就能继承，inherit。 2、浮动的盒子不要给宽，宽度由内容来决定
阅读全文
摘要：1、父子之间宽高的继承关系 父亲有一个宽高，儿子若不设定宽高会继承，继承宽的100%，高度靠自己内容撑开。 2、padding对儿子宽的影响 看代码： 这个时候，儿子完全继承父亲的宽，高度有自己的内容高度撑开。运行结果： 这个时候，修改代码，在.son中加上padding-left:50px;会发现
阅读全文
摘要：1.描述 百度登录就是一个模态框弹出层。思路分析：先将灰色大背景和登陆盒子设为不可见，利用JS将其动态加载可见。 2、代码
阅读全文
摘要：1、alert语句 弹出一个对话框。 2、console 这个是在浏览器的控制台打印输出，也有一些公司将招聘信息打印到浏览器的console窗口，比如百度首页。 3、typeof 用这个关键字可以测试一个变量的类型。 var a="字符串"; var b=2; console.log(typeof
阅读全文
摘要：1、特性 ①z-index的值表示谁压着谁。值大的压住值小的。 ②只有定位的元素才有z-index 值，也就是说，浮动不可以，相对定位，绝对定位，固定定位都可以。 ③z-index值没有单位，是一个正整数。默认值为0。 ④如果大家都没有index值，或者大家的index值一样，那么谁写在后面就能压住
阅读全文
摘要：1、认识相对定位 相对定位就是让元素相对自己原来的位置进行位置调整。 2、相对定位的本质特性 不脱标，老家留坑，形影分离。 3、用途 ①微调位置 ②做绝对定位的参考，子绝父相 4、相对定位的定位置 相对定位的用法： position:relative; right: ☞正数-->向左 负数-->向右
阅读全文
摘要：1、background-color背景颜色属性 ①颜色表示方法 英语单词：red blue purple skyblue。 rgb：r代表红色 g代表绿色 b代表蓝色 也就是颜色的三原色。 十六进制：#0xff ff ff 2、background-image属性 background-image
阅读全文
摘要：1、伪类：同一个标签，用户不同的状态，就会有不同的样式。 一定要是如下的顺序，不能更改，更改后可能就会没有效果。 a:link{ color:red;}这个是从未访问的超级链接为红色 a:visited{color:blue;}这个是访问后的超级链接变为蓝色 a:hover{color:green;
阅读全文
摘要：1、单行文字的垂直居中 单行文字垂直居中比较简单，直接让行高==盒子高度即可。 2、多行文字居中 多行文字居中，只需简单计算一下盒子的上padding即可。计算公式：padding-top60=（盒子的高度200-文字总行数4*行高20）/2； 多行文字第一行文字缩进两个文字，用text-inden
阅读全文
摘要：1、在标准文档流中，块级标签之间竖直方向的margin会以大的为准，这就是margin的塌陷现象。 但是，脱标之后就不会出现margin的塌陷现象。 2、margin:0 auto; 会让盒子水平居中，但是他有他的使用注意事项： 标准流的盒子而且有宽度的盒子才能用margin:0 auto;让其居中
阅读全文
摘要：1、IE6特性 ①微盒子 就是盒子高度小于12px的时候，会给他增加一个默认高度。但是增加上 _font-size:0;（_表明只有IE6认识这个属性）这样就能消除兼容问题。就会显示出一个小于12px的高度的盒子。 ②overflow偏方属性（消除浮动即脱标的儿子仍然可以撑起父元素的高度）失效，但是
阅读全文
摘要：先来看一个实验：现在有两个div，div身上没有任何属性。每个div中都有li，这些li都是浮动的。 理想的效果：可实际的效果： 这个地方就涉及到浮动，因为两个父元素div都没有高度（或者小于子元素的高度），所以不能给浮动的孩子一个容器，所以后边的li还拼命的往上面的最后一个li靠近。 清除浮动就是
阅读全文
摘要：1、浮动 浮动是CSS中用到的最多的一个选项，他有三个性质。关于浮动我们要强调一点，永远不是一个东西单独浮动，浮动都是一起浮动，要浮动，大家都浮动。 1.1 浮动元素脱离标准文档流 1.1.1 大概描述：有两个盒子，一个盒子浮动，一个盒子不浮动。浮动的盒子会脱离标准文档流，不浮动的盒子会在标准文档流
阅读全文
摘要：1、块级元素和行内元素区别 块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。块级元素可以包含行内元素和块级元素。 行内元素不能包含块级元素。行内元素会在一条直线上排列，都是同一行的，水平方向排列。行内元素设置width无效，height无效(可以设置line-height让文字
阅读全文
浙公网安备 33010602011771号