20170219am js

最新推荐文章于 2021-10-27 14:28:31 发布
最新推荐文章于 2021-10-27 14:28:31 发布
阅读量375 收藏
点赞数
分类专栏： 前端一些问题总结

1、js数组去重。

2、js如何获取浏览器UA（user agent用户代理）。

UA用于服务器识别浏览器的版本信息，从而给对应的浏览器版本发送电脑版或手机版页面信息。

<!doctype  html>

<html>

<head>

<meta charset="UTF-8">

<title>balabala</title>

</head>

<body  οnlοad="myBrowser()">

<table  border>

<form  name="Browser">

<tr>

<td>浏览器名称：</td>

<td><input  name="Name"  type="txt"  size="110%"></td>

</tr>

<tr>

<td>版本号：</td>

<td><input  name="Version"  type="txt"  size="110%"></td>

</tr>

<tr>

<td>代码名称：</td>

<td><input  name="Code"  type="txt"  size="110%"></td>

</tr>

<tr>

<td>用户代理标识：</td>

<td><input  name="Agent"  type="txt"  size="110%"></td>

</tr>

</form>

</table>

<script >

function  myBrowser(){

document.Browser.Name.value = navigator.appName;

document.Browser.Version.value = navigator.appVersion;

document.Browser.Code.value = navigator.appCode;

document.Browser.Agent.value = navigator.userAgent;

}

</script>

</body>

</html>


3、重绘(repaint)，重排(reflow)，网站重构。

解析html--->构建Dom树--->二者共同构建渲染树---->绘制页面

                          解析css----->


重排：渲染树的一部分必须要更新，且节点的尺寸发生了改变。就会触发重排。更影响性能。

          1、添加或删除Dom元素

           2、元素尺寸位置内容改变

         3、元素位置，浏览器窗口改变

重绘：部分节点需要更新，但并没有改变节点形状，比如改变了背景颜色。触发重绘。

网站重构：不改变外部行为情况下，简化结构，增加可读性，提升用户体验。

通常是：1、table换成div+css

<div  class="table">

<div  class="table-tr">

<div  class="table-td">北京</div>

<div  class="table-td">深圳</div>

<div  class="table-td">大连</div>

</div>

</div>

.table{display:table;height:   border:..........}

.table-tr{display:table-row.....................}

.table-td{display:table-cell........................}

2、针对移动平台，SEO的优化

3、兼容现代浏览器

4、增加用户体验。

4、js对象的深克隆。？？？？？？？？？？？？？？？？？？？？

点击打开链接

链接：https://www.nowcoder.com/ta/front-end-interview/review?page=71
来源：牛客网

function  clone(Obj) {
    var  buf;   
    if  (Obj instanceof  Array) {
        buf = [];   // 创建一个空的数组
        var  i = Obj.length;
        while  (i--) {
            buf[i] = clone(Obj[i]);
        }
        return  buf;
    } else  if  (Obj instanceof  Object){
        buf = {};   // 创建一个空对象
        for  ( var  k in  Obj) {   // 为这个对象添加新的属性
            buf[k] = clone(Obj[k]);
        }
        return  buf;
    } else {
        return  Obj;
    }
}
5、Ajax 是什么？Ajax 的交互模型？同步和异步的区别？如何解决跨域问题？


Ajax 是什么：
1. 通过异步模式，提升了用户体验
2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用
3. Ajax 在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。

Ajax 的最大的特点：
1. Ajax可以实现动态不刷新（局部刷新）
2. readyState 属性 状态 有5个可取值： 0 = 未初始化，1 = 启动， 2 = 发送，3 = 接收，4 = 完成

Ajax 同步和异步的区别:
1. 同步：提交请求 -> 等待服务器处理 -> 处理完毕返回，这个期间客户端浏览器不能干任何事
2. 异步：请求通过事件触发 -> 服务器处理（这是浏览器仍然可以作其他事情）-> 处理完毕
ajax.open方法中，第3个参数是设同步或者异步。

Ajax 的缺点：
1. Ajax 不支持浏览器 back 按钮
2. 安全问题 Ajax 暴露了与服务器交互的细节
3. 对搜索引擎的支持比较弱
4. 破坏了程序的异常机制
5. 不容易调试

解决跨域问题：
1. jsonp
2. iframe
3. window.name、window.postMessage
4. 服务器上设置代理页面

6、事件、ie和firefox的事件机制、冒泡、捕获。
事件：在网页中的某个操作。
事件机制：ie只支持事件冒泡，火狐同时支持二者。
冒泡：触发子类的事件，父类的同类事件均会被触发。子集元素先被触发，然后触发父级元素。
怎么阻止冒泡：两种方法：
1、event.stopPropagation。阻止向上冒泡，不阻止默认事件。
$("#tfs").click(function(event){
event.stopPropagation();//如果tfs表达的是一个a标签，则该句仅仅阻止其向上冒泡，但不阻止打开a标签里的链接
})
2、return  false。既阻止向上冒泡，又阻止默认事件。
3、event.cancleBubble = true;//ie阻止冒泡
$("#tfs").click(function(event){
return  false;//不仅阻止冒泡，并且阻止打开链接。
})
捕获：父级元素先触发，子集元素后触发。
w3c：任何事件发生时，先捕获，后冒泡。
zepto的tap事件点透：由于click延迟300ms，上层元素隐藏或消失后，同样位置的Dom元素触发了click。所以移动端用tap代替click。
注：
zepto是jQuery的轻量级替代品。
tap事件：用户轻击一个元素时触发。
$("#tfs").on("tap",function(){
$(this).hide();
})
防止点透：1、引入fastclick
$(function){
FastClick.attach(document.body);
}
2、延迟300ms再处理事件
$("#tfs").on("tap",function(event){
setTimeOut(function(){
balabala
},300)
})
3、event.preventDefault();阻止默认行为。
注：setTimeout只执行代码一次，clearTimeout。setTimeout后边的时间最小是4ms，若小于该值，则系统都会将其转换成4ms。
setInterval执行多次,clearInterval。
由于js是单线程的，等300ms一到，就把setTimeout或者setInterval里的code放到js的执行队列的尾部，而不是300ms之后就执行该code。
另：


melody_day
关注
专栏目录
am.js:一个用于使用属性及其值而不是类来设置 HTML 元素样式的 javascript 库。 基于 AMCSS 属性模块的 CSS - 规范
06-13
am.js 一个用于使用属性及其值而不是类来设置 HTML 元素样式的 javascript 库。 基于用于 CSS 的AMCSS属性模块 - 规范 。 ** 适用于所有支持属性和 ~= 选择器的浏览器 ** 安装 [removed][removed] 在不支持 ...
am-pagination.js分页插件特效代码
03-20
am-pagination.js的核心功能是通过JavaScript在浏览器端生成分页组件，用户可以根据数据量和页面大小动态调整显示的页码。它利用HTML、CSS和JavaScript实现，兼容多种浏览器，同时提供了多种样式和交互效果，为网页...
Ajax最大的特点是什么？
qq_41696819的博客
08-02 6570
1. ajax的最大的优点就是实现动态不刷新，通过异步方式，来提升用户的体验，同时优化了浏览器和服务器之间的传输 2. 可以把一部分以前由服务器负担的工作转移到客户端，利用客户端闲置的资源进行处理，减轻服务器和带宽的负担，节约空间和成本。 3.  基于Web标准，使用文档对象模板（Document Object Model）作动态显示和交互；使用XML和XSLT进行数据交换及相关操作；使用XM...
Ajax的最大的特点是什么
seeseeyoua的博客
03-15 418
通过异步模式，提升了用户体验 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 Ajax在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。 Ajax可以实现异步通信效果，实现页面局部刷新，带来更好的用户体验；按需获取数据，节约带宽资源； ...
17.(问答题)Ajax 的最大的特点是什么？
weixin_46281185的博客
10-27 149
参考答案： Ajax 可以实现异步通信效果，实现页面局部刷新，带来更好的用户体验； 按需获取数据，节约带宽资源； 参与互动
Ajax的优点和缺点
michael8512的博客
08-17 4794
优点： （1）最大的优点就是页面无刷新，用户的体验非常好； （2） 使用异步方式与服务器通信，具有更加迅速的相应能力； （3）可以把以前的一些服务器负担的工作转嫁到客户端，利用客户端限制的能力来处理，减轻服务器和带宽的负担，节约空间和带宽租用成本，并且减轻服务器的负担，Ajax的原则是“按需取数据”，可以最大程度地减少冗余请求和相应对服务器造成的负担； （4）基于标准化的并被广泛支持的技术
常考的Ajax面试题
热门推荐
hyunbar的博客
11-10 1万+
1、什么是AJAX，为什么要使用Ajax（请谈一下你对Ajax的认识）什么是ajax：AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。Ajax包含下列技术：基于web标准（standards-basedpresentation）XHTML+CSS的表示； 使用 DOM（Document ObjectModel）进行动态显
fswd-2021-11am:全栈，javascript，react js，redux，react钩子，节点Js
03-16
综上所述，"fswd-2021-11am"这个主题涵盖了全栈开发的概念，强调了JavaScript在前后端开发中的关键作用。React JS作为前端框架，提供了组件化的开发模式，而Redux则解决了复杂应用的状态管理。React Hooks是React的...
am-pagination.js分页插件
06-24
`am-pagination.js` 是一款用于网页分页功能的JavaScript插件，它能够方便地在客户端动态渲染出美观且实用的分页条。在网页应用中，尤其是在数据量庞大的场景下，分页是必不可少的功能，它可以提高用户体验，使得...
am-pagination.js分页插件.zip
07-04
"am-pagination.js分页插件" 是一个专用于在网页中实现动态分页功能的JavaScript库。这个插件设计简洁，能够轻松地在客户端页面上渲染出美观且实用的分页条，使得用户能方便地浏览和导航大量数据。下面我们将深入...
Ajax优缺点
meteorWJ's Home—Floating clound
02-01 8343
ajax的优点    Ajax的给我们带来的好处大家基本上都深有体会，在这里我只简单的讲几点：   　1、最大的一点是页面无刷新，在页面内与服务器通信，给用户的体验非常好。　 2、使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。　 3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且
常见浏览器的UA值
OliverLion的专栏
05-15 1万+
转一篇旧文章，源：https://www.xzcblog.com/post-52.html UA值就是User Agent的简称,它是一个特殊字符串头，使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。 一些网站常常通过判断 UA 来给不同的操作系统、不同的浏览器发送不同的页面，因此可能造成某些页面无法在某个浏览器中正常显示，但通...
AJAX工作原理及其优缺点
weixin_33979203的博客
06-15 921
1.什么是AJAX?AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它使用：使用XHTML+CSS来标准化呈现；使用XML和XSLT进行数据交换及相关操作；使用XMLHttpRequest对象与Web服务器进行异步数据通信； 使用Javascript操作Document Object Mo...
Ajax的优点?
weixin_42856661的博客
08-02 1823
1、最大的一点是页面无刷新，在页面内与服务器通信，给用户的体验非常好。 2、使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。 3、减轻服务器负担，“按需取数据”，可以最大程度的减少冗余请求。 4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。...
AJAX笔试面试题汇总
weixin_30566149的博客
09-17 116
Javascript 转载自http://mianshiti.diandian.com/post/2013-05-01/40050873257 1. 什么是ajax，为什么要使用Ajax（请谈一下你对Ajax的认识） 什么是ajax： AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。 Ajax包含下列技术： 基于w...
Ajax技术特点
iteye_5722的博客
03-20 432
一 优点 与传统的Web应用不同，Ajax在用户与服务器之间引入一个中间媒介（Ajax引擎），从而消除了网络交互过程中的处理——等待——处理——等待的缺点，从而大大改善了网站的视觉效果。 下面我们就来看看使用Ajax的优点有哪些。 （1）可以把一部分以前由服务器负担的工作转移到客户端，利用客户端闲置的资源进行处理，减轻服务器和带宽的负担，节约空间和成本。 （2）无刷新更新页面，从而使用户...
ajax的最大特点,聊聊Ajax那些事
weixin_42526417的博客
08-05 105
属性onreadystatechange 设置状态监听函数readyState 连接状态【状态值为1、2、3、4之一】responseText 响应的文本responseXML 响应的XMLstatus 状态码，如404，200statusText ...
AJAX笔试面试题
chuyuqing的专栏
04-14 2402
1. 什么是ajax，为什么要使用Ajax（请谈一下你对Ajax的认识） 什么是ajax： AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。 Ajax包含下列技术： 基于web标准（standards-based presentation）XHTML+CSS的表示；  使用 DOM（Document Obje
JavaScript面向对象编程详解
"该资源为一个关于JavaScript高级教程的PPT，主要讲解了面向对象程序设计的概念，包括理解对象、创建对象以及继承。文件强调了JavaScript中的对象与基于类的语言中的对象不同，它是由无序属性集合构成的，可看作散...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值