随笔分类 - 前端咨询
摘要:让ie也能享用css3但导入的文件太大,有40K<!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"> <head> <meta http-equiv="Content-Type" content=&qu
阅读全文
摘要:z-index : auto | numberz-index 属性设置元素的堆叠顺序,如果为正数,则离用户更近,为负数则表示离用户更远;拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面;z-index 仅能在定位元素上奏效(position 属性值为 relative 或 absolute 或 fixed的对象)1. 当两个元素位于同一容器内时,它们各自的z-index决定它们的层次2. 当两个元素位于不同容器内时,它们容器的z-index决定它们的层次<div style="z-index:1; background-color:#333; width:200px;
阅读全文
摘要:在手机上访问ip138这样的查IP网址都不能得到正确的IP地址,应该是一个通信节点的地址用以下方法获取手机IP地址下载adb工具cmd进入adb路径命令:adb shell netcfg结果中xxxxxx up的地址就是你的IP地址
阅读全文
摘要:1. 不要用<style>,不要写class,会被过滤2. 不要用绝对定位和float3. 不要用background定位背景图片,无效。尽量少用<img>,用的时候加上alt以防万一4. 尽量简单,想做复杂的定位可以用table
阅读全文
摘要:有些时候在测试环境和线上环境的不同,导致在线系统的js难易跟踪调试特别是一些动态js脚本。fiddler这个工具给我减少了很多调试上的烦恼,尤其是强大的AutoResponder.它可以抓取在线页面保存到本地进行调试,这大大减少了在线调试的困难。下面以http://www.fiddler2.com/fiddler2为例简单描述一下操作步骤:1、打开fiddler2,在浏览器中输入http://www.fiddler2.com/fiddler2。在fiddler2可以看到请求记录。2、选择需要调试的页面,右键-Save-Response-Response body3、点击fiddler A...
阅读全文
摘要:在浏览器地址栏输入:chrome://net-internals/#hsts然后到Add domain下,Domain添上诸如google.com,并勾选Include subdomains,再点击Add确定以后,就设置完毕了。另外需要注意的是,HTTPS的方式只适合对方服务器支持HTTPS协议的情况,大型网站一般都支持,小网站就难说了。引自http://blog.sina.com.cn/s/blog_5dac28530100znyw.html
阅读全文
摘要:前端测试一直是困扰大家的一个难题,本文参考了能找到的一些牛博,罗列了几种常见的javascript单元测试框架: QUnit, Jasmine, JsTestDriver, Fireunit。
QUnit框架简单方便,测试界面直观详细
Jasmine功能强大,风格也简单明了,符合前端开发者的编程习惯,推荐
JsTestDriver可以和QUnit等框架结合,可以同时测多个浏览器。但安装复杂,只能在控制台显示,不友好,不够清晰
FireUnit小巧灵活,加上Firebug的人气应该很受欢迎
如果需要进行自动化测试, 多了解一下Jasmine和JsTestDriver,本文未深入。
罗列为主,尽量把API讲明白,没有深入的评析,欢迎批评指导。
阅读全文
摘要:sublime插件安装方法:1. 下载安装包,菜单->Preference->Browse Package,放在Package文件夹里,重启2. Ctrl+ Shift+ P,直接在线安装插件 a. Package Controller: install Package b. 搜索并安装插件有用的插件:1. jqueryhttps://github.com/mrmartineau/jQuery2. zen coding之所以称为前端神器,是这个插件的功劳,使用方法见:http://www.qianduan.net/zen-coding-a-new-way-to-write-html
阅读全文
摘要:上游:交互设计师、视觉设计师中游:前端开发工程师下游:服务器端工程师1. 欲精一行,先通十行。尤其是做前端的2. 增加代码可读性----注释,别让自己都看不懂自己的代码3. 提高重用性----公共组件和私有组件的维护,要搞清楚 公共组件:让接口保持弹性,高度模块化; 公共组件的加载粒度:jQuery选择了“集中”,YUI选择了“分散”。 按需加载才是主流,多感受下YUI,import4. 前期的构思:规范、文档、公共组件、复杂功能的设计方案5. 自己能独立决策的问题都是小问题,要与人合作商讨的问题才可能会是最大的问题,要学会有效地交流。Web前端工程师技能列表:http://www.awfla
阅读全文
摘要:1. 传统的布局方式是在DW中拖拽表格来布局,自动生成的代码量非常庞大;2. table布局的缺点: a. 代码量大,结构混乱; b. 标签语义不明确,对搜索引擎不友好。3. 在HTML,CSS,JS三大元素中,HTML才是最重要的,结构才是重点。 先确定HTML,确定语义的标签,再来选用合适的CSS4. 先HTML,后CSS。可以在CSS裸体日仍然保持良好的层次感;5. 搜索引擎对<h>比较敏感,一个语义良好的页面,h标签应该是完整有序没有断层的;6. 标签语言调试工具:Web Developer,Firefox插件7. 表单域要用fieldset标签包起来,并用legend标签
阅读全文
浙公网安备 33010602011771号