管理员 的 站内主页

2014
12-04

HTML5 拍照应用开发经历的那些坑儿

一、项目简介 1.1、项目背景： 这是一个在移动终端创新应用的项目，用户在浏览器端（微信/手Q）即可完成与金秀贤的合影，希望通过这样一种趣味体验，引发用户的分享与转发的热潮。 1.2、系统要求： ios6-ios7、android3.0-android4.3、android4.4+(非.... Read More >

2014
11-19

Block Formatting Context （块格式化上下文）

1    BFC是什么 Block Formatting Context （块格式化上下文）是 W3C CSS 2.1 规范中的一个概念，在CSS3中被修改为flow root。格式化则表明了在这个环境中，元素处于此环境中应当被初始化，即元素在此环境中应当如何布局等。元素如果创建了BFC，那么BF.... Read More >

2014
11-16

PHPWEB手工安装方法(不运行安装向导)

手工安装步骤： 1、创建一个数据库，建的时候选择“整理”方式为：utf-8 general ci 2、将base/install/db/db.sql 导入数据库 3、修改网站下的config.inc.php，内容如下 <?php #[数据库参数] $dbHost="localhost";            #数据库服务器名 $dbName="dbpw";           .... Read More >

2014
11-05

[转] 网页浏览毫秒必争，超强前端网页性能总结三

用 link 代替@import 避免使用@import的原因很简单，因为它相当于将css放在网页内容底部。 避免使用Filters AlphaImageLoad也是IE5.5 – IE8中支持，这种滤镜的使用会导致图片在下载的时候阻塞网页绘制，另外使用这种滤镜会导致内存使用量的问题。I.... Read More >

2014
11-05

[转] 网页浏览毫秒必争，超强前端网页性能总结二

避免404 404我们都不陌生，代表服务器没有找到资源，我们要特别要注意404的情况不要在我们提供的网页资源上，客户端发送一个请求但是服务器却返回一个无用的结果，时间浪费掉了。 更糟糕的是我们网页中需要加载一个外部脚本，结果返回一个404，不仅阻塞了其他脚本下载，下载回来的内容(404)客户端还会将其当成Javascript去解析。 服务器 使用CDN 再次强调第一条黄金.... Read More >

2014
11-05

[转]网页浏览毫秒必争，超强前端网页性能总结一

你愿意为打开一个网页等待多长时间？我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站，博客，你的网页响应速度如何呢？在这篇文章中我们来介绍一下提高网页性能的最佳实践，以及相应的问题解决方案。 最佳实践 最佳实践我们引用的来自yahoo前端性能团.... Read More >

2014
11-05

CSS Sprites 工具

CSS Sprites 在显著降低 HTTP 请求方面功不可没，但 CSS sprite 可不是个简单的技术，Sprite generator 可以帮你做这些繁复的工作，将你的图片打包成 zip 上传上去，他们会把你的图片组合成 sprite，还帮你生成 CSS 代码。 官方网址：ht.... Read More >

2014
11-05

浅谈CSS Sprites技术及其优化

CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为“CSS精灵”、“CSS雪碧”的家伙到底解决了什么问题，我们又怎样合理使用这个技术呢？下面来详细聊聊。 在大家还在拨号上网的“远古时期”，由于网速的限制，页面开发者都喜欢把网页里面的图片字节数控制的非.... Read More >

2014
10-17

[转载]CSS3 选择器——伪类选择器

前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中 的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之.... Read More >

2014
09-29

网页HTML切图时图片格式PNG,JPG,GIF的选择

图片格式GIF 优点：GIF最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式,也就是说你在修改图片之后,图片质量并没有损失.再者GIF支持半透明(全透明或是全不透明). 根据Google的说法,GIF适用于很小或是较简单的图片(10×10以下或是3种颜色以下的图片). 缺点 不支持透明，如果图片颜色很多种，特别是有红色的时候，尽量少用gif 不然会失真  .... Read More >

2014
09-29

前端开发：浅谈图片优化的方法

在网站优化中，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用户体验，而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工 程师应该采用什么方法来优化图片，既能保证UI的还原度，又使图片最精简呢?下面我就个人经验，来简单介绍一下图片优化的方法，首先我们了解一些图片方面 的知识： .... Read More >

2014
09-23

四种CSS设置html table表格边框样式

第1种对表格设置边框 效果 对应CSS代码： .table-a table{border:1px solid #F00} 对应html源代码： <div> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="105">.... Read More >

2014
08-14

[转]图片优化的那些工具，你了解吗

图片作为页面的一个主要因素，它的大小直接影响了页面的加载速度，这一点在移动端尤显突出。 怎么让图片的大小更小？除了选择合适的格式（jpeg、gif、png），我们还可以利用网上的应用（如smushit、tinypng、 imagemin、imageOptim）对图片进行压缩。在这里我想.... Read More >

2014
08-14

[转]前端设计师网页字体设置，你了解吗？

以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体，然而当更多的设备和系统出现后，以前这样的设置已不能满足网页在各设备上的显示需求。 就拿最简单的宋体(simsun)来说吧.... Read More >

2014
08-12

blocksit+jquery.lazyload响应式jquery瀑布流结合图片延迟加载特效

此作品是一款非常实用的jquery特效，结合了两个jquery插件jquery瀑布流插件blocksit和图片延迟加载插件 jquery.lazyload，可是很多网友们都觉得不是很懂，有点复杂，今天有空就把此作品整理了出来分享给大家学习用，如果作品有什么问题请多多反 馈。。。 实现功能的jquery代码如下： $(function(){ $("img.lazy").lazyloa.... Read More >

2014
08-12

深入理解CSS盒子模型

把盒子模型内边距，外边距，如何定位等概念有条不紊的介绍一遍。这篇文章更多的是教你在实战 过程中如何自如的控制盒子的宽度，如何用最恰当的方法定位盒子，如何解决IE中盒子的种种bug。 继续阅读 →

Read More >