firefox 不兼容 encodeuricomponent_web前端的那些你不知道的冷知识

HTML

• 置换元素：浏览器根据元素的标签和属性来决定元素的具体显示内容
• 非置换元素：浏览器的大多数元素都是不可置换元素，即其内容直接展示给浏览器
• input 元素设置 readonly:true => 脚本无法修改 input 的值 (F)
• input 元素设置 disabled:true => 脚本无法修改 input 的值(F)
• input 元素设置 readonly:true => input 的值不会随表单提交(F)
• input 元素设置 disabled:true => input 的值不会随表单提交(T)
• DHTML 的动态样式作用：使网页作者改变内容的外部特征而不强制用户再次下载全部内容
• HTML5 获取某用户当前位置信息 => getCurrentPosition()
• reflow(回流) => 对 DOM 树进行渲染，修改 DOM 或修个元素的形状大小，就会触发 reflow
• enctype => 规定在发送发送服务器之前对表单数据进行编码的方式
• application/x-www-form-urlencoded 在发送前边吗所有的字符
• multipart/form-data 部队字符编码的使用包含文件上传控件表单，必须包含的方式
• text/plan 空格转换为 ‘+’ 加号，但不对特殊字符进行编码
• htmlDoctype 告诉浏览器文档使用哪一种 html 或者 xhtml
• 不同文档模式(htmlDoctype)影响 css 内容呈现，尤其是对盒模型
• 文档模式使得不同浏览器在混杂模式下差异大

CSS

• 当 margin-top、padding-top 的值是百分比时，分别计算相对最近父级元素的 width，相对最近父级元素的 width
• position: static => 无定位
• position: absolute => 绝对定位
• position: fixed => 相对窗口的固定定位
• position: relative => 相对定位
• mozilla(gecko) 内核 => 浏览器：firefox、flock 等 => css 兼容前缀：-moz
• webkit 内核 => 浏览器：safari、chrome 等 => css 兼容前缀：-webkit
• opera 内核 => 浏览器：opera 等 => css 兼容前缀：-o
• trident 内核 => 浏览器：ie 等 => css 兼容前缀：-ms
• 选择器优先级：ID 选择器>class选择器=伪类选择器>标签名陈选择器
• 在不涉及样式情况下，页面元素的优先显示与结构摆放顺序无关(F)

JavaScript

• Promise 的三种状态
• 异步操作(未完成)=> pending
• 异步操作(已完成)=> resolved (又称 fulfilled)
• 异步操作(失 败) => rejected
• 状态改变只能是 pending => resolved 或者 pending => rejected
• 状态一旦改变就不能再次进行改变
• JavaScript 基本数据类型：String、Boolean、Null、Number、undefind
• JavaScript 复杂数据类型：Object、Array、Function、RegExp、Date、Error
• JavaScript 全局数据类型：Math
• JavaScript 全局函数：escape()、eval()、isFinte()、isNaN()、parseFloat()、parseInt()、unescape()
• JavaScript 异步编程
• 回调函数：这是异步编程最基本的方法
• 事件监听：另一种思路是采用事件驱动模式，任务的执行不取决于代码的顺序，而取决于某事件是否发生
• 发布/订阅：上一节的”事件”，完全可以理解成”信号”
• Promise 对象：Promise 对象是 CommanJS 工作组提出的一种规范，目的是为异步编程提供统一接口

• RegExp 对象三个方法 => test()、exec()、compile()
• JavaScript 内置对象：Arguments(函数参数集合)、Array(数组)、Boolean(布尔)、Date(日期)、Error(异常)、Function(函数)、Math(数学)、Number(数值)、Object(基础)、String(字符串)、RegExp(正则表达式)
• history.length 返回浏览器你是列表的 URL 的数量
• history.back() 加载 history 列表的前一个 URL
• history.forward() 加载 history 列表的下一个 URL
• history.go() 加载 history 列表中的某个具体页面
• call 与 apply 都属于 Function.prototype 的一个方法，所以每一个 Function 实例都有 call、apply 属性
• call 第一个参数是 this，传递给函数的参数必须逐个列举出来；apply 传递函数的参数是数组，就是多个参数组合成一个数组传入
• call 传入的是直接参数列表，可见一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象
• 跨域 => 浏览器不会将存在跨域限制的服务端口响应正常交给客户端代码去处理
• hasOwnproperty() => 判断一个对象是否包含有属性或者对象
• isPrototypeOf() => 判断检查其原型链对象是否存在于指定对象中
• 把鼠标一定到按钮上点击，发生 => hover -> focus -> active
• Ajax 的优势在于开放性、易用性及易于开发
• Flash 的优势在于多媒体处理，可以更容易地调用浏览器之外的外部资源
• Ajax 最主要的批评就是他可能坏浏览器地后退功能
• Flash 文件经常会很大，用户第一次使用的是否需要让来的时间较长

网络基础

• HTTP 协议所使用的运输层协议是 TCP/IP
• HTTPS 的默认端口号是 443
• TCP 注重数据可靠性，UDP 注重数据传输快
• 传输层提供端对端的可靠文传递和错误恢复
• DNS 协议大多数运行在 UDP 协议上
• DNS 的默认端口号是 53
• HTTP 工作于应用层，HTTPS 工作于传输层

进程和线程

• 进程是资源分配的最小单位
• 线程是资源调度的最小单位
• 进程是动态的、多个进程可以包含相同的程序和多个进程可以进行并发运行

算法

• 排序算法：插入排序、希尔排序、冒泡排序、堆排序、归并排序、快速排序、选择排序
• 排序算法不稳定的有：希尔排序、堆排序、快速排序、选择排序

如果您对这个文章有任何异议，那么请在文章评论处写上你的评论。

如果您觉得这个文章有意思，那么请分享并转发，或者也可以关注一下表示您对我们文章的认可与鼓励。

愿大家都能在编程这条路，越走越远。