转角遇到我得爱-优快云博客

原创 npm安装package.json中的模块依赖

package.json不存在是

2016-04-06 19:17:09 23822

翻译 IE8 背景色透明

background: rgba(0,0,0,.5); /*支持rgba的浏览器*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的，但是这个地方不

2016-03-18 16:49:04 768

原创 CSS3实现翻转(Flip)效果

<!DOCTYPE html><html lang="en"><head> <title>DL Mobile</title> <meta content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no" name="viewport"> <meta content="teleph

2016-03-13 11:08:07 4721 1

转载 js性能-DOM编程之重绘和重排

浏览器下载完页面中的所有组件----HTML标记，Js，CSS，图片等之后会解析并生成两个内部数据结构：1.DOM树 -------- 表示页面结构2.渲染树 -------- 表示DOM节点如何显示 DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点（隐藏的DOM元素在渲染树中没有对应的节点）。渲染树中的节点被称为“帧“或者”盒“，符合CSS模型的定义

2016-02-19 14:40:53 1762

原创 grunt自动化环境配置

1.创建package.json文件和Gruntfile.js文件,再执行下grunt命令，ok一、package.json{ "name": "dps", "varsion": "0.1.0", "devDependencies": { "grunt": "*", "grunt-contrib-concat": "^0.5.1", "grunt-contrib-

2016-02-01 16:44:00 410

转载页面加载进度条原理

<!DOCTYPE html><html><head> <title>DEMO</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial

2016-01-29 14:39:49 1831

Meta标签：<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />　　这个想必大家都知道，当页面在手机上显示时，增加这个meta可以使页面强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大

2016-01-27 14:03:44 1160

原创 js条件语句false情况

1.下面列出的值被当作假(false): ①false ②null ③undefined ④空字符串'' ⑤数字0 ⑥数字NaN 其他所有的值都被当做真,包括true、字符串'false',以及所有对象 example:if(!0){//0为false console.log("true");

2016-01-06 15:34:20 383

转载移动WEB前端开发资源整合

meta篇1.视窗宽度<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>其中 width=device-width 是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如： width=640 则是640p

2015-12-13 21:04:53 301

转载移动平台对 META 标签的定义

下面介绍一些有关标记的例子及解释。一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：1<meta http-equiv="Content-Type

2015-12-08 17:33:37 359

原创安卓微信浏览器加border-radius出现模糊(锯齿)

<!DOCTYPE html><html lang="zh-CN"><head> <title>border-radius出现模糊(锯齿)</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" conten

2015-12-08 11:11:11 6500

转载 -webkit-text-size-adjust: none;

-webkit-text-size-adjust: none;在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。但中文版Chrome也会阅读英文网站啊！中文网页里面也会有英文的小字体设置需求啊！尤其是一些文字部份的设计，不小实在不好看，影响整个排版的美观。解决方案，添加一个私有属性到htm

2015-12-03 20:30:15 1824

原创 js倒计时

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Conten

2015-12-01 15:30:24 318

翻译如何设置css3中placeholder的字体颜色

1、因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。　　::-webkit-input-placeholder { /* WebKit browsers */　　color:#999;　　}　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　　color:#99

2015-11-26 10:03:17 1577

转载 SeaJS，require加载Jquery总是为null

RT，这个问题困扰了我两天，使用别人的例子、官网down下来的example都没有问题。但是放到自己项目里就 var $=require(“jquery”) 为null。后来发现，jquery本来没有amd规范的，于是从官网上的example下来里面的jquery拿过来直接用，最注意的是，在jquery里面增加了有define这段，里面有一个路径要根据自己实际项目路径进行调整if ( typeof

2015-11-16 22:28:50 401

翻译图片上下左右居中

2015-11-11 09:59:45 658

翻译禁止鼠标全选住图片

火狐CSS控制方法: /*ff stop select*/ -moz-user-select:none;其他浏览器用js: document.onselectstart=function(){return false;}

2015-10-31 09:57:48 412

转载移动webapp页面适配方案

Viewport(视口)概念In web browsers, the viewport is the visible portion of the entire document.移动端浏览器在一个通常比屏幕更宽的虚拟”窗口“（视口）中渲染页面，从而无需将所有页面都压缩进小屏幕里（那样会把很多没有针对移动端进行优化的站点打乱）。用户可以通过平移和缩放来浏览页面的不同区域。大部分的移动端浏览器

2015-09-30 17:42:39 516

转载 HTML页面加载和解析流程

1.用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件； 2.浏览器开始载入html代码，发现＜head＞标签内有一个＜link＞标签引用外部CSS文件； 3.浏览器又发出CSS文件的请求，服务器返回这个CSS文件； 4.浏览器继续载入html中＜body＞部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了； 5.浏览器在代码中发现

2015-09-20 23:19:51 383

翻译 webstorm窗口去掉竖线

![这里写代码片](http://img.blog.youkuaiyun.com/20150907205328197)right margin值大于电脑屏幕就可以

2015-09-07 20:54:51 6769 1

转载 nodejs安装不了和npm安装不了的解决方法

笔记本win7在nodejs官方网站下载.msi文件安装，安装到一半的时候，进度条提示：roll back，because of a error.node.JS setup wizard ended prematurely.然后我就找啊找，各种环境配置，各种msi文件文件修改，杯具的还是解决不了。最后手动安装下载包和配置环境变量。安装nodejs答案是在这里找到的：install in window

2015-09-06 21:01:50 5230

转载 HTML发送邮件链接

大家点击我的博客主页详细资料里的邮箱就可以给我发邮件了，那么这个效果是怎么实现的呢？ 1. 简单的链接效果：给我发邮件代码：<a href="Mailto:ghsau@163.com">给我发邮件</a> 这样会调启系统默认的邮件程序发送给ghsau@163.com，并且收件人那里已经填上了我邮箱的地址。 2. 复

2015-08-31 16:17:16 1866

翻译各浏览器对 document、document.body、document.documentElement 对象的 onscroll 事件支持情况

1.各浏览器对 document、document.body、document.documentElement 对象的 onscroll 事件支持情况依次为 window、HTMLDivElement、document、document.body、document.documentElement 对象绑定 scroll 事件监听器，在触发滚动条事件后，将消息打印出来，最终可以汇总为下表：![这里写图

2015-08-24 22:06:18 878

原创图片拖拽、旋转、缩放、移动

下面代码图片链接换成你们自己的就可以用了<!DOCTYPE html><html lang="en"><head> <title>图片拖拽、旋转、缩放、移动</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Lan

2015-08-12 16:19:23 2245

转载 Javascript的this用法

**this是Javascript语言的一个关键字。**它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，　　function test(){　　　　this.x = 1;　　}随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用这是函数的最通常用

2015-08-03 13:52:36 323

翻译事件冒泡和事件捕获

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件捕获和事件冒泡</title></head><body> <!--事件捕获：最具体的事件触发后(你点击区域的事件)逐级向上触发各事件(你的上级。。。到最后的document级) 比如:点击cancel按钮后先触发c

2015-07-24 22:23:17 270

翻译链接QQ客服

1.进入商家注册网站(http://shang.qq.com/v3/business/service/form.php) 2.登陆 3.导航栏–>推广工具 4.选择组件类型、负责自动生成的代码到自己项目中即可使用

2015-07-23 22:38:21 967

原创 30秒倒计时

<!DOCTYPE html> <html lang="en"> <head> <title>30秒倒计时</title> <meta charset="UTF-8"> <script type="text/javascript"> var t; window.onload=function(){

2015-07-23 00:05:20 714

原创 javabean转换Json格式

2015-05-09 10:34:39 673

原创 List拷贝

2015-05-09 10:30:47 425

原创欢迎使用优快云-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2015-05-09 10:24:27 359

翻译 jQuery中的(function($){...})(jQuery)

1.“(function($){...})(jQuery)”实际上表示的是已处于调用状态的匿名函数:function($){...}是定义的匿名函数，参数为$（之所以将参数声明为$是为了不与其他库冲突）；为了调用该函数则在该匿名函数的后面添上了括号和实参（这里为jQuery），但又由于操作符的优先级，函数本身也需要用括号，所以又为匿名函数添加了括号。2.“$(function(){ });

2015-01-07 17:19:14 391

转接遇到爱的专栏