1.通俗讲移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那块区域,但不是浏览器可视区域.一般来讲,移动设备上的viewport都要大于浏览器的可视区域.移动设备上的浏览器会把默认的viewport设置为980px或1024px,这样会造成浏览器出现横向滚动条. 2.css中的1px不等于设备的1px.分辨率越大,css中1px代表的物理像素就会越多. 3.三个viewpor理论:layout viewport :visual viewpoint,ideal viewp. la…

meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! 属性介绍 name属性主要用于描述网页,与之对应的属性值为content.说明:content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的. meta标签的name属性语法格式是: <me…

自定义图标 iconCls 所有属性值枚举: icon-add icon-print icon-mini-add icon-cvs icon-play icon-refresh icon-edit icon-help icon-mini-edit icon-pencil     icon-remove icon-undo icon-mini-refresh       icon-save icon-redo         icon-cut icon-back         icon-ok i…

图片来源 UI提供的psd图 印屏幕:PrScrn SysRq(键盘按键) 浏览器(插件)获取 常用的快捷键: 新建 Ctrl + N 取消选框 Ctrl + D 反选 Ctrl + shift + i 铺颜色(前景色)/(后景色) Alt + delete / Ctrl + delete 全屏自由模式 F 信息面板 F8 索引图片编辑:图像 ==> 模式(RGB) 放大/缩小 Ctrl ++/-- 自由变换(铺色用) Ctrl + T 调用代码 F12 调出标尺 Ctrl + R 隐藏标尺线…

1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试工具 http://www.browsersync.cn/ https://www.browsersync.io/ 草料二维码生成器 http://cli.im/ GitHub https://github.com/ StackOverFlow http://stackoverflow.com/ 图…

1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试工具 http://www.browsersync.cn/ https://www.browsersync.io/ 草料二维码生成器 http://cli.im/ GitHub https://github.com/ StackOverFlow http://stackoverflow.com/ 图…

影响网站打开时间有两个因素,一个是网页加载速度,另一个是网站页面的大小.网站加载速度与用户所处的网络环境及主机性能有关,而网站页面的大小则由网站开发者决定,最主要的就是web前端开发工程师的工作.本文的重点就是如何压缩网站页面,以减少页面加载时间. 1. 图片压缩 相对与文本来说,图片是相当占用空间的.压缩图片是重中之重. 图片压缩工具推荐: Shrink-O-Matic Smush It 光影魔术手 2. Javascipt压缩 为了增加页面的交互性及动画效果,很多页面大量使用 Javascr…

最近我很关注移动前端的知识,但做为一个UI设计师和web前端工作人员没有这个工作环境接触,做为门外汉,网上系统的知识也了了,一直有种雾里看花的感觉,见到本文,我自己是奉为经典.所以我分享之后又专门打笔记留帖. Go!   原文: 原名<移动平台3G手机网站前端开发布局技巧汇总>,由武方博整理的,让我们了解下移动设备上的WEB站点开发的基础知识,多些时间和精力去优化其他细节,我这里对原文的标签格式做了细微的调整,阅读查看起来明晰些,原文如下: -----------华丽的分割线---------…

web前端开发规范的意义 提高团队的协作能力 提高代码的复用利用率 可以写出质量更高,效率更好的代码 为后期维护提供更好的支持 一.命名规则 命名使用英文语义化,禁止使用特殊字符,禁止使用拼音,禁止使用中英文混合! 项目.目录.html/css/js等文件命名全部采用小写方式, 以下划线分隔.eg:my_project_name html/css/js文件名一一对应参考微信小程序.eg: login.html.login.css.login.js class.图片.视频.音频采用小写方式,以下划…

介绍 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具: 基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称之为"片段".虽然片段能很好地推动你得生产力,但大多数的实现都有这样一个缺点:你必须先定义你得代码片段,并且不能再运行时进行拓展. Emmet把片段这个概念提高到了一个新的层次:你可以设置CSS形式的能够动态被解析的表达式,然后根据你所输入的缩写来得到相应的内容.Emmet是很成熟的并且非常适用于编写HTML/XML 和 CSS…