join
删除：
var arr = [1, 2, 3,4,5,6]; arr.push(4);//pop //删除：splice(起点，长度) arr.splice(2, 3);
插入
//插入：splice(起点，长度，元素。。。) arr.splice(2,0,'a','b','c');
替换
//替换 arr.splice(2,2,'a','b');
连接
var a = [1, 2, 3]; var b = [4, 5, 6]; alert(a.concat(b));//1,2,3,4,5,6 连接两个数组
分隔
//join 用分隔符，组合数组元素，生成字符串 //字符串split var arr = [1, 2, 3, 4]; alert(arr.join('--p'));//1--p2--p3--p4
排序
var arr = [12, 8, 99, 19, 112]; arr.sort(//sort把arr当作字符串排序了，现在要用函数自定义排序 function (n1, n2) { //if (n1 < n2) { // return -1; //} //else if (n1 > n2) { // return 1; //} //else { // return 0; //} return n1 - n2;//同理 } ); alert(arr);
top
farewell
fdsfewa
html文档的一部分区域的页眉用什么标签表示？
“ header标签 <header>标签定义文档或者文档的一部分区域的页眉。
现需要创建带有3个选项的选择列表，请用标签补全代码片段
select select
现需要实现文字右对齐，请补全代码片段
Text-align:right
inline
<style type="text/css"> h1 {color:red;} p {color:blue;} </style>
现有如下代码片段，请问ie6盒模型中dov的实际占位高度为______px
120
id选择器的优先级高于类别选择器。
类别选择器的优先级高于标签选择器。
标签选择器的优先级高于全局选择器。
内联样式的优先级高于id选择器。
现需要设置body的背景图片位于左上角，请补全代码片段
如果将背景图片的平铺属性background-repeat定义为no-repeat，图像将默认以元素的左上角为基准点显示。
onclick
将列表中不是质数的数字设置为红色，请补全横线处数字
pn+2p
- nth-child 的值可以是包含 n 的线性公式,也可以是 odd 和 even 表示奇数行和偶数行. 然而素数本身是没有规律的, 请问怎么实现素数行和合数行分别设置不同的背景色?
现在假设我们已知有不大于 N 个元素需要匹配，求选择器长度的复杂性。
这是我当时的答案:
- tr{background:#fff;}
- tr:nth-of-type(1){background:#eee} /* 1 is neither a prime nor a composite number. */
- tr:nth-of-type(2n+4),tr:nth-of-type(3n+6),tr:nth-of-type(5n+10){background:#eaa}
JSFiddle: https://jsfiddle.net/qdzruq16/3/
其中最后一行选择器为所有 tr:nth-of-type(pn+2p), 其中 p 为不大于sqrtN
的所有质数。
现在设函数pi(n)表示不大于 n 的质数个数。
容易看出，对于 N 个元素，采用这种方法匹配所有质数所需的选择器的个数至少为
2+pi(sqrtN),也就是O(pi(sqrtN))的复杂性。
然而我们在算法课上貌似没学过这样的式子。 Don’t worry. 根据质数定理 https://en.wikipedia.org/wiki... 我们可以把它变成更加熟悉的形式。
质数分布的渐近定律是这样说的，
limxtoinftyfracpi(x)x/log(x)=1
i.e.,
pi(x)simfracxlogx.
把上式代入可以得到我们的选择器长度复杂度为O(sqrtN/logsqrtN),
由于
logsqrtN=frac12logN,
故我们化简后的选择器长度复杂性为:
O(sqrtN/logN).
absolute
<div style="position:absolute; bottom:60; right:20; border-right: activeborder 1px solid; border-top: activeborder 1px solid; border-left: activeborder 1px solid; border-bottom: activeborder 1px solid; z-index: 9999; "> <img src="@Url.Content("~/Content/images/acfe963a2d127dc9b21a8c116a13a63c.png")" /> </div>
现需要设置p 标签内鼠标选中文字为红底白字，请补全代码片段
selected
现要求浏览文件时可以只能选取图片，请补全下方代码片段
<form action="demo_form.asp"> <input type="file" name="pic" accept="image/*"> <input type="submit">
现需要实现点击刷新按钮即可刷新当前页面，请补全代码片段
onclike
<ahref="javascript:location.reload();">点击刷新页面</a>
现需要实现点击返回即可实现返回上一页的功能，请补全代码片段
-1
go() 方法可加载历史列表中的某个具体的页面。
该参数可以是数字，使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。（-1上一个页面，1前进一个页面)。或一个字符串，字符串必须是局部或完整的URL，该函数会去匹配字符串的第一个URL。
hover
补全代码，使得鼠标点击div.box区域时背景为红色时变为蓝色，蓝色时变为红色
background-color
用js的MATH方法生成三个随机数,比较大小后,求出中间数到最大数之间(不包含这两个数)最小的质数
不利用第三方UI组件库以及框架的前提下，使用html/css/js手写完成下列效果（完成度越高，得分越高）
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>下拉选择列表</title> <style> body{ background: linear-gradient(to right, #25c481, #25b7c4);} .accordionWrapper{padding:30px;background:#fff;float:left;width:80%;box-sizing:border-box;margin:10%; box-shadow: 0 1.5em 85px 0 rgba(0, 0, 0, 0.2);} .accordionItem{ float:left; display:block; width:100%; box-sizing: border-box; font-family:'Open-sans',Arial,sans-serif; } .accordionItemHeading{ cursor:pointer; margin:0px 0px 10px 0px; padding:10px; background:#2980b9; color:#fff; width:100%; border-radius: 3px; box-sizing: border-box; } .close .accordionItemContent{ height:0px; transition:height 1s ease-out; transform: scaleY(0); float:left; display:block; } .open .accordionItemContent{ padding: 20px; background-color: #fff; border: 1px solid #ddd; width: 100%; margin: 0px 0px 10px 0px; display:block; transform: scaleY(1); transform-origin: top; transition: transform 0.4s ease; box-sizing: border-box; } .open .accordionItemHeading{ margin:0px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: #bdc3c7; color: #7f8c8d; } </style> </head> <body> <!-- partial:index.partial.html --> <div class="accordionWrapper"> <div class="accordionItem open"> <h2 class="accordionItemHeading">全栈技术</h2> <div class="accordionItemContent"> <p>数据库</p> <p>主流框架</p> <p>第三方生态</p> <p>软件模式</p> <p>领域驱动设计</p> </div> </div> <div class="accordionItem close"> <h2 class="accordionItemHeading">交付技能</h2> <div class="accordionItemContent"> <p>数据库</p> <p>主流框架</p> <p>第三方生态</p> <p>软件模式</p> <p>领域驱动设计</p> </div> </div> <div class="accordionItem close"> <h2 class="accordionItemHeading">底层技能</h2> <div class="accordionItemContent"> <p>数据库</p> <p>主流框架</p> <p>第三方生态</p> <p>软件模式</p> <p>领域驱动设计</p> </div> </div> </div> <!-- partial --> <script> var accItem = document.getElementsByClassName('accordionItem'); var accHD = document.getElementsByClassName('accordionItemHeading'); for (i = 0; i < accHD.length; i++) { accHD[i].addEventListener('click', toggleItem, false); } function toggleItem() { var itemClass = this.parentNode.className; for (i = 0; i < accItem.length; i++) { accItem[i].className = 'accordionItem close'; } if (itemClass == 'accordionItem close') { this.parentNode.className = 'accordionItem open'; } } </script> </body> </html>
