小编use*_*782的帖子

我一直在阅读 JavaScript 中的原型链，并得出了两个略有不同的定义。据说 JavaScript 中的每个对象都有一个原型，而该原型又具有另一个原型。顶级原型（Grand）也可能有原型，链条可以继续。现在链将在最后一个对象处停止。JavaScript 的好部分说链终止于Object.prototype，MDN说null是链终止的最后一个链接。

Javascript：好的部分

每个对象都链接到一个原型对象，它可以从中继承属性。从对象字面量创建的所有对象都链接到Object.prototypeJavaScript 标准对象。

MDN

每个对象都有一个到另一个对象的内部链接，称为它的原型。该原型对象有自己的原型，依此类推，直到到达一个以 null 作为原型的对象。null，顾名思义，没有原型，作为这个原型链的最后一环。

问题：

• javascript 中原型链的末端是什么——null 还是 Object.prototype？或者是null和Object.prototype一回事？
• 不是从对象文字创建的对象是否没有链接到Object.prototype?
• 说我有一个对象var x = { len: 4, breadth: 5}。JavaScript 会自动创建它的原型吗x.prototype？原型链有多长？将x.prototype只有一个原型Object.prototype制作 3 点链？
  • JavaScript 内部如何创建自动原型？

问题是,颜色深度和像素深度之间有什么区别？

在谷歌上搜索像素深度只需提供指向颜色深度的链接.甚至字典也将像素深度定义为位深度,根据wikipedea实际上是颜色深度.维基百科说,

颜色深度,也称为位深度,是用于指示单个像素颜色的位数...

那么它的意思是"颜色深度","比特深度"和"像素深度"都是同一个东西吗？如果是,那么这个w3schools文章错了,说,

对于现代计算机,颜色深度和像素深度相等.

上面的行暗示在较旧的计算机中颜色深度和像素深度不同.

我打开一个新的空白标签.现在,从此选项卡我需要在新选项卡中打开一个网站.我这样做如下.在我的控制台中我写道:

var wild = window.open("https://css-tricks.com/", "mywin", '');

这很好.现在我可以访问这个新窗口了wild.document.现在我希望在加载dom之后在该页面上执行一些代码.我将onload事件用作:

function foo(){
    var mytext = wild.document.body.textContent;
    alert( mytext );
}
wild.addEventListener("load", foo);

但不幸的是,警报不会发生.我也尝试将事件监听器放在匿名自调用函数中,如本答案中所述,但这也不起作用.我也试过ondomload事件,但不幸的是,这也没有用.所以,

为什么在window.open的tab opend上没有onload事件工作？以及如何让它正常工作？

html 属性dir和 csstext-align属性获得相同的结果。例如考虑两种情况：

1. dir="rtl"

<p dir="rtl">
		one two.
</p>

2. text-align: right

<p style="text-align: right;">
		one two.
</p>

这两个结果之间的唯一区别是点的位置。为什么不<p dir="rtl"> one two. </p>翻译成.owt eno？如果不能，那么dir属性的用途是什么？

我经常在需要在悬停时显示菜单的情况下,对于移动设备,菜单应该在点击时打开.现在考虑以下示例:

.btn {
  width: 200px;
  background-color: #333;
  color: white;
  padding: 10px;
}
.menu {
  display: none;
  padding: 15px;
}
.btn:hover .menu {
  display: block;
}
.btn:focus .menu {
  display: block;
}

<div class="btn">
  Button
  <div class="menu">I am menu</div>
</div>

现在,这会自动在移动设备上运行,因为悬停状态在触摸设备上是粘性的.但这种黑客攻击适用于所有触控设备吗？也就是说,风险值得吗？是否会有一些触摸设备没有悬停状态粘？显然,替代方案是在触摸设备上使用JavaScript分配触摸/点击事件,但这似乎是多余的,因为我没有看到任何没有粘滞状态的触摸设备？

所以我的问题是:

是否可以使用悬停状态hack或我应该使用JavaScript事件使其更具防弹性？

我一直在制作一个在触摸设备上的行为与桌面不同的网站.主要区别在于大多数悬停效果都会更改为触摸设备上的点击次数.要检查用户代理是否是触摸设备,我在javascript中使用它:

var yesIfTouchDevice = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));

if(istouchdevice) {
  // change hover to clicks
}

然后在css中我假设每个768px以下的用户代理都是触摸设备.我做了布局设想.例如,我有一个切换按钮,可以显示菜单.此外,我还有许多其他东西只显示弹出窗口和其他隐藏层(触摸事件).

就在几分钟前,人们开始意识到有很多手机没有启用触控功能,比如诺基亚Asha和N系列等等,我甚至都不知道.我的问题是:

1. 非触摸移动浏览器的市场份额是多少？有多少用户使用这些浏览器？
2. 我已经使用bootstrap创建了我的整个网站,假设小屏幕设备的触摸功能.现代html css最佳做法是否建议仅针对支持触摸的移动设备制作网站？

编辑:听完建议后,我决定优化非触控移动设备.但我不确定它们是如何模仿鼠标行为的.我猜测可以选择和点击可聚焦的元素.所以,

3. 我应该制作所有可用于悬停的元素,例如导航,可以集中注意力tabindex = "1"吗？

我一直在Kemulator中的opera mini浏览器上测试我的网站,发现它在我点击导航时重新加载页面,而其他一些图层没有显示,例如弹出的bootstrap模式.

4. opera mini浏览器不支持javascript吗？

我认为如果我viewBox从svg 省略属性，则假定为viewBox="0 0 100 100"。我尝试了两个测试：

1. 使用viewBox属性：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-triangle" width='100' height='100'>
  <path d="M 50,5 95,97.5 5,97.5 z"/>
</svg>

2. 没有viewBox属性

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-triangle" width='100' height='100' viewBox="0 0 100 100">
    <path d="M 50,5 95,97.5 5,97.5 z"/>
</svg>

由于两个结果相同，我认为我的猜测是正确的。请提供一些参考，以解释如果svg中省略了viewBox属性的默认值是什么。

在css中属性有text-align: justify-all什么作用？在MDN 上，他们建议它也证明最后一行的内容是合理的。但是我在 chrome 浏览器中没有看到任何事情发生：

<p style="text-align: justify-all">
one two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four fiveone two three four five
</p>