web前端开发小结
1.浏览器内核
IE-----Trident
Edge-----EdgeHTML
Firefox-----Gecko
Safari-----Webkit
Chrome-----Blink（Webkit分支）。
2.文档流/网页流（正确理解为普通流）
稳定性：标准流〉浮动流〉 定位流 （优先用标准流）。
3.网页宽度
pc：一般是950-1200px（具体问题具体分析，看需求来定，不同类型网站，会有不同宽度）。
mobile：一般以苹果手机iphone5（640x1136px）为基准。（暂不考虑平板电脑，以苹果移动端的尺寸来兼容android移动端的尺寸，难怪那么多人买iphone手机，移动网页以iphone为基础。）
PS：系统分辨率占有率
网页宽度与首屏高度
4.相对路径与绝对路径
"."--代表目前所在的目录。
".."--代表上一层目录。
"/"--代表根目录。
PS：开发的时候使用相对路径。
发布的时候使用绝对路径。
原因：确保路径指向文件的唯一性。
5.xhtml与html4（其实我们一般是使用xhtml规范，而不是html4规范）
xhtml必须要小写。
xhtml必须要严格嵌套标签，<b><i></i></b>。
xhtml必须要标签成对出现，<b></b>。
xhtml必须要属性值加双引号。
xhtml必须要区分结构标签与内容标签 <p>是内容标签，<table>是结构标签，不允许<p>包含与<table>标签。
6.css放在头部，js文件在尾部
PS：js代码不一定都放在底部，有些需要在头部。
比如某些元素有load事件。
7.css必要时写在页面（不是内联css）
PS：分布式部署一些网页的文件的时候（即文件不是放在同一台服务器上）需要把css写在页面里面，不使用<link>，而使用<style></style>,以防网页外部的链接失效而造成纯文字。
8.css与js需要加版本号
解决缓存更新问题。（建议工具生成版本号）
PS：版本号添加方式
方式一：<link rel="stylesheet" href=“main.css?v=xxx">
方式二：<link rel="stylesheet" href=“main.xxx.css">
建议采用方式二，原因是方式一在某些代理缓存服务器带参数上不起作用。主流的webpack打包工具都是采用方式二。
9.网页编码
一律使用utf-8，为了兼容。
10.网页语言
国际化的网站需要设置一下语言<html lang="zh-CN"> （不一定国际化的时候，设置可以利于seo优化，告诉浏览器语言设置）
11.WEB安全色
注意网页的安全色，安全色有216种色（详细请百度），为了兼容。（这就是为什么mac平台与windows平台看同一张图片显示效果差别大的原因）
12.IE兼容 （看看就好了）
html部分
w3c盒子宽度指内容宽度，不计内边距、外边距、边框。
IE盒子宽度包含内边距与边框。
css部分
.mycolor{
color:#FFF\9;/*IE6、7、8*/
*color:#FF0;/* IE7、6 */
_color:#F00;/* IE6 */
}
13.CommonJS、Promises/A、UMD、AMD与CMD规范
CommonJS：不局限于浏览器的js模块化规范，如：服务端运行。
Promises/A：异步编程模式的一个结果，指then方法返回成功或失败的结果规范。
UMD：通用模块定义，AMD与CommonJS结合，指前后端跨平台。
AMD：异步模块定义，指js模块提前加载，主要应用于前端。（预加载）
CMD：普通用模块定义，指js模块按需加载，主要应用于前端。（懒加载，国内seajs提出的一种规范，国外没有这种说法，简单理解为AMD的一种变种）
web前端开发小结的更多相关文章
- 移动web前端开发小结
注意:Chrome模拟手机的显示的界面是有误差的,强烈建议一定要在真机测试自己的移动端页面(以移动端页面为准). 1.页面高度渲染错误,页面的高度是否包含了导航,(华为手机就是偏偏有底部菜单) 设置窗 ...
- 小白入门Web前端开发学习一周小结
说之前还是先说点其他的,简单介绍下自己为何选择web前端开发: 本人之前在一家国企单位从事质检工作,干了3年,工资和待遇还算不错,但由于其工作的流动性导致知识的脱轨以及精神上的空缺,最后还是打算在25 ...
- web前端开发最佳实践笔记
一.文章开篇 由于最近也比较忙,一方面是忙着公司的事情,另外一方面也是忙着看书和学习,所以没有时间来和大家一起分享知识,现在好了,终于回归博客园的大家庭了,今天我打算来分享一下关于<web前端开 ...
- [读书笔记] Web 前端开发修炼之道
原创地址:http://www.cnblogs.com/bnbqian/p/3735565.html 转载请注明出处 今天我们要读的书是Web 前端开发修炼之道 第1章 从网站重构说起 1.1 糟糕的 ...
- Web前端开发推荐阅读书籍、学习课程下载
转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学 ...
- 浅谈web前端开发
我个人认为前端攻城狮其实就是编程技术人员,用一句话来形容“比UI设计懂技术,比技术人员更懂交互”,当然也有人说前端工程师是工程师中的设计师,是设计师中的工程师. 好了废话不多说了,下面进入正题吧! ...
- Web前端开发工程师课程大纲
PHP程序员雷雪松整理出来的一套独一无二的Web前端开发课程.本套Web前端开发课程专门为想励志成为优秀web前端工程师的学习者而总结归纳的,本套Web前端课程舍弃了一些不常用的即将废弃的HTML标签 ...
- Web前端开发工程师需要掌握哪些核心技能？
Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又 ...
- web前端开发分享-目录
1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端 ...
随机推荐
- gulp运行步骤
一.运行→输入cmd→跳出命令窗口二.cd D: 敲回车进入D盘,cd www 进入项目路径 cd mygulp三.执行 cnpm install gulp --save-dev 命令 (初始化安装g ...
- display:inline-block间隙产生的原因以及解决方案
display-inline-block是让元素在一行显示,但是这些元素在html里面是上下行排列的,所以中间有换行符,于是并排显示就有了换行符带来的空隙.那么如何解决呢? 方案一:将html标签要d ...
- js读取excel数据后的时间格式转换
使用xlsx.full.min.js 获取excel的日期数据为:37858: 拿到的整数值是日期距离1900年1月1日的天数,这时需要写一个函数转换: function formatDate(num ...
- Postgres 9.11 网络地址类型函数和操作符
9.11. 网络地址类型函数和操作符 Table 9-31 显示了可以用于 cidr 和 inet 的操作符. 操作符 <<,<<= >>,和 >>= ...
- 轮播插件unslider.min.js使用demo
有两种应用方式: 1.轮播图片作为<img>标签使用 HTML代码: <html> <head> <meta charset="utf-8" ...
- 编写C#程序，自动将bing首页图片设为壁纸
任务目标: 1,获取图片 2,设为壁纸 3,自动化 环境需求: .NET Framework 4.0+, Visual Studio 2017 ==================== 1,获取图片 ...
- 关于“为何Unicode中文字符占取2个字节，而 UTF-8却占3个字节”的网络解释修正
学到编码时,有个疑问——好好的占2字节的Unicode不用,却要用占3字节的UTF-8编码.发明 UTF-8的初衷不就是为了修正Unicode中任何字符至少占用2个字节的弊端吗? 虽然UTF-8英文字 ...
- Uva 10635 Prince and Princess （LCS变形LIS）
直接LCS是时间复杂度是O(p*q)的,但是序列元素各不相同,只要把其中一个序列映射成有序的, 另外一个序列再做相同的映射,没有的直接删掉,就变成了求另一个序列LIS. #include<bit ...
- JAVA并发编程：相关概念及VOLATILE关键字解析
一.内存模型的相关概念 由于计算机在执行程序时都是在CPU中运行,临时数据存在主存即物理内存,数据的读取和写入都要和内存交互,CPU的运行速度远远快于内存,会大大降低程序执行的速度,于是就有了高速缓存 ...
- VMware vSphere6.0 服务器虚拟化部署安装图解
一 VMware vSphere部署的前期规划要点 1 vSphere的优点 (略) 2 如何利用现在的设备架构虚拟化环境 在虚拟化过程中,用户大多会考虑目前现有的服务器.存储.交换机等基础设备是否可 ...