-
对于布局的见解
position: absolute;元素的宽度变为content的宽度，这是与position:relative（100%）不同的地方，若要呈现为100%， 有两个方法： 1.直接设置 width:100% 2.设置left:0px right:0px; 布局参看http://www.zhangxinxu.com/study/201010/mini-blog-no-width.html 采用无宽度布局…
2023/6/2 10:25:44
-
不同浏览器中网页内容高度取值
原文地址：http://www.alisdn.com/wordpress/?p=1700关于浏览器的clientHeight、offsetHeight和scrollHeight在IE、FireFox、Netscape等不同的浏览器里，对于document.body 的 clientHeight、offsetHeight 和scrollHeight 有着不同的含义，比较容易搞混，现整理一下相关的内容…
2023/5/31 10:48:39
-
在网页中使用SVG技术
在网页中使用SVG技术分享：0可缩放矢量图形（SVG）是矢量图形家族的一部分。相比其他光栅图形（JPEG、GIF 和 PNG），SVG 图形具有更多的优势。本文将探讨 SVG 图形的基本概念和在 HTML5 中的使用。学习绘制、过滤器、渐变、文本和将 SVG XML 添加到网页。 简介 可缩放矢量图形…
2023/5/31 16:01:15
-
瀑布流布局实现的三种方式
瀑布流布局的特点？ 答：首先，是图片的宽度固定，图片的长度不一样。其次，是当页面滚动时 ，会再次加载数据，动态的渲染在页面上。瀑布流布局的原理？ 首先，获取图片的固定的宽度W，网页body的clientWidth 其次，获取在你的版面中显示多少列图片。cols = clientHeight / W;…
2023/5/30 6:34:17
-
移动web图片高度自适应的解决方案
由于图片的加载是在dom加载完成之后进行的，于是，在手机端浏览网页时，经常会看到页面刚打开时很多内容叠在一起，当图片加载完成后，页面会由于图片加载完成出现明显的抖动针对这个问题，有以下几种解决方案媒体查询+px rem vm padding 媒体查询+px@media screenand(max - wi…
2023/5/31 15:24:01
-
网页布局之》》》》弹性盒子》》》
网页弹性盒子》》》》box-flex 属性 按比例占据父元素的尺寸。1，（纵向）水平方向的弹性布局：先给其父元素设置样式为弹性盒子display:box; #father{ display:-webkit-box; display: box;}》》》》》》》子元素（div或盒子）默认是纵向挨着排列的，。》》》》》》定义两个可…
2023/6/1 5:59:04
-
在xcode中格式化代码
1. 安装homebrew/usr/bin/ruby -e "$(curl -fsSkL raw.github.com/mxcl/homebrew/go)"2. 安装uncrustifybrew install uncrustify3. 下载配置好的workflow包http://by-igotit.com/wordpress/wp-content/uploads/2012/03/Uncrustify-Objective-C.workflow.tar.gz4. 解…
2023/5/30 6:31:02
-
css content
before after demo 1 添加描述信息div1:after{conent:"天假额外的文字"}2 也可以显示元素的某些属性<a class="div1" href="http://www.baidu.com"></a>div1:after{ content:attr(href)}注意：当使用attr()获取标签属性名的时候，千…
2023/5/31 16:55:32
-
web PC分页功能实现。动态加载数据列表并分页
1.最终效果图展示：2.代码截图：3.代码文字：<！DOCTYPE HTML> <HTML><head> <meta charset="utf-8"> <meta name="keywords" content="分页教程"> <meta name="description" content="CSDN平…
2023/5/31 22:47:24
-
周末作业
```<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Polp360首页</title> <link rel="stylesheet" type="text/css" href="css/reset.css">…
2023/5/30 6:33:16
-
提高JavaScript性能的30个技巧
今天我们来看看 JavaScript，这项神奇而又复杂的技术。它使网站内容更加丰富，但常常出现的运行性能问题又降低了用户的体验。事实已经证明，最佳的终端用户体验能提升网站的转换率、Google搜索排名以及访问者的满意度。高性能的JavaScript意味着会给您和您的公司带来更多更好的…
2023/5/30 6:31:42
-
PHP 性能分析第三篇: 性能调优实战
注意:本文是我们的 PHP 性能分析系列的第三篇，点此阅读 PHP 性能分析第一篇: XHProf & XHGui 介绍 ，或 PHP 性能分析第二篇: 深入研究 XHGui 。 在本系列的 第一篇 中，我们介绍了 XHProf 。而在 第二篇 中，我们深入研究了 XHGui UI， 现在最后一篇，让我们把 XHProf …
2023/6/2 14:59:07