痞子前端-优快云博客

转载分析关键呈现路径性能

确定并解决关键呈现路径性能方面的瓶颈需要了解很多常见问题。让我们开始实践之旅，并找出常用的性能模式，从而帮助您优化网页。ContentsHello World experience结合使用 JavaScript 和 CSS性能模式优化关键呈现路径的目标是允许浏览器尽可能快地绘制网页：较快的页面呈现速度可以提高互动度、增加网页浏览量并提高转化率。因此，我们希望

2016-08-05 16:28:09 864

转载使用 window.name 解决跨域问题

window.name 传输技术，原本是 Thomas Frank 用于解决 cookie 的一些劣势（每个域名 4 x 20 Kb 的限制、数据只能是字符串、设置和获取 cookie 语法的复杂等等）而发明的（详细见原文：《Session variables without cookies》），后来 Kris Zyp 在此方法的基础上强化了 window.name 传输，并引入到了 D

2016-08-03 17:27:51 9149

原创 IOS webkit fixed 元素与 touch 事件

问题：接到业务提的BUG，说商详页面在滚动过程中，如果快速多次滚动页面会导致商品SKU被提前触发，且只在IOS下会出现。因为问题是在公司app webview中出现的，第一反应就觉得可能app那边的问题，是不是某个控件没有加入，但马上就直接将页面通过浏览器打开进度safair下的测试，发现问题依旧，分析代码发现没有问题，然后怀疑是IOS webkit内核在进行页面渲染时是不是fixed元素

2016-05-27 16:32:53 1438

原创 jquery中提及的whitespace characters

首先，了解一下内容产生空白间距的原因：1、直接输入空格，即按空格键产生2、Tab键，产生的空格可能不上一个，因为在有一些编辑软件可以去Tab键所产生的间距进行设置3、回车键4、换行以上4种对应字符：空格\x20Tab键\t回车键\r换行\n其中比较不好理解的就是回车与换行的区别：

2016-05-25 17:24:52 1549

转载 Http协议中的各种长度限制总结

刚才无事网上瞎逛的时候看到有同学总结自己最近去面试时被问到的面试题，看到有人被问到URL的最大长度、Cookie的最大长度之类的问题，如果平时不是很注意http细节的话这些问题还真是不好回答，另外除了面试,知道这些长度限制，有时候开发时碰到问题心里也能有个数，想到自己对这些问题也不是特别熟悉，于是就在这里总结下——Http协议当中的各种长度限制。1. URL长度限制在Http1.1

2014-07-10 22:30:46 880

转载 mysql忘记密码处理办法

具体步骤如下：1.关闭正在运行的MySQL。2.打开DOS窗口，转到mysql\bin目录。3.输入mysqld-nt --skip-grant-tables回车。如果没有出现提示信息，那就对了。4.再开一个DOS窗口（因为刚才那个DOS窗口已经不能动了），转到mysql\bin目录(cd)。5.输入mysql回车，如果成功，将出现MySQL提示符 >6. 连接权限数据

2014-05-04 14:32:38 621

原创 Less学习笔记

关于神马是less，可以查看下列URL：http://www.lesscss.net/article/home.htmlhttp://www.bootcss.com/p/lesscss/1、data-uri([mimetype,] url)// * 将资源内嵌到css中（即将图片进行编码），可能回退到url()说明：将一个资源使用BASE64编码嵌入到样式文件，如果开启

2014-03-25 16:39:50 678

原创 android H5+app混合应用之 - contenteditable属性

现在是智能终端遍天下，各种APP如雨后春笋般，掘地突起。这让我们做前端的兄弟姐妹们有些忙不过来，一边忙学习各种新知识如H5、CSS3、JS 等，一边面对着各种需求问题，PC端好不容易能弄的差不多了，现在APP的问题又来了！今天所说的问题正是其中这一，即android低端机（一般来指android4.0以下版本的机器）的问题！contenteditable属性contentEdita

2014-03-25 10:00:17 3819

UIKit提供UIWebView组件，允许开发者在App中嵌入Web页面。通过UIWebView组件，我们可以在应用中很方便的嵌入HTML页面。在利用IOS原生的组件进行界面开发时，界面UI元素的布局需要我们去一点点的计算，尤其是对于复杂点的图文混排的内容来说，这种计算有时很让人头痛。与原生组件相比，HTML本身的结构性语义性较强，利用CSS能更加方便快捷的进行内容布局和美化，同时Javascri

2014-01-17 17:25:31 936

原创收藏URL

1、Edge Codettp://mobile.51cto.com/aengine-383006.htmhttp://pan.baidu.com/share/link?shareid=548651951&uk=3909541378#dir/path=%2F%E8%BD%AF%E4%BB%B6%E4%B8%8B%E8%BD%BD%2FEdge%20Code%20CC

2013-12-17 23:08:45 694

原创 FF中label中嵌套input问题

这个问题与“IE7 relative问题”属同一个需求！这个问题也只在一个浏览器上有出现就是火狐（FF）先上效果图：代码结构：id="cbx" /> for="cbx">问题描述：当点击上图中的小铅笔时，出现一个编辑框，可以编辑旁边的文字（招商缴水费）。但在FF中当点击小铅笔出现编辑框时，光标无法定位到输入框内，除非通过双击或强制鼠标进行选择文字来编辑的话，就可以！

2013-08-09 10:54:43 2303

原创 IE7 relative问题

今天又遇IE relative问题，这个问题只在IE7下有出现，具体问题描述如下：先看效果图：再上代码结构：需求需要的效果描述：当鼠标经过每一个li的时候，都会弹出相对应的提示信息框！问题：提示信息框都放在了Li的里面，所以为每个li设置了position:relaitve；同时当鼠标经过的时候，当前鼠标所在的li的z-index:1，其他则设置成z-ind

2013-08-09 10:34:03 826

原创 UL li在IE7及以下版本问题

1、在IE7及以下版本中，UL中不能出现非LI标签，如果出现非LI标签那么，浏览器会自动将非LI标签用靠近它的LI标签包裹住，成为Li中的内容。昨天做了一个页面，IE7和IE6没有进行测试，结果业务报问题，给出了问题页面截图，一看就知道，应该是IE问题，用IE8访问没有问题，但IE7和IE6就有问题，仔细查看代码，发现没有问题，然后使用IE开发工具查看浏览器解析后的HTML结构，发现了问题，问

2013-07-24 10:21:25 1708

原创 a:visited在chrome、FF下没有下划线

昨天在做页面重构时，上级要求将所有链接都增加访问过后颜色并带下划线。（原效果代码为a{color:#666;text-decoration:none}a:hover{text-decoration:underline;}）本认为这应该是很简单的事情，因为一个关于A的口令记得很清楚，那就是LVHA。即A伪类编写顺序。我按要求进行编写后在IE、Opear测试都是没有问题，但在chrome和F

2012-03-16 00:33:44 1807

原创 IE6下CSS编码问题

从去年开始就在做页面重构，去年也是出现问题多多，有些也记得不是很清楚了，昨天碰到了个问题，今天又碰到了一个，昨天的问题是IE BUG应该算非人为错误，今天的问题是由于不细心导致的。今天的问题单指IE6下，其他浏览器无此类问题。问题描述：在一个页面中无页内样式，只引用了一个外部样式文件，在非IE6浏览器中，页面显示正常。但在IE6下会发现，页面中部分内容没有样式。将没有效果的样式写到页面中，页面

2012-02-15 00:12:31 569

转载 IE layout详解

引言:Internet Explorer 中有很多奇怪的渲染问题可以给他一个”layout”得到解决，John Gallant 和 Holly Bergevin把他归类为“dimensional bugs”（尺寸bug或者尺寸臭虫），意思是可以给对应的元素赋予宽度和高度解决；这给我们带来了一个问题：为什么layout可以改变渲染模式和元素之间的关系？hasLayout定义：

2012-02-13 23:03:49 852

原创 li中嵌套ul在ie6,7下的bug

今天做完页面重构，将页面交给页面审核同学进行页面审核时，出现了一个问题，问题文字描述如下：整个页面主要内容结构都是由ul、li嵌套组成，其中内容最后一段关于产品说明，因为内容有几条，所以在原有ul、li结构中再嵌套了一组ul、li，我自己在测试过程中因为只注重页面结构是否完整，没有太多注意细节，但页面审核同学都是火眼金睛。发现了页面在IE6、IE7下内容最后一段与它上一段中间产生了一个空行。初看还

2012-02-13 22:33:28 2152

转载负边距流体布局

Creating Liquid Layouts with Negative Marginsby RYAN BRILLPublished in: CSS, LayoutDiscuss this article » | Share this article »I was recently confronted with the task of

2011-11-13 22:37:11 538

转载多栏自适应布局问题浅谈

在网页局部的布局上，需要采用大量的自适应，来满足不同长度数据、内容的合理呈现。以此保证页面不至于因为内容过多等原因，导致重叠、溢出、撑开等破坏整体视觉效果的情况。这里就简单谈谈几个自己碰到过的自适应问题。1、两栏自适应布局在实际项目中，常常遇到如红色线框部分的两栏自适应问题。其关键点是，左右两栏均不定宽，右侧栏条目数量不定。针对这种场景，可以采用两栏均浮动的方法。参

2011-11-13 22:33:51 450

fengri5566的专栏