随笔分类 - 前端
摘要：平稳退化 如果正确的使用了JavaScript脚本，就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览网站。这就是平稳退化，即虽然某些功能无法使用，但最基本的操作仍能顺利完成。 平稳退化的经典例子：（比较以下几条语句） 在把href属性设置为真是存在的URL地址后，即使ja
阅读全文
摘要：DOM中常用的节点 DOM中有许多不同类型的节点，通常使用的有三种： 元素节点 文本节点 属性节点 3种DOM方法获取元素节点 通过元素ID（id） getElementById（“idName”），返回一个对象。 通过标签名字 getElementsByTagName（“tagName”），返回一
阅读全文
摘要：HTML&CSS 1.请描述一下 cookies，sessionStorage 和 localStorage 的区别？ cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览
阅读全文
摘要：什么是JavaScript？ JavaScript是一种具有面向对象（OOP）能力的，解释型的程序设计语言。 解释型：直接读它的代码，而不是像java等需要经过编译器编译成.class文件后，执行.class文件。 它是基于对象和事件驱动并具有相对安全性的客户端（）脚本语言。 事件驱动：比如点击按钮
阅读全文
摘要：行级元素之间的空白距离 如下图所示：（看似是一张图，实际上是三张图分别放在<a>标签中实现，如果没有经过特殊的处理，那么图与图之间就会留有空隙，影响页面布局的效果） 示例代码如下： 运行结果： 此时需要把html文档中行级标签之间的距离都去掉，即将所有的<a>标签写在同一行中且之间没有距离即可。如下
阅读全文
摘要：公共和个性化样式的合并 灵感：来自京东首页滚动广告右边的图标，如下图所示。 提取公共部分样式，个性化的再单独设置。 示例代码如下： 运行结果： 分类菜单布局的实现 从整体上搭好框架，如下：（我一定是来搞笑的……） “上部分类”做父容器。“左分类”使用冲出层样式，设定它的高度比父容器的高度还要高。 “
阅读全文
摘要：我是要成为后宫佳丽三千的男人啊~ 用户界面样式 outline 复合属性（outline-width、outline-style、outline-color），设置对象外的线条轮廓。outline画在border外面。 使用频率一般，在H5中不建议使用。 语法与border的使用类似。 示例代码如下
阅读全文
摘要：元素布局 display 设置对象是否及如何显示。IE7以下的浏览器不支持table相关的参数值。 红色颜色显示的属性值为常用的值。 语法：display：none（隐藏对象，与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间） | inline（指定元素为内联元素）
阅读全文
摘要：什么是盒子模型 一个页面元素由：元素、边框、内边距、外边距构成。 width和height通常指元素的高度和宽度。元素的实际高度和宽度的计算如下图所示：（元素的宽度和高度是不加外边距margin的，展位的宽度和高度需要加上margin） 技巧：margin-left=margin-right=aut
阅读全文
摘要：CSS3颜色渐变 background-image:linear-gradient(black,blue,green,red); 默认从上到下显示。 示例代码： background-repeat背景图片平铺 背景填充的方式。 语法：background-repeat：<repeat-style>[
阅读全文
摘要：line-height的继承性 子标签可以继承父标签中的line-height属性，不管他是行级标签还是块级标签。 块级标签可以覆盖父标签的line-height属性。（块级元素的继承性，当子元素是块级元素并且设定了自己的line-height属性时，它的line-height由自己决定。） 行级标
阅读全文
摘要：CSS属性值的分类 文档中属性值语法符号的意思：|（表示选择其中的一个属性值）、||（表示可以同时出现）、<>（表示该属性值包含多种赋值情况）、[]（表示可选值，可要可不要）、&&（两个都必须出现），还有与正则表达式相同的。 例如：font-style:normal|italic|oblique b
阅读全文
摘要：属性选择器 目前使用的并不多。新浪和京东有使用。 可以根据元素的属性即属性值来选择元素。 单个属性时的语法：*[属性名称]{样式} 例如：（表示所有有href属性的标签） 上面的代码中表示span标签中具有href属性的元素，给它的内容的颜色设置为红色。span中的href属性并没有实际意义。 多个
阅读全文
摘要：移动页面开发（使用html5+css3 或者 使用JQueryMobile框架） CSS Cascading Style Sheets 层叠样式表。 定义如何显示HTML标签。不使用样式的话，相同的标签表现方式都是一样的，不够美观。 样式主要内容包括选择器和属性两部分。 样式属性示例：color（标
阅读全文
摘要：首先祝自己祝大家520快乐吖~祝有对象的幸福下去，没对象的早日找到对象，实在找不到的自己new一个对象！！！ 框架集<frameset> 大的网站不会使用框架集，小网站会使用框架集来制作。 框架提供一种简便的分栏式布局，减少对网页内容的下载，提升网页的加载速度。只能应用于一些简单的页面布局，不适合复
阅读全文
摘要：<div>标签 块级标签。块级标签常用于布局，行级标签常用语显示内容。 div的显示通常使用id或class来标识。id为唯一的标签标识，class为标签的类标识，可以通过id和class对div的样式进行设置。 div的大小是由内容来决定的（因而内容最好不为空），默认情况下，高度由内容的高度决定，
阅读全文
摘要：标题标签<h1>~<h6> 块级标签，独占一行，一般常用的使<h3>和<h4>。 换段标签<p> 块级标签，其后面的内容会空一行再显示。 style=“test-indent:2em” 可以设置样式为首行缩进两个字符。 <blockquote></blockquote>可以用来设置整个段落的缩进 超
阅读全文
摘要：<head></head>的子标签 <base/> 该文档所有链接的默认地址或默认目标。使用相对路径时特别有用（JavaWeb中用到）。 <link/> 引用外部文档，常见于引用外部样式。重要属性有三个：rel、href、type。 rel 规定文档与被链接文档之间的关系。 rel=“dns-pre
阅读全文
摘要：Web前端开发面试知识点大纲 HTML&CSS 对Web标准的理解、浏览器内核差异 兼容性hack CSS基本功：布局、盒子模型、选择器优先级及使用 Html5 CSS3 移动端页面开发 HTML&CSS 对Web标准的理解、浏览器内核差异 兼容性hack CSS基本功：布局、盒子模型、选择器优先级
阅读全文
浙公网安备 33010602011771号