1 js基础试题

2 input问题

type disable 和 only的区别

3

var a = {c:1};var b = {c:1}
a ==b 
false
a === c
4 var a ={x:1}; var b = {a:2};b[a] = 3; var c = {y:2};b[c] =4; b[a]? 本质是b[a.toString()] = 3

4 input的disable和readonly

在设计网页时,有时需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种:
使用input的disable和readonly两个属性。
  先来看下二者的区别:
<input type= "text " readonly= "true " value= "这是readonly的! ">
<input type= "text " disabled= "true " value= "这是disabled的! ">
  可以看到,虽然两种都是让input的内容不能被用户编辑,但是对于后期的美工处理就有问题了!
  例如:
​<style>
input
{
color:blue;
}
</style>
  只有readonly的那个文本是蓝色的!
disabled是按系统设置的disabled颜色来设置前景色的,css对其无效!
  另外,readonly和disabled还有一个不同点就是,当input属性为readonly时,提交表单是可以获得input的内容。
如果是disabled则不能获得所提交的内容,返回值全部为null,所以此处需要注意。
慎用readonly和disabled,指定了disabled的表单,在submit时,不会把它的值传出去。
  例如,有两个text,一个是readonly一个是disabled,submit后,只能发送那个不是disabled的。

5 get post和get的区别

HTML5 postMessage 跨域交换数据

之前简单讲解了利用script标签(

jsonp

)以及iframe标签(

window.name

location.hash

)来跨域交换数据,今天我们来学习一下HTML5的api,利用postMessage来跨域交换数据。和前面一些方式交换数据方式不同的是,利用postMessage

不能和服务端交换数据

只能在两个窗口(iframe)之间交换数据

,废话不多说,我们直接进入实战。

https://www.cnblogs.com/zichi/p/4638096.html

5 真的跨域和解决方案

https://segmentfault.com/a/1190000011145364

6 jquery 的 pro

https://cythilya.github.io/2017/09/10/jquery-attr-vs-prop/

Attribute 與 Property 的差異對實際操作上有什麼影響呢?可歸結 3 個重點

  • 取值和設值。
  • 初始值與目前狀態是否相符。
  • Attribute 與 Property 並不同步。

7 get 和post 的区别

  1. GET使用URL或Cookie传参,而POST将数据放在BODY中。

  2. GET方式提交的数据有长度限制,则POST的数据则可以非常大。

  3. POST比GET安全,因为数据在地址栏上不可见。

GET和POST最大的区别主要是GET请求是幂等性的,POST请求不是。这个是它们本质区别,上面的只是在使用上的区别。

什么是幂等性?幂等性是指一次和多次请求某一个资源应该具有同样的副作用。简单来说意味着对同一URL的多个请求应该返回同样的结果。

关于幂等性看我评论上推荐的一篇文章。

正因为它们有这样的区别,所以不应该且不能用get请求做数据的增删改这些有副作用的操作。因为get请求是幂等的,在网络不好的隧道中会尝试重试。如果用get请求增数据,会有重复操作的风险,而这种重复操作可能会导致副作用(浏览器和操作系统并不知道你会用get请求去做增操作)。

results matching ""

    No results matching ""