- 博客(32)
- 资源 (4)
- 收藏
- 关注
翻译 IE8 背景色透明
background: rgba(0,0,0,.5); /*支持rgba的浏览器*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的,但是这个地方不
2016-03-18 16:49:04
739
原创 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
4690
1
转载 js性能-DOM编程之重绘和重排
浏览器下载完页面中的所有组件----HTML标记,Js,CSS,图片等之后会解析并生成两个内部数据结构:1.DOM树 -------- 表示页面结构2.渲染树 -------- 表示DOM节点如何显示 DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点(隐藏的DOM元素在渲染树中没有对应的节点)。 渲染树中的节点被称为“帧“或者”盒“,符合CSS模型的定义
2016-02-19 14:40:53
1731
原创 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
375
转载 页面加载进度条原理
<!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
1797
转载 web移动端常见问题总结
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
1137
原创 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
357
转载 移动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
278
转载 移动平台对 META 标签的定义
下面介绍一些有关标记的例子及解释。一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。1、http-equiv 属性的 Content-Type 值(显示字符集的设定)说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容。用法:1<meta http-equiv="Content-Type
2015-12-08 17:33:37
338
原创 安卓微信浏览器加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
6384
转载 -webkit-text-size-adjust: none;
-webkit-text-size-adjust: none;在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计,不小实在不好看,影响整个排版的美观。解决方案,添加一个私有属性到htm
2015-12-03 20:30:15
1780
原创 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
298
翻译 如何设置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
1555
转载 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
378
翻译 图片上下左右居中
<style> body{ margin: 0; padding: 0; } /*方法一*/ .box{ position: relative; width: 300px; height: 300px;
2015-11-11 09:59:45
641
翻译 禁止鼠标全选住图片
火狐CSS控制方法: /*ff stop select*/ -moz-user-select:none;其他浏览器用js: document.onselectstart=function(){return false;}
2015-10-31 09:57:48
390
转载 移动webapp页面适配方案
Viewport(视口)概念In web browsers, the viewport is the visible portion of the entire document.移动端浏览器在一个通常比屏幕更宽的虚拟”窗口“(视口)中渲染页面,从而无需将所有页面都压缩进小屏幕里(那样会把很多没有针对移动端进行优化的站点打乱)。用户可以通过平移和缩放来浏览页面的不同区域。 大部分的移动端浏览器
2015-09-30 17:42:39
495
转载 HTML页面加载和解析流程
1.用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件; 2.浏览器开始载入html代码,发现<head>标签内有一个<link>标签引用外部CSS文件; 3.浏览器又发出CSS文件的请求,服务器返回这个CSS文件; 4.浏览器继续载入html中<body>部分的代码,并且CSS文件已经拿到手了,可以开始渲染页面了; 5.浏览器在代码中发现
2015-09-20 23:19:51
362
翻译 webstorm窗口去掉竖线
![这里写代码片](http://img.blog.csdn.net/20150907205328197)right margin值大于电脑屏幕就可以
2015-09-07 20:54:51
6715
2
转载 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
5081
转载 HTML发送邮件链接
大家点击我的博客主页详细资料里的邮箱就可以给我发邮件了,那么这个效果是怎么实现的呢? 1. 简单的链接 效果:给我发邮件 代码:<a href="Mailto:ghsau@163.com">给我发邮件</a> 这样会调启系统默认的邮件程序发送给ghsau@163.com,并且收件人那里已经填上了我邮箱的地址。 2. 复
2015-08-31 16:17:16
1843
翻译 各浏览器对 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
839
原创 图片拖拽、旋转、缩放、移动
下面代码图片链接换成你们自己的就可以用了<!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
2198
转载 Javascript的this用法
**this是Javascript语言的一个关键字。**它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。情况一:纯粹的函数调用这是函数的最通常用
2015-08-03 13:52:36
310
翻译 事件冒泡和事件捕获
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件捕获和事件冒泡</title></head><body> <!--事件捕获:最具体的事件触发后(你点击区域的事件)逐级向上触发各事件(你的上级。。。到最后的document级) 比如:点击cancel按钮后 先触发c
2015-07-24 22:23:17
260
翻译 链接QQ客服
1.进入商家注册网站(http://shang.qq.com/v3/business/service/form.php) 2.登陆 3.导航栏–>推广工具 4.选择组件类型、负责自动生成的代码到自己项目中即可使用
2015-07-23 22:38:21
940
原创 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
684
原创 javabean转换Json格式
/** * Canary.com Inc. * Copyright (c) 2004-2015 All Rights Reserved. */ package com.canary.mobilegw.test.biz.util;import java.io.BufferedReader; import java.io.FileNotFoundException; import ja
2015-05-09 10:34:39
645
原创 List拷贝
/** * Canary.com Inc. * Copyright (c) 2004-2014 All Rights Reserved. */ package com.canary.canaryapi.comm.utils.copy;import java.util.List;import org.apache.log4j.Logger; import org.springframe
2015-05-09 10:30:47
405
原创 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2015-05-09 10:24:27
343
翻译 jQuery中的(function($){...})(jQuery)
1.“(function($){...})(jQuery)”实际上表示的是已处于调用状态的匿名函数:function($){...}是定义的匿名函数,参数为$(之所以将参数声明为$是为了不与其他库冲突);为了调用该函数则在该匿名函数的后面添上了括号和实参(这里为jQuery),但又由于操作符的优先级,函数本身也需要用括号,所以又为匿名函数添加了括号。2.“$(function(){ });
2015-01-07 17:19:14
361
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人