yuxiaoxia28-优快云博客

原创移动平台对 meta 标签的定义

1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：1metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>

2015-11-10 16:23:42 381

原创移动web开发笔记（2）

1、媒体查询（1）使用link标签的media属性为样式表指定设备类型如当设备屏幕的宽度大于960px才会加载style.css样式文件（2）使用meta标签创建媒体查询如关于dpi可以查看我的上一篇博客手机屏幕尺寸及dpi密度分布图可见高分屏和超分屏已经是主流了中分辨率屏幕：@media(-webkit-min-devi

2015-11-02 19:32:11 441

转载盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

目录(?)[-]绝对定位居中Absolute Centering技术一容器内Within Container二视区内Within Viewport三边栏 Offsets四响应式自适应Responsive五溢出情况Overflow六重绘Resizing七图片Images八可变高度Variable Height其他居中实现技术九负外边距Negative Margins十变

2015-11-02 19:02:08 372

原创移动web开发笔记（1）

1、像素px：css pixels 逻辑像素，css像素是浏览器所使用的抽象单位，这个像素就是我们指的网页布局和样式定义所使用的像素dp：device independent pixels 设备独立像素，可以理解为设备像素，设备像素（devicepixels）是指与硬件设备直接相关的像素，是真实的屏幕设备中的像素点。比如说，一个电脑显示器的参数中，最佳分辨率是1920x1080，那么指

2015-10-31 13:35:30 512

原创 angularjs学习

刚开始学习angular.js一个小的demo都遇到百思不得其解的问题，其中一个是这样的总是提示：Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.7/$injector/modulerr?p0=AMail&p1=Error%3A%2…%2Flocalhost%3A55874%2Fangular%2Fe

2015-10-09 09:35:37 458

原创 AngularJs controller出错的问题

刚开始学习angular,没想到写的一个小的demo就出错代码如下： --> {{'hello word'}}--> {{greeting.text}} function HelloController($scope){

2015-10-07 20:30:31 1028

转载前端面试题（1）

web前端面试笔试题+优化前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽

2015-10-02 11:06:45 2831

原创 js事件委托

1、什么是事件委托：事件就是onclick，onmouseover，onmouseout，等事件，事件委托就是把事件添加到某个元素上，让这个元素来完成这个事件。事件是利用冒泡的原理，把事件加到父级上，触发执行效果。好处：1，提高性能。一个父级里面有成百上千的子元素，要为每个子元素添加同样的事件，我们可以利用事件委托给父级添加事件，这样就不必遍历所有的子元素了，从而提高了性

2015-10-02 11:05:13 365

转载 jQuery高仿真移动手机滑动侧边栏布局插件

简要教程jQuery.mmenu是一款高仿真移动手机滑动侧边栏效果的jQuery插件。该jQuery插件能够制作出和手机应用程序效果完全相同的隐藏滑动侧边栏和多级菜单效果。它的特点有：滑动侧边栏可以放置在页面的上下左右四个位置。可以作为水平滑动菜单或垂直下拉菜单使用。整个布局包括完整的搜索框，页面头部，脚部和内容区域。适合移动触摸设备使用。可以很容易的通过CSS文件来自定义样式。可

2015-06-23 22:36:08 1949

原创 js的Function（1）

1、函数实际上是对象每个函数都是Function类型的一个实例，与其他引用类型一样具有属性和方法的。函数名实际上是一个指向函数对象的指针。2、没有重载3、函数声明提前var name = 'World!';(function () { if (typeof name === 'undefined') { var name = 'Jac

2015-06-19 20:47:29 472

转载 CSS光标属性

auto :　默认值。浏览器根据当前情况自动确定鼠标光标类型。all-scroll :　 IE6.0 有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。col-resize :　 IE6.0 有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。crosshair :　简单的十字线光标。default :　客户端平台的

2015-06-05 10:38:19 717

转载 PIE使IE支持CSS3圆角盒阴影与渐变渲染

一、PIE之简述在国外，CSS3的盛行与普及，探讨与研究要比国内领先不知多少个身位。相比之下，国内似乎如一潭死水，为何？我觉得国内领先的前端团队应该通过自身的影响力，带动国内整个前端领域与时俱进。然而，可以理解，我们都是要养家糊口或是谈情说爱的，我们不都是圣人，有着以天下兴亡为己任的责任心与使命感，所以呢，要么等着别人喂，要么闭门造车。这，不说也罢。我们都知道，IE浏览器暂不支持CSS3的

2015-05-31 16:29:45 472

原创鼠标事件-鼠标位置和鼠标滚轮

今天又学到一些东西了，分享下。。1、鼠标位置（1）客户区坐标位置事件对象的clientX,clentY属性保存了鼠标在可视区的位置，它不包括页面滚动得距离，因此这个坐标并不表示鼠标在页面的位置。（2）页面坐标位置页面坐标通过事件对象的pageX和pageY属性获得。这两个属性表示鼠标光标在页面中的位置，因此坐标是从页面本身而非视口的

2015-05-22 11:46:46 1466

转载 JS实现图片预加载无需等待

网站开发时经常需要在某个页面需要实现对大量图片的浏览;用javascript来实现一个图片浏览器，让用户无需等待过长的时间就能看到其他图片网站开发时经常需要在某个页面需要实现对大量图片的浏览，如果考虑流量的话，大可以像pconline一样每个页面只显示一张图片，让用户每看一张图片就需要重新下载一下整个页面。不过，在web2.0时代，更多人愿意用javascript来实现一个图片浏览器，让用

2015-05-21 16:13:55 687

原创从《JavaScript高级程序设计第三版》中摘要出来的--事件处理程序

1、DOM事件流：“DOM2级事件”规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收事件。最后一个阶段是冒泡阶段，可以在这个阶段对事件作出响应。2、DOM2级事件处理程序“DOM2级事件”定义了两个方法，用于处理指定和删除事件处理程序的操作：addEventListener()和removeEventL

2015-05-19 22:23:31 456

原创 js的style.width和offsetWidth问题

初学者总是会遇到各种各样的问题，我们都知道style.width和offsetWidth，但是用到的时候难免会出现一些问题，下面是我遇到的一些问题。。。明明设置了width的值但是用js获取style.width的时候却为空，而offsetWidth不会 div{ background-color: red; height: 50px; width: 5

2015-05-10 21:57:19 5107

原创 JavaScript高级程序设计，对书中一些不熟悉的地方做得笔记

使用注意1、在包含外部的JavaScript文件时，必须将src属性设置为相应文件的的URL。这个文件可以是与包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。2、所有的元素都会按照它们在页面中出现的先后顺序以此被解析。在不使用defer和async属性的情况下，只有解析完前面的元素中的代码之后，才开始解析后面的元素中的代码。（defer属性只适用于外部脚本文件，HTM

2015-05-04 21:12:20 445

原创 javascript中的for循环细节问题

注意for 循环变量的初始化，我发现变量初始化位置不对，结果出错，代码如下 *{ padding:0; margin:0; font-size: 14px; list-style: none; } .wrap{ width:200px; margin: 10px auto; border: 1px solid #ccc; } .current{

2015-05-04 16:45:44 512

原创 Javascript运动基础

运动基础 ①改变属性值，如长宽高，left和top的值，注意offsetLeft和left②设置物体运动快慢--速度③打开一个定时器，物体运动不断执行④运动中的Bug--运动不会停止（定时器打开，不关闭的话会永远执行）--速度取某些值会无法停止（设置的值永远不会达到关闭定时器的条件）--到达位置后再点击还会运动（点击后打开定时器，定时器在设置的时间段内不会停

2015-05-04 16:42:45 511

原创 CSS实战手册的一些笔记（1）

初入前端，《CSS实战手册·第2版》美·麦克法兰这本书挺好的，它给初学者提供了一些很好的建议，真的是受益匪浅。所以我做一些笔记，和大家一起学习。1、标签使用注意事项①对文本段落使用标签。②对于包含几个相关项目的列表，则使用无序列表，比如导航链接，诸如此类的一组提示语。使用有序列表来表示一个过程的步骤。③如果要创建一个术语表及其定义或描述，则要用（定义列表）标签，并结合使用（定义

2015-05-01 11:07:46 598