前端之Problems
文章平均质量分 52
BJ_benjamin
因为记性不好所以只好多做总结因为不进则退所以需要多停下来思考方向
展开
-
ajax请求时遇到的问题
方案一: for(var i=0,len=tableEID.length; i<len; i++){ ////tableID=['tableE_tbGroup_0','tableE_tbGroup_1'] var prefixIndex=tableEID[0].lastIndexOf('_'); var prefix=table原创 2013-04-24 22:55:36 · 979 阅读 · 0 评论 -
文档模式和浏览器模式
1、文档模式和浏览器模式的区别?a)“浏览器模式”(Browser Mode):用于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件注释解析、决定请求头里userAgent的值。它在浏览器发出请求之前就已经确定,网站没有办法修改这个值。它代表的是用户以何种浏览器访问网站。IE9支持下列浏览器模式:浏览器模式 userAgent 默认文档模式 IE7 MSIE原创 2013-10-15 19:36:05 · 4862 阅读 · 0 评论 -
Sublime Text2常用插件
1,package control我们用sublime几乎都会首先安装这个插件,这个插件是管理插件的功能,先安装它,再安装其他插件就方便了。 安装方法: 点击sublime的菜单栏 view->show console(ctrl+`) 现在打开了控制台, 这个控制台有上下两栏, 上面一栏会实时显示sublime执行了什么插件,输出执行结果, 如果你安装的某个插件不能正转载 2013-10-24 13:20:59 · 1159 阅读 · 0 评论 -
sublime Text2 编辑器实用技巧
在当前项目中快速搜索文件在当前项目中快速搜索文件快捷键:CTRL + p这里面有技巧,比如希望搜索如下路径的文件名并打开:routes/user/messages.js只需在窗口输入:rum 或者r/u/m 看结果是不是很爽? 快速注释和取消注释快速注释和取消注释行内注释快捷键 CTRL +转载 2013-10-27 20:45:34 · 953 阅读 · 0 评论 -
收录:前端面试题
一、单选题1、 以下哪条语句会产生运行错误:()A. var obj = ();B. var obj = [];C. var obj = {};D. var obj = //;2、 以下哪个单词不属于javascript保留字:()A. withB. parentC. classD. void3、 请选择结果为真的表达式:()A. null inst原创 2013-11-07 19:44:53 · 1078 阅读 · 0 评论 -
content="IE=edge,chrome=1"详解
http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">http-equiv="X-UA-Compatible"这个是IE8的专用标记,是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式,以此来解决IE浏览器的兼容问题。例如指定IE8浏览器使用IE6的渲染方式呈现界面。曾经css hack转载 2013-11-10 14:26:40 · 2678 阅读 · 0 评论 -
影响一生的职业建议
前段时间我和一个同事进行了一次有趣的讨论。我们重新审视了我们的工作历史,并探讨了那些可以称之为丰富多彩的个人特性是如何对我们产生长期的负面影响的。之后我发现在我刚走出校园的时候确实有点混蛋(某些人也许会说我现在依然有点混蛋,不过这是题外话了)。那时候的我是一个自负,刻薄并不知道尊重其他人的人。不过我想那时候的我知道这些并反而对于这样的我感到自豪。过去,我喜欢直接指出那些更加资深的工程师他们转载 2013-11-29 13:23:45 · 881 阅读 · 0 评论 -
Tips:表单提交时各控件的值
一、禁用状态所有禁用的表单控件都不会提交值二、启用状态 1.checkbox/radio: 1)未选中:不会提交参数 2)选中: a)设置value值,提交参数值为value值 b)未设置value值,提交参数值为"on原创 2013-12-07 09:45:10 · 1311 阅读 · 0 评论 -
Emmet(zencoding)插件语法及常用简写
一、Emmet支持的简写规则:1. E 代表HTML标签。2. E#id 代表id属性。3. E.class 代表class属性。4. E[attr=foo] 代表某一个特定属性。5. E{foo} 代表标签包含的内容是foo。6. E>N 代表N是E的子元素。7. E+N 代表N是E的同级元素。8. E^N 代表N是E的上级元素。二、Emmet连写(E*N)和原创 2013-12-09 17:03:40 · 1464 阅读 · 0 评论 -
Why am i a number?
console.log("Why am i a " + typeof + ""); //Why am i a number一、加号的运算:1)首先运行加号左右表达式,并将传入ToPrimitive,参考ECMASCRIPT规范2)表达式操作数其中一个为String,用字符串拼接,返回String( left ) 和 String( right )拼接结果3)如果一个操作数是对象,对原创 2013-12-17 12:56:35 · 1137 阅读 · 0 评论 -
jquery delegate 给a标签绑定hover事件
Note that as of jQuery 1.4.3, the type of event that is reported when using 'hover' with .delegate() or .live() is no longer mouseover/mouseout (as it ought to be). Now it will be mouseenter/mouseleav原创 2013-12-20 18:54:00 · 6287 阅读 · 0 评论 -
HTML页面呈现时莫名其妙出现个空行
最近一个项目中,HTML代码里面没有多出的行,但在页面显示的时候,莫名其妙多出了一个空格或多余的行,分析半天也不知道什么原因,在网上搜索了下,发现是文档编码为UTF-8 BOM的原因。怎么解决这个问题呢?只需把这个HTML文档存为UTF-8无BOM的格式就OK了。原创 2013-12-21 16:38:20 · 5610 阅读 · 0 评论 -
ajax异步回调函数中给外部变量赋值的问题
$(function(){ var str = "aaa"; $.post("http://localhost/UIBMSPHPProj/index.php/Index/abc",{},function(data){ //data = "bbb"; console.log(str);//aaa str = data; console.log(str);//"bbb"原创 2013-09-24 22:25:23 · 4297 阅读 · 0 评论 -
表单元素属性readonly和disabled对比:
1)适应范围:readonly:input[type="text"],input[type="password"],input[type="teaxtarea"]disabled:所有的表单元素,如select, radio, checkbox, button等2)操作:readonly:不允许用户修改操作,不影响其它的任何操作disabled:阻止用户一切操作,包括用户点击事原创 2013-09-23 17:01:06 · 1702 阅读 · 0 评论 -
浏览器是如何工作的系列:CSS2可视化模型
CSS2可视化模型1.画布(Canvas)根据CSS2规范,术语canvas用来描述"格式化的被渲染结构的空间"——浏览器绘制内容的地方。画布对每个维度空间都是无限大的,但浏览器会基于viewport的大小选择了一个初始宽度。根据http://www.w3.org/TR/CSS2/zindex.html的定义,画布如果是包含在其他画布内则是透明的,否则浏览器会指定一个颜色。2.CS翻译 2013-09-10 23:08:55 · 1581 阅读 · 0 评论 -
浏览器是如何工作的系列:渲染引擎
渲染引擎的功能就是渲染,在浏览器上显示请求的内容。默认情况下,渲染引擎可以显示HTML和XML文档和图像。他也可以显示其他类型的插件(浏览器扩展)。例如显示PDF使用PDF浏览器插件。我们将用一个特殊的章节来讨论插件和扩展。在这个章节中,我们重点来关注使用CSS样式渲染的HTML和图片。一、渲染引擎:我们的参考浏览器——FF、Chrome、Safrai都是建立在两个渲染引擎下。翻译 2013-06-11 23:12:20 · 1880 阅读 · 0 评论 -
浏览器是如何工作的系列:基本介绍
前言:Web浏览器可能是使用最为广泛的软件。在这本书中,我将会深入的去解释浏览器的工作原理。当我们在地址栏中输入www.google.com网址到google的页面呈现到浏览器窗口时,发生了什么?基本介绍:一、我们谈论的那些浏览器当今五大主流浏览器:IE、FireFox、Chrome、Safari、Opera,我会基于开源浏览器 Firefox, Chrome 与翻译 2013-06-10 22:19:35 · 1604 阅读 · 0 评论 -
Form表单的enctype属性
Form表单的enctype属性:我们来看看W3CShool上对表单属性enctype的定义:1)定义和用法:a>enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。b>默认地,表单数据会编码为 "application/x-www-form-urlencoded"。就是说,在发送到服务器之前,所有字符都会进行编码(空格转换为 "+" 加号,特殊符号转换为 A原创 2013-07-14 16:03:50 · 2053 阅读 · 2 评论 -
JS错误:SCRIPT1028:缺少标识符、字符串或数字
SCRIPT1028:缺少标识符、字符串或数字使用jquery时报此错误究其原因是对象键值对格式错误:原格式:obj = { "usernmae":"zhangsan", "sex":"male",}更正后:obj = { "usernmae":"zhangsan", "sex":"male"}此种格式在IE(原创 2013-07-26 12:53:42 · 6550 阅读 · 0 评论 -
浏览器是如何工作的系列:解析和DOM树的构建
三、解析和DOM树的构建 1、解析: 由于解析渲染引擎是一个非常重要的过程,我们将会一步步的深入,现在让我们来介绍解析。 解析一个文档,意味着把它转换为一个有意义的结构——代码可以了解和使用的东西,解析 的结果通常是一个树的节点集合,用来表示文档结构,它被称为解析树或者语法树。 例子: 解析表达式“2+3-1”,返回树如下图3.1 1)、语法: 解翻译 2013-06-23 15:08:44 · 4402 阅读 · 0 评论 -
浏览器是如何工作的系列:渲染树的构建
四、渲染树的构建 当DOM被构建时,浏览器构建另一个渲染树,这棵树上的可视化元素将被按正确的顺序显示。这是文档的可视化表示。 目的在于使可视化元素按他们的顺序渲染他们的内容。 在Firefox中,这些元素在渲染树中称作“帧”,webkit使用术语渲染器或者渲染对象,一个渲染器知道如何去布局和绘制它自己和它的孩子。 Webkits 渲染对象类,基于渲染器的类有以下定义: clas翻译 2013-08-10 15:57:21 · 1690 阅读 · 0 评论 -
解决IE6,IE7不能隐藏绝对定位溢出的内容
令人蛋疼的IE,IE6/IE7下父元素有相对/绝对定位时,子元素在IE6和IE7下overflow:hidden;失效。情况一:(在parent上增加position:relative) .parent{ width:100px; height:100px;border:1px solid #f00; overflow:hidden; position:relative;} .so原创 2013-08-13 22:01:34 · 1508 阅读 · 0 评论 -
在web网页中正确使用图片格式
今天又看了一遍淘宝平四分享的PPT,以前转载网址:http://blog.sina.com.cn/s/blog_995c1f6301017fd2.html原创 2013-09-01 19:58:27 · 1756 阅读 · 0 评论 -
浏览器是如何工作的系列:绘制
六、绘制绘制阶段,遍历渲染树并调用渲染对象的paint方法将它们的内容显示在屏幕上,绘制使用UI基础组件,这在UI的章节有更多的介绍。1.全局和增量:和布局一样,绘制也可以是全局的-绘制完整的树-或增量的。在增量的绘制过程中,一些渲染对象以不影响整棵树的方式改变,改变的渲染对象使其在屏幕上的矩形区域失效,这将导致操作系统将其看作dirty区域,并产生一个paint事件,操作系统很巧妙的翻译 2013-09-09 23:36:51 · 1251 阅读 · 0 评论 -
浏览器是如何工作的系列:页面布局
布局(Layout):当渲染对象被创建并添加到树中,它们并没有位置和大小,计算这些值的过程称为layout或reflow。Html使用基于流的布局模型,意味着大部分时间,可以以单一的途径进行几何计算。流中靠后的元素并不会影响前面元素的几何特性,所以布局可以在文档中从右向左、自上而下的进行。也存在一些例外,比如html tables。坐标系统相对于根frame,使用top和lef翻译 2013-09-09 23:09:22 · 1177 阅读 · 0 评论 -
匆匆的2013——Benjamin
我的2013随着年龄的增大,愈发感觉“光阴似箭”这几个字的含义,匆匆走过2013,现在回眸, 回忆自己的一年,爱过、恨过、悲过、笑过。由于这一年里主要忙于项目,团队中只有自己一个前端,所以没有更多的时间去专研技术,只能下班后写个blog来充饥,打开自己的blog,不知不觉前端相关博文已70篇有余,基本上每月有10篇左右blog进账,后端的技术也有了了解和提升。始终坚信分享能提高自己、帮助他原创 2014-01-02 14:00:04 · 1308 阅读 · 0 评论