opera

【一、项目背景】 jQuery是当前很流行的一个JavaScript框架，使用类似于CSS的选择器，可以方便的操作HTML元素，拥有很好的可扩展性，拥有不少jQuery插件，也可对个方面进行插件开发。jQuery可以快速找到文档中的html元素，并对其进行操作，如隐藏、显示、改变样式...... 【二、项目准备】 1. 下载 jQuery Mobile 如果你想将 jQuery Mobile 放于你的主机中,你可以从下面这个网站下载该文件。 jQuerymobile.com 2. 在你的网页中添加 jQuery Mobile 你可以通过以下几种方式将jQuery Mobile添加到你的网页中： 从 CDN 中加载 jQuery Mobile (推荐)。 从jQuerymobile.com 下载 jQuery Mobile库。 3. 从 CDN 中加载 jQuery Mobile <!-- meta使用viewport以确保页面可自由缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 引入 jQuery Mobile 样式 --> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery

　　前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了，更让人头疼的是，还要面临各种适配、兼容性问题。 　　为什么会有浏览器兼容性问题。还不是因为浏览器厂商太多了。关键是不同厂商，甚至同一厂商不同版本，对同一段CSS的解析效果也不一致，这就导致了页面显示效果不统一，也就带来了兼容性问题。 　　市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。 　　浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，内核更加倾向于说渲染引擎。常见的浏览器内核可以分四种：Trident、Gecko、Blink、Webkit 　　我们暂且不去关注太多细节问题， 比如那个css样式需要我们去兼容，而是想讨论一下大的解决思路，主要包括4个方面，浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动化插件。 1、 浏览器CSS样式初始化 　　由于每个浏览器的css默认样式不尽相同，所以最简单有效的方式就是对其进行初始化，相信很多朋友都写过这样的代码，在所有CSS开始前，先把marin和padding都设为0，以防不同浏览器的显示效果不一样。以及对一些常用的html元素进行一些初始化处理等等。 * { margin: 0 ; padding: 0 ; } 　　关于浏览器CSS样式初始化，经验不丰富的话，可能也不知道该初始化什么

事件 Js与HTML之间的交互通过事件完成，事件，就是文档或浏览器窗口中发生的一些 特定的交互瞬间。事件类型有很多分类，例如：DOM事件类型，焦点事件，滚轮事件等等，说到这里就不得不说一下js的事件流 事件流 事件冒泡 事件冒泡，事件开始从具体的节点出发，逐步向上冒泡到外层节点。例如：点击id为a的div时，事件会一步步向上传递 a=> b => c，当我们点击click的时候，会依次输出123 < div id = 'c' onclick = 'console.log(3)' > < div id = 'b' onclick = 'console.log(2)' > < div id = 'a' onclick = 'console.log(1)' > click </ div > </ div > </ div > 复制代码 事件捕获 虽然事件捕获是 Netscape 唯一支持的事件流模型，但 IE9、Safari、Chrome、Opera 和 Firefox 目前也都支持这种事件流模型。尽管“DOM2 级事件”规范要求事件应该从 document 对象开始传播，但这些浏览器都是从 window 对象开始捕获事件的。 由于老版本的浏览器不支持，因此很少有人使用事件捕获。 DOM事件流 DOM事件流分三个阶段，捕获阶段，目标阶段和冒泡阶段，DOM事件流又分为DOM0级和DOM2级

DOM 10.1 节点层次 文档元素是文档最外面的元素，文档中其他所有元素都包含再文档元素中，再HTML中文档元素始终是元素 10.1.1 Node类型 ①节点属性 nodeName ：元素的标签名 nodeValue ： 元素的值始终为NULL. ②节点关系 childNodes： 其中保存着一个NodeList对象，可以通过方括号和Item()来通过位置访问这些子节点。有length属性，但它并不是Array的实例。 parentNode: 指向父节点。包含在childNodes列表中的所有节点都具有相同的父节点。 previousSibling 和nextSibling属性，可以访问同一列表中的其他节点。 firstChild lastChild 指向节点 hasChildNodes 在节点包含一个或多个子节点的情况下返回true ③操作节点 appendChild()插入在父节点的最后一个节点 insertBefore(newCode,**)someNode.firstChild)插入某个节点 *的前面\ replaceChild(newNode,someNode.firstChild) removeChild(someNode.firstChild)移除的节点 cloneNode()，用于创建调用这个方法的节点的一个完全相同的副本，参数false/true可以选择深浅复制

1 介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模 型有什么不同的？ 　　标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 　　低版本 IE 盒子模型：宽度=内容宽度 （content+border+padding）+ margin 2 box-sizing 属性？ 　　用来控制元素的盒子模型的解析模式，默认为 content-box context-box： 　　W3C 的标准盒子模型，设置元素的 height/width 属性指的是 content 部分的高/宽 border-box： 　　IE 传统盒子模型。设置元素的 height/width 属性指的是 border + padding + content 部分的高/宽 3 CSS 选择器有哪些？哪些属性可以继承？ 　　CSS 选择符：id 选择器(#myid)、类选择器(.myclassname)、 标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器 （ul > li）、后代选择器（li a）、通配符选择器（*）、属 性选择器（a[rel="external"]）、伪类选择器（a:hover, li:nth-child） 　　可继承的属性：font-size, font-family, color 　　不可继承的样式：border,

原文: 深入理解CSS盒子模型 盒模型 盒模型是CSS的基石之一，它指定元素如何显示以及（在某种程度上）如何交互。页面上每一个元素都被看做一个矩形框，框由元素的内容，内边距 (padding)，边框 (border)和外边距 (margin)组成，如下图所示。 内边距出现在内容区域周围，若给元素上添加背景， 背景将会应用于由内容和内边距组成的区域 。添加边框，会在内边距的区域外加一条线，这些线有多种样式，后面会有所介绍。在边框外边是外边距， 外边距是透明的，一般使用它控制元素之间的间隔 。 CSS2.1还包含outline属性，绘制在元素框之上，不影响元素的大小或定位。大多数现代浏览器（包括IE8）都支持outline，但IE7和更低版本不支持。 内边距、边框、外边距都是可选的，默认值为零。但许多元素将由用户代理样式表设置外边距和内边距，所以将元素的margin和padding设置为零，对写整个样式有帮助，这项工作一般由全局reset进行。 1. IE和盒模型 IE的早期版本，包括IE6 ，在混杂模式中使用自己的非标准盒模型。浏 览器的width属性不是内容的宽度，而是内容，内边距和边框的总和 。添加的内边距越多，给内容预留的空间就越少。 在CSS3中，可通过box-sizing属性定义使用哪种盒模型，但除了一些非常特殊的场合很少使用该属性。 目前最好的解决方案是回避这个问题

如何用直观的方式存储和操作URL站点书签？小编推荐使用URL管理器—URL Manager Pro mac，该软件为您提供了一系列强大的功能，可用于收集，处理和使用非常大的URL集合，非常不错需要的来macdown体验吧~ URL Manager Pro 版软件介绍 随着Internet的持续指数增长，许多人发现当今浏览器的内置书签功能并不擅长处理大多数人想要维护的URL数量。URL Manager pro解决了跟踪书签的许多问题。URL Manager pro为您提供了一系列强大的功能，可用于收集，处理和使用非常大的URL集合。不仅是Web站点的URL，而且还有电子邮件地址，新服务器，ftp站点，Telnet主机等的URL。 URL Manager Pro mac版功能介绍 URL Manager pro的功能包括： 系统范围的访问：您可以通过附加菜单访问任何应用程序中的书签。 集成：您可以从浏览器的菜单栏和Dock中访问书签。 可访问性：您的书签存储在URL Manager pro书签文件中，您可以以直观的方式存储和操作它们。无需在浏览器首选项文件夹中寻找书签。您可以将应用程序设置为以特定的时间间隔自动保存，以及在每次保存时将书签文档的备份副本备份到外部设备。您可以轻松地将书签保存到Dropbox。 历史记录：您可以使用几种不同的浏览器浏览网络，URL Manager

逆波兰表达式 先说一下中缀表达式，平时我们使用的运算表达式就是中缀表达式，例如1+3*2，中缀表达式的特点就是： 二元运算符总是置于与之相关的两个运算对象之间 人读起来比较好理解，但是计算机处理起来就很麻烦，运算顺序往往因表达式的内容而定，不具规律性 后缀表达式，后缀表达式的特点就是：每一运算符都置于其运算对象之后，以上面的中缀表达式 1+2*3 为例子，转为后缀表达式就是 123*+ 下面先分析怎么把 中缀表达式 转换为 后缀表达式， 这里我们考虑六种操作符 '+'、'-'、'*'、'/'、'('、')' ，完成中缀转后缀我们需要两个数组，都以栈的方式来操作， 一个数组用来存放后缀表达式（char num[100]）， 一个数组用来临时存放操作数（char opera[100]）（这里说 临时 存放，是因为最后都要入栈到后缀表达式数组 num 中，这个数组就相当于一个中转站） 1、从左往右扫描中缀表达式（这里我们以1*(2+3)为例） 2、如果是数字那么将其直接入栈到数组 num 中 3、如果是操作数，需要进一步判断 （1）如果是左括号'('直接入栈到数组 opera 中 （2）如果是运算符（'+'、'-'、'*'、'/'），先判断数组 opera 的 栈顶 的操作数的优先级（如果是空栈那么直接入栈到数组 opera ），如果是左括号那么直接入栈到数组 opera 中