天梯梦
- 浏览: 13638597 次
- 性别:
- 来自: 洛杉矶
-
最新评论
-
1455975567：
xuezhongyu01 写道wocan23 写道我想问下那个 ...
Mysql: LBS实现查找附近的人 （两经纬度之间的距离） -
xuezhongyu01：
wocan23 写道我想问下那个111.1是怎么得来的我也看不 ...
Mysql: LBS实现查找附近的人 （两经纬度之间的距离） -
18335864773：
试试 pageoffice 在线打开 PDF 文件吧. pag ...
jquery在线预览PDF文件，打开PDF文件 -
青春依旧：
opacity: 0.5; 个人喜欢这种方式！关于其他css特 ...
css透明度的设置 （兼容所有浏览器） -
July01：
推荐用StratoIO打印控件，浏览器和系统的兼容性都很好，而 ...
搞定网页打印自动分页问题
文章列表
出处：http://www.cnblogs.com/starof/p/5443445.html
一、最终效果
需求：gift图片的小动画每隔2s执行一次。
需求就一句话，我们看一下实现过程。
二、实现过程
1、网页结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<styl ...
出处：http://www.cnblogs.com/starof/p/5411457.html
大部分选择器都是基于下面这个简单的页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div,span,p{
width: 140px;
...
Web浏览器调试工具firebug
- 博客分类：
- Tools
出处：http://www.cnblogs.com/starof/p/5416895.html
一、Firebug工具简介
firebug是firefox下的一款开发类插件。firebug集html查看和编辑，JavaScript控制台，网络状况监视器于一体，是开发JavaScript，css，html和ajax的得力助手。
YSlow是插件 ...
一、animates.css
animate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。
查看演示：
https://daneden.github.io/animate.css/
github地址：
https://github.com/daneden/animate.css
直接下载：animate.css-master
二、magic.css动画库
查看演示： ...
出处：http://www.cnblogs.com/starof/p/5443445.html
官方资料：Chrome Developer Tools: Network Panel
一、chrome Developer Tools：Network Panel
从网络面板中可以获取很多有用信息，如详细的时间数据，http请求头响应头，cookies，WebSocket数据。
通过分析这些数据，可以知道哪个资源加载耗时最久，谁发起的网络请求，这些对性能优化很有帮助。
这些数据的获取都是通过一个api来完成的，Resource Timing API。
我们不需要知道它 ...
出处：http://www.cnblogs.com/starof/p/4593741.html
全局属性：对于任何一个标签都是可以使用的属性。
一、data-*
在html5之前需要在html标签上添加自定义属性来存储和操作数据，可能是会写<form role="xxx">，但这是种非常不规范的方式。
也正是因为有这种自定义属性的需求，在html规范里增加了自定义属性data-*属性。html5中开发人员可自定义任何想要的属性，只要加上前缀data-，通过这种方式避免与未来的html版本冲突。
<form data-typ ...
一、效果
二、代码
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<meta charset="utf-8"/>
<style></style>
<script src="js/jquery-2.1.4.min.js"></script>
</head>
<body>
<tab ...
一、bootstrap样式
在Bootstrap v3.3.4中有下面一条重置样式：
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
将所有的元素的默认 ...
BFC的理解与应用
首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。
什么是BFC（Block formatting contexts）
w3c规范中的BFC定义：
浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。
在BFC中，盒子从顶端开 ...
W3C规范
一般来说，页面中的每一个元素都会形成一个矩形盒子，渲染引擎根据给定的样式确定这个盒子的呈现。通俗的来说，页面的布局就是一个个盒子的排列和摆放。掌握了盒子呈现的本质，布局也就轻而易举。
在 W3C 规范中定义了标准的盒模型：
Each box has a content area (e.g., text, an image, etc.) and optional surrounding padding, border, and margin areas; the size of each area is specified by properties defined bel ...
CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?
- 博客分类：
- Div / Css / XML / HTML5
原文：CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?
其实方法非常简单，直接写代码：
<div style="background-image: url(http://your-image.jpg);">
<img src="http://your-image.jpg" style="visibility: hidden;" />
</div>
同时设置图片和背景图片 ...
原文: PHP5: mysqli 插入, 查询, 更新和删除 Insert Update Delete Using mysqli (CRUD)
PHP 5 及以上版本建议使用以下方式连接 MySQL :
MySQLi extension ("i" 意为 improved)
PDO (PHP Data Objects)
Mysqli提供了面向对象和面向过程两种方式来与数据库交互，分别看一下这两种方式。
1. PHP 连接 MySQL
1．面向对象
在面向对象的方式中，mysqli被 ...
域名
域名就是用来唯一标示互联网上的服务器的，当我们访问一个网站时候，比如http://www.example.com/index.html，其中的com，example.com，www.example.com都是域名。域名不区分大小写，即www.example.com与WWW.EXAMPLE.COM一样。
FQDN
FQDN(Fully ...
像素（Pixel）对于WEB开发者来说很是熟悉，在PC互联网时代没少与其打交道。进入移动互联网之后，随着移动设备屏幕的解析度越来越高，衍生了一些关于屏幕和像素的一些新概念，比如DPI，DP，PT，Retina，4K等等，本文对这些概 ...
英文：http://www.quirksmode.org/mobile/viewports.html
翻译：http://weizhifeng.net/viewports.html
在这个迷你系列的文章里边我将会解释viewport，以及许多重要元素的宽度是如何工作的，比如<html>元素，也包括窗口和屏幕。
这 篇文章是关于桌面浏览器的，其唯一的目的就是为移动浏览器中相似的讨论做个铺垫。大部分开发者凭直觉已经明白了大部分桌面浏览器中的概念。在移动 端我们将会接触到相同的概念，但是会更加复杂，所以对大家已经知道的术语做个提前的讨论将会对你理解移动浏览器产生巨大的帮 ...