李俊良
- 浏览: 143795 次
- 性别:
- 来自: 北京
-
最新评论
-
46311875：
SB。 搞得那么复杂。哈哈
html5单页面应用程序之历史记录控制 -
李俊良：
正准备处理移动版本的兼容，貌似移动端的用纯web做的比较少
瀑布流网站记录 -
wolf199103：
花瓣网：http://huaban.com/鼻祖Pintere ...
瀑布流网站记录 -
firstfall：
BuN_Ny 写道最近很不喜欢这种只贴代码的帖子。总觉得是想表 ...
前端js也能写算法 -
Sky_YiBai：
楼主，可不可以把帖子重新编辑下，别光写代码呢。。。写点思路之类 ...
前端js也能写算法
文章列表
做web前端的同志们可以看看，特别是做英文站，中文我没有测试
请看下面这一段代码
_filter: expression(document.execCommand("BackgroundImageCache", false, true));
我加了下划线，目前只让它在IE6下生效
为什么要这么做呢
如果不加下划线，让所有的IE都认这句css表达式的话
会让文字字体出现不兼容性问题
看下图
仔细看这个图片可以发现，下面的小文字RX里面的X特别明显，很有多锯齿（在IE7和IE8下面）
如果屏幕这个表达式在IE7和IE8下的呈现
图片就是这 ...
写的比较烂
有兴趣的可以去改一下，做不到太好的算法
不过速度也算还可以
//定义常用变量
vx = File.ReadINI("\DouDou.ini","DD","XPOS") //读配置文件，参数含义：文件名，节名，段名
vy = File.ReadINI("\DouDou.ini","DD","YPOS")
//第一个豆豆位置的x y坐标，可以变化
//XPos = 160
//YPos = 321
//定义可以不找的点 ...
在很多优化法则中都提到，尽量将javascript放到页面底部，这是为什么呢
我通过firebug进行了下简单的分析
看下图
本页面首尾都存在javascript代码
我们分析得出
1、整个页面文档家在结束才开始加载css和js以及其他的数据
2、当顶部的所有js都家在结束之后才可以加载页面中的图片
3、顶部的common.css和common.js几乎是同时开始加载
4、底部的loader-min.js和离他最近的footer.jpg也是同时开始加载
由此，我们可以分析出，至少在这个版本的firefox中
从http的角度看，整 ...
ImageScan.rightReq = $.ajax({
data: {'catch' : unescape(url), 'pos' : pos},
beforeSend: function() {
$('#' + pos + '_image_url-wrapper > input').val('');
$('#' + pos + '_image_url-wrapper').hide();
$('#' + pos + '_itemList').removeAttr('style');
$('#edit-' + pos + ...
这个需要当面用图片演示才能说清楚
我就简单的介绍下
gif图片的特点是带色值的边缘都很清楚
jpg图片边缘不清楚，他的颜色都是递进的
gif适合需要将里面的文字，或者某些特别部分显示的很清楚的时候使用
而jpg格式则是应用于渐变，渐变的时候jpg要比gif清楚非常多
这是个美工告诉我的经验，确实是这样的
使用fireworks作为图片编辑器的人就很容易分析
在另存图片的时候，将图片放大400左右，你分别分析这两种格式图片
看出来的效果很明显
gif存那种渐变的图片，总是会感觉渐变很重，感觉是一个色块一个色块渐变过来的
<style>
div{width:400px;} a{width:200px;padding:0px;margin:0px;border:none;display:inline-block}
</style>
<div>
<a href='#'>one</a>
<a href='#'>two</a>
</div>
大家看个例子
简单的写一下
现在不知道为什么出现不了代码编辑器
只能写写文本了。
我们会看到这么写的话两个A是不能处于同一行的。
...
比较方便途径有两种
通过image和通过script的src值可以设置为php文件或者jsp之类的来实现
image有onload还有onerror方法，都可以进行判断ajax请求是否成功，稳定性还是很不错的
现在很多网站也都是采用这种方式。
缺点就是不能发送post请求
script如果找不到文件还不会返回404错误页面
另外还有一种就是很多框架，例如yui里面的io模块
使用的就是flash进行跨域请求
margin 和 padding的區別和用法分析
1.字面意義
一個叫做外邊距，這就是margin
一個叫做內補丁，這是padding
2.仔細分析文字意思
margin：外邊距，什么是距？距就是距離，長度，所以margin是指某個元素與其他元素的距離
padding：內補丁，我形象的說下，假設每個Dom都有一個border，就是邊框，那么內補丁就是元素跟自己內部的直接子節點的距離，空際。
3.如何使用，在哪些元素上面應用margin和padding
margin：應該使用在兩個相鄰元素中的其中一個上面，來表明這兩個元素的具體。
padding：應該是設置在某個父節點上 ...
var dotA = {
trim:function(string){
return string.replace(/^\s+|\s+$/g,'');
},
/* id className or Dom Elements */
one:function(selector){
selector = this.trim(selector);
if(typeof selector == 'string')
if(selector.indexOf('#') > -1){
var aSel = selector.split("# ...
一、为什么要先讲DOM节点的获取？
理解这个首先我们要理解使用原生代码写Script脚本的方式，我们一般都是通过获取一个DOM对象，然后对这个节点进行操作，例如：
var dom = document.getElementById(“dom1”); dom.setAttribute(“width” ...
JavaScript方面
put script at bottom
脚本尽量放在页面的底部
make javascript and css external
尽量使用外联的javascript和css文件
minify javascript and css
最小化javascript和css文件
remove duplicate Scripts
去除重复脚本
在IE中重复脚本会导致用户加载页面的时候多了一次http请求，虽然这个在firefox下面会被缓存但是在IE和firefox下面都会花费很多时间来重复执行这些重复脚本很影响性能。
Develop ...
所有的测试代码都是使用firebug直接调试得到的结果
输出结果都是利用firebug的console.log来输出查看
大家也可以使用不同的工具来测试
统计从1至400亿之间的自然数中含有多少个1？比如1-11中，有1，10，11这三个自然数有4个1
(function(k){
var x = (10 + 4 * k) * Math.pow(10,k-1);
document.write( x + "<br/>");
})(12);
在safari中，通过js获取对象的marginRight style，并且这个对象的parent node设置了一个overflow为hidden的样式
那么将会计算出一个错误的marginRight值。
如何修复呢
建议如果存在这种情况
就将marginRight和marginLeft设置为相同值
然后再js函数中用marginLeft的值来替代marginRight值。
具体的该bug的说明可以参照https://bugs.webkit.org/show_bug.cgi?id=13343
方法就不多了，见附件里面自己看吧，其实不是很难，代码还没有优化，谁有空可以帮我调整一下代码，呵呵