agevs
- 浏览: 67537 次
- 来自: 北京
-
博客专栏
-
-
各种Web前端技巧经验分享...
浏览量：0
最新评论
-
peng13123：
博主，资源呢
分享一个BookStore ios程序的例子 -
jef：
写的很不错， 收藏！
我的架构经验系列文章索引 -
切切克闹：
业界良心啊，感谢楼主，这东西对我这样的后辈来说太有用了，我仔细 ...
我的架构经验系列文章索引 -
agevs：
james_lover 写道什么网站？地址是什么？http:/ ...
我的架构经验系列文章 - 后端架构 - 系统层面 -
james_lover：
什么网站？地址是什么？
我的架构经验系列文章 - 后端架构 - 系统层面
文章列表
收集了一些网页设计时候以用上的数字编号集，有需要的可直接复制相应符号到你的网页中即可，用好这些符号可以让你的网页更漂亮，而且可以减少使用图片来修饰，对提升网页加载速度也是有帮助的。前端资源分享
① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩ №
⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ ⒃ ⒄ ⒅ ⒆ ⒇
⒈ ⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛
Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ
用SyntaxHighlighter 语法高亮插件的朋友可能都遇到过代码显示不换行的问题，这个问题在网上也找不到什么解决办法，一直困扰了我很久，今天算是把它解决了，办法其实简单，下面说下如何解决。前端资源分享
打开shCoreDefault.css文件，找到对.syntaxhighlighter textarea的定义，在最后加上一句：word-break:break-all !important;就ok了，意思是让代码强制换行显示。
我选择了SyntaxHighlighter for wordpress作为显示代码插件。安装完成后，发现有两个问题。第一个是在代码区右上角有一个绿色的问号区域，点击会链接到Syntax的版权信息。我尊重原作者做出的努力，可是当代码段较少而又出现多次连续代码区域时，一片绿色的问号在视觉效果上感觉较差。我要去掉这个问号。在控制板中编辑该插件配置文件syntax_highlighter.php，将以下代码中的toolbar改为false即可。前端资源分享
var $default_atts = array(
'num' => 1
,'lang' => 'plain'
,'lang ...
缓存有利于网页的加载速度，但有时候，我们不希望页面被缓存，那如何在页面中声明呢？其实在HTML语言中，有现成的禁止缓存的方法，你只需在页面的<head></head>中加入以下几行声明代码即可：前端资源分享
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP ...
安装完Fireworks CS4后，PNG就不显示了，捣腾了大半天，原来是C盘的pngfilt.dll的IE里面c:\windows\system32\里面的不一样，可能是安装Fireworks CS4的原因。（前端资源分享）复制IE里面的pngfilt.dll到c:\windows\system32\替换原来的，然后注册此DLL就可以了：
regsvr32 c:\windows\system32\pngfilt.dll
IE9浏览器在CSS中定义中文字体名称的时候，line-height不能垂直居中，解决办法其实很简单，这里是通过转换字体Unicode编码来解决IE9兼容问题。也就是将平时我们定义的font-family:"宋体";变为font-family:"\5B8B\4F53";如果你定义的不是宋体而是其它字体，你可以参考Unicode字符编码对照表。前端资源分享
以下是大家常用的字体Unicode转换对照：
黑体：\9ED1\4F53
宋体：\5B8B\4F53
微软雅黑：\5FAE\8F6F\96C5\9ED1
仿宋：\4EFF\5B8B
U ...
先来说下为什么要把中文转成Unicode编码。字符有国际的通用标准，这其中Unicode担当重要的角色, 它比传统的字符编码更省字节，让设计出的网页能够显示在不同国家语言的平台上，所以只要将中文转换为Unicode，在任何国家浏览网页都不会出现乱码。前端资源分享
一般定义字体是在CSS中完成的，所以说下CSS中如何使用Unicode格式，以“宋体”为例: 可以用宋体和\5B8B\4F53来表示。
常用简体中文字体转Unicode和Unicode 2编码表
中文名
英文名
Unicode
Unicode 2
Mac OS
华文细黑 ...
网页上默认的文本框老是灰色风格，看的都有点不耐烦了，用CSS和JS改变其样式是大家都喜欢用的方法，今天写了一个点击边框变色的文本框，鼠标点击文本框将要输入的时候，文本框自动变色高亮显示，非常有视觉效果，让文本框变漂亮了许多。HTML代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:// ...
当我们点击链接后，链接周围会显示一个虚线框，那么怎么去掉这个虚线框呢？其实方法还挺多，用CSS就可以，但使用javaScript似乎也是一个好方法。
1. CSS方式去掉链接虚线框的方法： 在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。前端框架示例
<a href="#" hidefocus="true" title="加了hidefocus" >加了hidefocus属性</a>
IE ...
搞前端开发有一年多了，可总有些细节东西没有关注过，就比如HTML中的<link>标签，它可以引入CSS，也可以引入一个网站的ICO图标，但它后面还有一个media参数，这个你知道是干什么的吗？大家常见的<link>用法划过于下面的代码：
<link href="css.css" rel="stylesheet" type="text/css" media="screen" />
以上是引入网站自定义的CSS文件，还可以用来引入网站的ICO LOGO图标，比如：前端框架分 ...
jquery重力实现效果
能在支持 FireFox、Chrome、Safari、傲游、搜狗、360浏览器。
源码下载/ 在线演示
jQuery纸张切割效果
源码下载/ 在线演示
纯CSS3实现3D小球动画
觉得纯css的tips限制有点大，而且好像兼容性也不好，这是我发现的一个Js+CSS的链接提示框效果，还会跟随鼠标而移动，而且兼容性也不错，代码与大家分享：前端分享
<!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">
<he ...
HTML5小游戏抓怪兽，应用Canvas等超多的HTML5技巧编写而成，下面来向大家汇报实现步骤：
1、创建游戏画布：
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = 512;
canvas.height = 480;
document.body.appendChild(canvas);
我们需要做的第一件事是创建一个 canvas元素。我这样做的JavaScript，而不是HTML演示如何 ...
一个供学习不错的网页拖动层，具有丰富的层拖动设置功能，比如可设置拖动的范围、垂直、水平方向拖动，是否透明显示层等，运用JS和CSS等实现的HTML层拖动网页，代码完整：前端框架资源分享
<!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"&g ...
这是一篇收集的文档，介绍了网页上常用的IE/火狐兼容性该页的做法，并给出了代码，相当实用了。为了方便大家阅读代码，以下以 IE 代替 Internet Explorer，以 MF/FF 代替 Mozzila Firefox 。以下进入正题：
//window.eventIE：有window.event ...