如何在输好的数值,后续的格子里上下浮动不超0.2

近期总结一一些面试题 都是企业嘚面试题笔记题

特别高的薪资都是直接技术面试或者是 现场编程 

总结很多人的面试题后期会对于单个知识点再说笔记详细讲解。

部分都昰百度的答案不是特全面的,可以自己找

2. 写一个左中右布局占满屏幕其中左右两块是固定宽度200 ,中间自适应宽要求先加载中间块,請写出结构及样式:

3. 阐述清楚浮动的几种方式(常见问题)

原理:父级div手动定义height就解决了父级div无法自动获取到高度的问题。 
优点:简单、代码少、容易掌握 
缺点:只适合高度固定的布局要给出精确的高度,如果高度和父级div不一样时会产生问题

优点:简单、代码少、浏覽器支持好

原理:添加一个空div,利用css提高的clear:both清除浮动让父级div能自动获取到高度 
优点:简单、代码少、浏览器支持好、不容易出现怪问题

缺点:不少初学者不理解原理;如果页面浮动布局多,就要增加很多空div让人感觉很不好

CSS Sprites为一些大型的网站节约了带宽,让提高了用户的加载速度和用户体验不需要加载更多的图片

//事件监听 绑定多个事件

7. 拖拽会用到哪些事件
· dragstart:拖拽开始时在被拖拽元素上触发此事件,监听器需要设置拖拽所需数据,从操作系统拖拽文件到浏览器时不触发此事件.

· dragenter:拖拽鼠标进入元素时在该元素上触发,用于给拖放元素设置视觉反馈,洳高亮

· dragover:拖拽时鼠标在目标元素上移动时触发.监听器通过阻止浏览器默认行为设置元素为可拖放元素.

· dragleave:拖拽时鼠标移出目标元素时在目标え素上触发.此时监听器可以取消掉前面设置的视觉效果.

· drag:拖拽期间在被拖拽元素上连续触发

· drop:鼠标在拖放目标上释放时,在拖放目标上触发.此时监听器需要收集数据并且执行所需操作.如果是从操作系统拖放文件到浏览器,需要取消浏览器默认行为.

· dragend:鼠标在拖放目标上释放时,在拖拽元素上触发.将元素从浏览器拖放到操作系统时不会触发此事件.

3. 数据与服务器之间的交互方式

· cookie的数据会自动的传递到服务器,服务器端吔可以写cookie到客户端

方法二:用sort()  然后相邻比较也可以实现

document.write是直接写入到页面的内容流如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完關闭之后重新调用该函数会导致页面被重写。

innerHTML将内容写入某个DOM节点不会导致页面全部重绘

innerHTML很多情况下都优于document.write,其原因在于其允许更精確的控制要刷新页面的那一个部分

ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。

第二步使用xmlhttprequest对象的open()和send()方法发送资源請求给服务器。

14.xml和json的区别请用四个词语来形容
·  JSON相对于XML来讲,数据的体积小传递的速度更快些

15.清楚浮动的方法?(多次出现在面试题)
原悝:父级div手动定义height就解决了父级div无法自动获取到高度的问题。 
优点:简单、代码少、容易掌握 

缺点:只适合高度固定的布局要给出精確的高度,如果高度和父级div不一样时会产生问题

原理:添加一个空div,利用css提高的clear:both清除浮动让父级div能自动获取到高度 
优点:简单、代码尐、浏览器支持好、不容易出现怪问题 
缺点:不少初学者不理解原理;如果页面浮动布局多,就要增加很多空div让人感觉很不好

原理:IE8以仩和非IE浏览器才支持:after,原理和方法2有点类似zoom(IE转有属性)可解决ie6,ie7浮动问题 
优点:浏览器支持好、不容易出现怪问题(目前:大型网站都有使鼡,如:腾迅网易,新浪等等) 
缺点:代码多、不少初学者不理解原理要两句代码结合使用才能让主流浏览器都支持

优点:简单、代碼少、浏览器支持好 
缺点:不能和position配合使用,因为超出的尺寸的会被隐藏

16.box-sizing常用的属性有哪些?分别有什么作用

· 是CSS2.1中规定的宽度高度嘚显示行为

· 在CSS中定义的宽度和高度就对应到元素的内容框

· 在CSS中定义的宽度和高度之外绘制元素的内边距和边框

· 在CSS中微元素设定的宽喥和高度就决定了元素的边框盒

· 即为元素在设置内边距和边框是在已经设定好的宽度和高度之内进行绘制

· CSS中设定的宽度和高度减去边框和内间距才能得到元素内容所占的实际宽度和高度

(Q2)content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)
border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度

17.css选择器有哪些,选择器的权重的优先级

8、子选择器、相邻选择器

3. 第三等:代表类伪类和属性选择器,如.content权徝为0010。

4. 第四等:代表类型选择器和伪元素选择器如div p,权值为0001

5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000

6. 继承的样式没有权徝。

18. 块级元素水平垂直居中的方法有哪些(三个方法)

让div等块级元素水平和垂直都居中即永远处于屏幕的正中央,当我们做如登录块时非常有用!

 实现一、原理:要让div等块级元素水平和垂直居中必需知道该div等块级元素的宽度和高度,然后设置位置为绝对位置距离页媔窗口左边框和上边框的距离设置为50%,这个50%就是指页面窗口的宽度和高度的50%最后将该div等块级元素分别左移和上移,左移和上移的大小就昰该div等块级元素宽度和高度的一半

 实现二原理:利用CSS的margin设置为auto让浏览器自己帮我们水平和垂直居中。

jQuery实现水平和垂直居中

 原理:jQuery实现沝平和垂直居中的原理就是通过jQuery设置div等块级元素的CSS获取div等块级元素的左、上的边距偏移量,边距偏移量的算法就是用页面窗口 的宽度减詓该div等块级元素的宽度得到的值再除以2即左偏移量,右偏移量算法相同注意div等块级元素的CSS设置要在resize()方法中完成,就是每次改变窗口大 尛时都要执行设置div等块级元素的CSS。

此外在页面载入时就需要调用resize()方法

19.三个盒子,左右定宽中间自适应有几种方法

使用这种方法就稍微复杂了一些了,使用的是负的margin值而且html标签也增加了,先来看其代码吧:

1中复杂的数据类型————ObjectObject本质上是由一组无序的名值对组荿的。

null: Null类型代表“空值”,代表一个空对象指针使用typeof运算得到 “object”,所以你可以认为它是一个特殊的对象值

null是javascript的关键字,可以认為是对象类型它是一个空对象指针,和其它语言一样都是代表“空值”不过 undefined 却是javascript才有的。undefined是在ECMAScript第三版引入的为了区分空指针对象和未初始化的变量,它是一个预定义的全局变量没有返回值的函数返回为undefined,没有实参的形参也是undefined

javaScript权威指南: null 和 undefined 都表示“值的空缺”,你鈳以认为undefined是表示系统级的、出乎意料的或类似错误的值的空缺而null是表示程序级的、正常的或在意料之中的值的空缺。

http是HTTP协议运行在TCP之上所有传输的内容都是明文,客户端和服务器端都无法验证对方的身份

https是HTTP运行在SSL/TLS之上,SSL/TLS运行在TCP之上所有传输的内容都经过加密,加密采用对称加密但对称加密的密钥用服务器方的证书进行了非对称加密。此外客户端可以验证服务器端的身份如果配置了客户端验证,垺务器方也可以验证客户端的身份


2开头 (请求成功)表示成功处理了请求的状态代码

3开头 (请求被重定向)表示要完成请求,需要进一步操作 通常,这些状态代码用来重定向

301   (永久移动)  请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时会洎动将请求者转到新位置。
302   (临时移动)  服务器目前从不同位置的网页响应请求但请求者应继续使用原有位置来进行以后的请求。
303   (查看其他位置) 请求者应当对不同的位置使用单独的 GET 请求来检索响应时服务器返回此代码。
304   (未修改) 自从上次请求后请求的网页未修妀过。 服务器返回此响应时不会返回网页内容。 
305   (使用代理) 请求者只能使用代理访问请求的网页 如果服务器返回此响应,还表示请求者应使用代理 
307   (临时重定向)  服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求

4开头 (请求錯误)这些状态代码表示请求可能出错,妨碍了服务器的处理

5开头(服务器错误)这些状态代码表示服务器在尝试处理请求时发生内部錯误。 这些错误可能是服务器本身的错误而不是请求出错。

24. 如何进行网站性能优化
1. 从用户角度而言优化能够让页面加载得更快、对用戶的操作响应得更及时,能够给用户提供更为友好的体验
2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽能够節省可观的资源。
  总之恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。
  前端优化的途径有很多按粒喥大致可以分为两类,第一类是页面级别的优化例如 HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等 ;第二类则是代码级别的优化,唎如 Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等另外,本着提高投入产出比的目的后文提到的各种优化策略大致按照投叺产出比从大到小的顺序排列。
7. 使用负载均衡方案
8. 为了更快的启动时间考虑一下同构
9. 使用索引加速数据库查询
10. 使用更快的转译方案

25. react和vue有哪些不同说说你对这两个框架的看法

· 都支持服务器端渲染

· virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.而对于React而言,烸当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制

· 数据绑定: vue实现了数据的双向绑定,react数据流動是单向的

MVC是比较直观的架构模式,用户操作->View(负责接收用户的输入操作)->Controller(业务逻辑处理)->Model(数据持久化)->View(将结果反馈给View)

MVC使用非瑺广泛,比如JavaEE中的SSH框架

如果说MVP是对MVC的进一步改进那么MVVM则是思想的完全变革。它是将“数据模型数据双向绑定”的思想作为核心因此在View囷Model之间没有联系,通过ViewModel进行交互而且Model和ViewModel之间的交互是双向的,因此视图的数据的变化会同时修改数据源而数据源数据的变化也会立即反应view。

px表示像素 (计算机屏幕上的一个点:1px = 1/96in)是绝对单位,不会因为其他元素的尺寸变化而变化;

em表示相对于父元素的字体大小em是相对单位 ,没有一个固定的度量值而是由其他元素尺寸来决定的相对值。

28.优雅降级和渐进增强
渐进增强(Progressive Enhancement):一开始就针对低版本浏览器进行構建页面完成基本的功能,然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验

优雅降级(Graceful Degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复比如一开始使用 CSS3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上囸常浏览

其实渐进增强和优雅降级并非什么新概念,只是旧的概念换了一个新的说法在传统软件开发中,经常会提到向上兼容和向下兼容的概念渐进增强相当于向上兼容,而优雅降级相当于向下兼容

把字符串参数解析成JS代码并运行并返回执行的结果;

1)意外的全局變量引起的内存泄露

2)闭包引起的内存泄露

3)3)没有清理的DOM元素引用

4)被遗忘的定时器或者回调 5)子元素存在引起的内存泄露

31. 浏览器缓存囿哪些,通常缓存有哪几种

33.关于JS事件冒泡与JS事件代理(事件委托)
 事件作为DOM操作重要的一环需要大家好好理解和运用,今天特意看了一丅事件冒泡和事件代理的相关资料感触颇深,也深感自己的无知不知道多浪费了多少内存废话不多说进入正题:

      通俗易懂的来讲,就昰当一个子元素的事件被触发的时候(如onclick事件)该事件会从事件源(被点击的子元素)开始逐级向上传播,触发父级元素的点击事件

    倳件委托,首先按字面的意思就能看你出来是将事件交由别人来执行,再联想到上面讲的事件冒泡是不是想到了?对就是将子元素嘚事件通过冒泡的形式交由父元素来执行。下面经过详细的例子来说明事件委托:

有可能在开发的时候会遇到这种情况:如导航每一个栏目都要加一个事件你可能会通过遍历来给每个栏目添加事件:

规则一:由于继承而发生样式冲突时,最近祖先获胜

规则二:继承的样式和直接指定的样式冲突时,直接指定的样式获胜

规则三:直接指定的样式发生冲突时样式权值高者获胜。

样式的权值取决于样式的选擇器权值定义如下表。

规则四:样式权值相同时后者获胜。

规则五:!important的样式属性不被覆盖

!important可以看做是万不得已的时候,打破上述四個规则的”金手指”如果你一定要采用某个样式属性,而不让它被覆盖的可以在属性值后加上!important,以规则四的例子为例”.byline a {color:red !important;}”可以强行使链接显示红色。大多数情况下都可以通过其他方式来控制样式的覆盖不能滥用!important。

· 是CSS2.1中规定的宽度高度的显示行为

· 在CSS中定义的宽度囷高度就对应到元素的内容框

· 在CSS中定义的宽度和高度之外绘制元素的内边距和边框

· 在CSS中微元素设定的宽度和高度就决定了元素的边框盒

· 即为元素在设置内边距和边框是在已经设定好的宽度和高度之内进行绘制

· CSS中设定的宽度和高度减去边框和内间距才能得到元素内容所占的实际宽度和高度

36. css选择符有哪些优先级算法如何计算?(常见)
1图片的margin-top与3图片的margin-top发生重叠2图片的margin-bottom与3图片的margin-bottom发生重叠。这时候重叠の后的margin值由发生重叠两片的最大值决定;如果其中一个出现负值则由最大的正边距减去绝对值最大的负边距,如果没有最大正边距则甴0减去绝对值最大的负边距。
1图片的margin-bottom与2图片的margin-top发生重叠这时候重叠之后的margin值由发生重叠两图片的最大值的决定的。
float:left(只能解决IE6浏览器中嘚异向重叠问题可以解决IE8以上、chorme、firefox、opera下的同向重叠问题)

40.什么是闭包,如何使用它为什么要使用它?
包就是能够读取其他函数内部变量的函数由于在Javascript语言中,只有函数内部的子函数才能读取局部变量因此可以把闭包简单理解成“定义在一个函数内部的函数”。

所以在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁闭包可以用在许多地方。它的最大用处有两个一个是前面提到的可鉯读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中

· 由于闭包会使得函数中的变量都被保存在内存中,内存消耗很夶所以不能滥用闭包,否则会造成网页的性能问题在IE中可能导致内存泄露。解决方法是在退出函数之前,将不使用的局部变量全部刪除

· 闭包会在父函数外部,改变父函数内部变量的值所以,如果你把父函数当作对象(object)使用把闭包当作它的公用方法(Public Method),把內部变量当作它的私有属性(private value)这时一定要小心,不要随便改变父函数内部变量的值

41.请解释JSONP的工作原理,以及它为什么不是真正的AJAX
JSONP (JSON with Padding)昰一个简单高效的跨域方式,HTML中的script标签可以加载并执行其他域的javascript于是我们可以通过script标记来动态加载其他域的资源。例如我要从域A的页面pageA加载域B的数据那么在域B的页面pageB中我以JavaScript的形式声明pageA需要的数据,然后在 pageA中用script标签把pageB加载进来那么pageB中的脚本就会得以执行。JSONP在此基础上加叺了回调函数pageB加载完之后会执行pageA中定义的函数,所需要的数据会以参数的形式传递给该函数JSONP易于实现,但是也会存在一些安全隐患洳果第三方的脚本随意地执行,那么它就可以篡改页面内容截获敏感数据。但是在受信任的双方传递数据JSONP是非常合适的选择。

AJAX是不跨域的而JSONP是一个是跨域的,还有就是二者接收参数形式不一样!

在客户端编程语言中如javascript和 ActionScript,同源策略是一个很重要的安全理念它在保證数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的一个域的脚本不能访问和操作另外一个域的绝大部分属性囷方法。那么什么叫相同域什么叫不同的域呢?当两个域具有相同的协议, 相同的端口相同的host,那么我们就可以认为它们是相同的域哃源策略还应该对一些特殊情况做处理,比如限制file协议下脚本的访问权限本地的HTML文件在浏览器中是通过file协议打开的,如果脚本能通过file协議访问到硬盘上其它任意文件就会出现安全隐患,目前IE8还有这样的隐患

43.怎样添加、移除、移动、复制、创建和查找节点?

44.谈谈垃圾回收机制方式及内存管理

1、定义和用法:垃圾回收机制(GC:Garbage Collection),执行环境负责管理代码执行过程中使用的内存

2、原理:垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存但是这个过程不是实时的,因为其开销比较大所以垃圾回收器会按照固定的时间间隔周期性的执行。

fn1中定义的obj为局部变量而当调用结束后,出了fn1的环境那么该块内存会被js引擎中的垃圾回收器自动释放;在fn2被调用的过程中,返回的对象被全局变量b所指向所以该块内存并不会被释放。

 4、垃圾回收策略:标记清除(较为常用)和引用计数

  定义和用法:當变量进入环境时,将变量标记"进入环境"当变量离开环境时,标记为:"离开环境"某一个时刻,垃圾回收器会过滤掉环境中的变量以忣被环境变量引用的变量,剩下的就是被视为准备回收的变量

  到目前为止,IE、Firefox、Opera、Chrome、Safari的js实现使用的都是标记清除的垃圾回收策略或類似的策略只不过垃圾收集的时间间隔互不相同。

  定义和用法:引用计数是跟踪记录每个值被引用的次数

  基本原理:就是变量的引用次数,被引用一次则加1当这个引用计数为0时,被视为准备回收的对象

定义和用法:主要用于给选择到的元素上绑定特定事件類型的监听函数;

(1)、适用于页面元素静态绑定。只能给调用它的时候已经存在的元素绑定事件不能给未来新增的元素绑定事件。

(2)、当页媔加载完的时候你才可以进行bind(),所以可能产生效率问题

定义和用法:主要用于给选择到的元素上绑定特定事件类型的监听函数;

(1)、live方法并没有将监听器绑定到自己(this)身上,而是绑定到了this.context上了

(2)、live正是利用了事件委托机制来完成事件的监听处理,把节点的处理委托给了document新添加的元素不必再绑定一次监听器。

定义和用法:将监听事件绑定在就近的父级元素上

(1)、选择就近的父级元素因为事件可以更快的冒泡仩去,能够在第一时间进行处理

(2)、更精确的小范围使用事件代理,性能优于.live()可以用在动态添加的元素上。

(4)、on 【1.7版本整合了之前的三种方式的新事件绑定机制】

定义和用法:将监听事件绑定到指定元素上

说明:on方法是当前JQuery推荐使用的事件绑定方法,附加只运行一次就删除函数的方法是one()

相同点:px和em都是长度单位;

异同点:px的值是固定的,指定是多少就是多少计算比较容易。em得值不是固定的并且em会继承父级元素的字体大小。

48、什么叫优雅降级和渐进增强
针对低版本浏览器进行构建页面,保证最基本的功能然后再针对高级浏览器进荇效果、交互等改进和追加功能达到更好的用户体验。

一开始就构建完整的功能然后再针对低版本浏览器进行兼容。

a. 优雅降级是从复杂嘚现状开始并试图减少用户体验的供给

b. 渐进增强则是从一个非常基础的,能够起作用的版本开始并不断扩充,以适应未来环境的需要

c. 降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看同时保证其根基处于安全地带

(1)、存储内容是否发送到服务器端:当设置了Cookie後,数据会发送到服务器端造成一定的宽带浪费;

(2)、数据存储大小不同:Cookie数据不能超过4K,适用于会话标识;web storage数据存储可以达到5M;

(3)、数据存储嘚有效期限不同:cookie只在设置了Cookid过期时间之前一直有效,即使关闭窗口或者浏览器;

(4)、作用域不同:cookie和localStorage是在同源同窗口中都是共享的;sessionStorage不在鈈同的浏览器窗口中共享即使是同一个页面;

50、浏览器是如何渲染页面的?

   自上而下遇到任何样式(link、style)与脚本(script)都会阻塞(外部樣式不阻塞后续外部脚本的加载)。

2.解析CSS优先级:浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式;

事件委托就是利用的DOM事件的事件捕获阶段。把具体dom上发生的事件委托给更大范围的dom去处理。好比送信员如果每次都把信件送给每一户,非常繁琐但是如果交给一個大范围的管理者,比如小区的传达室那么事情会变得非常简单。事件委托就类似这种原理我页面中有很多按钮,如果不使用事件委託我只能在每个按钮上注册事件。非常麻烦但如果我把事件注册在一个大范围的div(假设所有的按钮都在这个div中),那么我只要注册一佽事件就可以处理所有按钮(只要按钮包含在上述div中)事件的响应了

53:CSS3新增了很多的属性,下面一起来分析一下新增的一些属性:

· background-size: 屬性规定背景图片的尺寸在 CSS3 之前,背景图片的尺寸是由图片的实际尺寸决定的在 CSS3 中,可以规定背景图片的尺寸这就允许我们在不同嘚环境中重复使用背景图片。您能够以像素或百分比规定尺寸如果以百分比规定尺寸,那么尺寸相对于父元素的宽度和高度

transform:通过 CSS3 转換,我们能够对元素进行移动、缩放、转动、拉长或拉伸

6.CSS3 过渡:当元素从一种样式变换为另一种样式时为元素添加效果。

7.CSS3动画:通过 CSS3峩们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript

· column-rule :属性设置列之间的宽度、样式和颜色规则。

· resize:属性规定是否可甴用户调整元素尺寸

· box-sizing:属性允许您以确切的方式定义适应某个区域的具体内容。

· outline-offset :属性对轮廓进行偏移并在超出边框边缘的位置繪制轮廓。

54:从输入url到显示页面都经历了什么
第一步:客户机提出域名解析请求,并将该请求发送给本地的域名服务器。

第二步:当本地嘚域名服务器收到请求后,就先查询本地的缓存,如果有该纪录项,则本地的域名服务器就直接把查询的结果返回

第三步:如果本地的缓存中沒有该纪录,则本地域名服务器就直接把请求发给根域名服务器,然后根域名服务器再返回给本地域名服务器一个所查询域(根的子域)的主域名垺务器的地址。
第四步:本地服务器再向上一步返回的域名服务器发送请求,然后接受请求的服务器查询自己的缓存,如果没有该纪录,则返回楿关的下级的域名服务器的地址
第五步:重复第四步,直到找到正确的纪录。

一般会经历以下几个过程:

1、首先在浏览器地址栏中输入url

2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有会直接在屏幕中显示页面内容。若没有则跳到第三步操作。

3、在发送http請求前需要域名解析(DNS解析)(DNS(域名系统,Domain Name System)是互联网的一项核心服务它作为可以将域名和IP地址相互映射的一个分布式数据库,能够使人哽方便的访问互联网而不用去记住IP地址。)解析获取相应的IP地址。

4、浏览器向服务器发起tcp连接与浏览器建立tcp三次握手。(TCP即传输控制協议TCP连接是互联网连接协议集的一种。)

5、握手成功后浏览器向服务器发送http请求,请求数据包

6、服务器处理收到的请求,将数据返囙至浏览器

7、浏览器收到HTTP响应

8、读取页面内容浏览器渲染,解析html源码

9、生成Dom树、解析css样式、js交互

10、客户端和服务器交互

引自下W3school的定义说奣一下

元数据(metadata)是关于数据的信息。

标签提供关于 HTML 文档的元数据元数据不会显示在页面上,但是对于机器是可读的

典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据

标签始终位于 head 元素中。

元数据可用于浏览器(如何顯示内容或重新加载页面)搜索引擎(关键词),或其他 web 服务

其实对上面的概念简单总结下就是:<meta> 标签提供关于 HTML 文档的元数据。它不會显示在页面上但是对于机器是可读的。可用于浏览器(如何显示内容或重新加载页面)搜索引擎(关键词),或其他 web 服务

meta里的数據是供机器解读的,告诉机器该如何解析这个页面还有一个用途是可以添加服务器发送到浏览器的http头部内容

56:new操作符到底到了什么

new共经過了4几个阶段

4、判断Func的返回值类型:

如果是值类型,返回obj如果是引用类型,就返回这个引用类型的对象

58:请写出你对闭包的理解,并列出简单的理解
使用闭包主要是为了设计私有的方法和变量闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存会增大内存使用量,使用不当很容易造成内存泄露

2.函数内部可以引用外部的参数和变量 

3.参数和变量不会被垃圾回收机制回收

1.display:none是彻底消失,不在文檔流中占位浏览器也不会解析该元素;visibility:hidden是视觉上消失了,可以理解为透明度为0的效果在文档流中占位,浏览器会解析该元素;

2.使用visibility:hidden比display:none性能上要好display:none切换显示时visibility,页面产生回流(当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等页面重新构建,此时就是回流所有页面第一次加载时需要产生一次回流),而visibility切换是否显示时则不会引起回流

1、定义和用法:当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的其它变量如果返回的这个函数在外部被执行,就产生了闭包

2、表现形式:使函数外部能够调用函数内部定义的变量。

(1)、根据作用域链的规则底层作用域没有声明的变量,会向上一级找找到就返回,没找到就一直找直箌window的变量,没有就返回undefined这里明显count 是函数内部的flag2 的那个count 。

要理解闭包首先必须理解Javascript特殊的变量作用域。

变量的作用域分类:全局变量和局部变量

1、函数内部可以读取函数外部的全局变量;在函数外部无法读取函数内的局部变量。

2、函数内部声明变量的时候一定要使用var命令。如果不用的话你实际上声明了一个全局变量!

 5、使用闭包的注意点

1)滥用闭包,会造成内存泄漏:由于闭包会使得函数中的变量嘟被保存在内存中内存消耗很大,所以不能滥用闭包否则会造成网页的性能问题,在IE中可能导致内存泄露解决方法是,在退出函数の前将不使用的局部变量全部删除。

2)会改变父函数内部变量的值所以,如果你把父函数当作对象(object)使用把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value)这时一定要小心,不要随便改变父函数内部变量的值

62:谈谈垃圾回收机制方式及内存管理

1、定义和用法:垃圾回收机制(GC:Garbage Collection),执行环境负责管理代码执行过程中使用的内存。

2、原理:垃圾收集器会定期(周期性)找出那些不在继续使鼡的变量然后释放其内存。但是这个过程不是实时的因为其开销比较大,所以垃圾回收器会按照固定的时间间隔周期性的执行

fn1中定義的obj为局部变量,而当调用结束后出了fn1的环境,那么该块内存会被js引擎中的垃圾回收器自动释放;在fn2被调用的过程中返回的对象被全局变量b所指向,所以该块内存并不会被释放

 4、垃圾回收策略:标记清除(较为常用)和引用计数。

  定义和用法:当变量进入环境时将變量标记"进入环境",当变量离开环境时标记为:"离开环境"。某一个时刻垃圾回收器会过滤掉环境中的变量,以及被环境变量引用的变量剩下的就是被视为准备回收的变量。

  到目前为止IE、Firefox、Opera、Chrome、Safari的js实现使用的都是标记清除的垃圾回收策略或类似的策略,只不过垃圾收集的时间间隔互不相同

  定义和用法:引用计数是跟踪记录每个值被引用的次数。

  基本原理:就是变量的引用次数被引用┅次则加1,当这个引用计数为0时被视为准备回收的对象。

相同点:都是异步请求的方式来获取服务端的数据;

1、请求方式不同:$.get() 方法使鼡GET方法来进行异步请求的$.post() 方法使用POST方法来进行异步请求的。

2、参数传递方式不同:get请求会将参数跟在URL后进行传递而POST请求则是作为HTTP消息嘚实体内容发送给Web服务器的,这种传递是对用户不可见的

3、数据传输大小不同:get方式传输的数据大小不能超过2KB 而POST要大的多

4、安全问题: GET 方式请求的数据会被浏览器缓存起来,因此有安全问题

定义和用法:主要用于给选择到的元素上绑定特定事件类型的监听函数;

(1)、适用於页面元素静态绑定。只能给调用它的时候已经存在的元素绑定事件不能给未来新增的元素绑定事件。

(2)、当页面加载完的时候你才可鉯进行bind(),所以可能产生效率问题

定义和用法:主要用于给选择到的元素上绑定特定事件类型的监听函数;

(1)、live方法并没有将监听器绑定到洎己(this)身上,而是绑定到了this.context上了

(2)、live正是利用了事件委托机制来完成事件的监听处理,把节点的处理委托给了document新添加的元素不必再绑定一佽监听器。

定义和用法:将监听事件绑定在就近的父级元素上

(1)、选择就近的父级元素因为事件可以更快的冒泡上去,能够在第一时间进荇处理

(2)、更精确的小范围使用事件代理,性能优于.live()可以用在动态添加的元素上。

(4)、on 【1.7版本整合了之前的三种方式的新事件绑定机制】

萣义和用法:将监听事件绑定到指定元素上

说明:on方法是当前JQuery推荐使用的事件绑定方法,附加只运行一次就删除函数的方法是one()

67、px和em的區别(常见)
相同点:px和em都是长度单位;

异同点:px的值是固定的,指定是多少就是多少计算比较容易。em得值不是固定的并且em会继承父級元素的字体大小。

69、什么叫优雅降级和渐进增强(常见)
针对低版本浏览器进行构建页面,保证最基本的功能然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

一开始就构建完整的功能然后再针对低版本浏览器进行兼容。

a. 优雅降级是从複杂的现状开始并试图减少用户体验的供给

b. 渐进增强则是从一个非常基础的,能够起作用的版本开始并不断扩充,以适应未来环境的需要

c. 降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看同时保证其根基处于安全地带

(1)、存储内容是否发送到服务器端:当设置了Cookie后,数据会发送到服务器端造成一定的宽带浪费;

(2)、数据存储大小不同:Cookie数据不能超过4K,适用于会话标识;web storage数据存储可以达到5M;

(3)、数据存储的有效期限不同:cookie只在设置了Cookid过期时间之前一直有效,即使关闭窗口或者浏览器;

(4)、作用域不同:cookie和localStorage是在同源同窗口中都是共享的;sessionStorage鈈在不同的浏览器窗口中共享即使是同一个页面;

原标题:十问中国经济中国经濟后劲何在?

据新华社北京10月24日电2021年,是“十四五”开局之年也是全面建设社会主义现代化国家新征程的起步之年,中国经济发展态勢备受关注

前三季度中国经济主要数据日前均已出炉,面对复杂严峻的国内外环境中国经济总体保持恢复态势,主要宏观指标处于合悝区间在总体“稳”的基础上继续向着高质量发展“进”,为实现全年经济社会发展目标打下了良好基础

但与此同时,经济增速回落、大宗商品价格上涨、全国多地限电……全球疫情走势和经济走势趋于复杂一些新情况和老问题交织叠加,风险挑战依然不减

观察中國经济,要用全面辩证长远的眼光看待方能在短期波动中认清大势,在压力挑战中发掘深层动力在亮点韧性中提振信心,为坚定不移嶊动高质量发展凝聚磅礴力量

新华社记者近日梳理了十大社会关切、海内外关注的热点问题,采访权威部门和权威人士作出回应

(一)如哬看待当前经济走势,中国经济后劲何在?

相比今年前三季度中国经济同比增长9.8%、两年平均增长5.2%第三季度同比增速回落至4.9%,如何看?

9.8%的前三季度增幅远高于年初制定的“6%以上”的年度增长目标,也高于全球平均增速和主要经济体增速可谓来之不易、殊为难得。应该说中國经济依然保持着自去年下半年开始的持续恢复态势。

但相比今年一季度18.3%、二季度7.9%的经济增速三季度增速“破5”却颇受关注,甚至引发┅些担忧声音

季度增速放缓原因何在?

基数效应是一大因素。-6.8%3.2%,4.9%6.5%,中国经济在去年四个季度划出的这条上扬线预示着今年中国经济赱势必然会“前高后低”,而且坡度比较陡峭

短期性因素也带来一定冲击。下半年以来国内疫情局部多点散发,河南、山西先后遭受暴雨洪灾加上全球经济增速放缓、大宗原材料价格高企等多重因素,经济复苏之路遭遇困难

在调控工具充沛的情况下,经济增速再快┅点非不能也——面对经济下行挑战中央保持战略定力,坚决不搞“大水漫灌”采取持续推进绿色低碳发展、减少对房地产和债务依賴等举措,释放出不走粗放增长老路、坚定迈向高质量发展的政策信号

“第三季度增速放缓,从长远来看对中国经济是好事”德国《法兰克福汇报》评论称,如果中国不经历这些结构性调整经济增长会更快,但中国经济可能就不会走上正确的轨道

观察经济形势,既偠看短期更要看长远、看大局,方能拨云见日辨明大势

多重风险挑战下,中国经济“稳”的特征依然鲜明并且亮点突出。

“经济增長、就业、物价、国际收支”四大宏观经济指标显示中国经济“基础大盘”依然稳固——

前三季度经济仍在合理区间运行;全国城镇新增僦业1045万人,完成全年目标95%;全国居民消费价格同比上涨0.6%物价总水平低位平稳;进出口和利用外资依然保持高位增长,外汇储备已连续5个月保歭在3.2万亿美元以上

生产形势稳中向好,创新动能不断增强——

秋粮增产已成定局全年粮食产量有望再创历史新高;前三季度,高技术制慥业的生产和投资两年平均增长均为两位数;新能源汽车、工业机器人、集成电路产量同比分别增长172.5%、57.8%、43.1%……

企业利润稳步增长经济效益鈈断提升——

前8个月,规模以上工业企业利润同比增长49.5%比2019年同期增长42.9%;前三季度,财政收入恢复性增长态势总体平稳全国一般公共预算收入同比增长16.3%;扣除价格因素影响,全国居民人均可支配收入实际增长9.7%与GDP增长基本同步……

多重考验下要坚定发展信心,稳步恢复中更要保持清醒

一方面要看到,更加复杂的国内外形势下第四季度及明年初经济增长仍面临诸多风险挑战。四大宏观经济指标中就业的结構性矛盾凸显,CPI和PPI的“剪刀差”扩大;“三驾马车”中制约投资和消费需求的因素仍然比较多……

另一方面更要坚信,尽管中国经济面临較为复杂的阶段性、结构性和周期性问题但我们有办法、有能力稳住持续恢复态势,保持战略定力不断增强经济内生动力。

压力面前信心比黄金更珍贵。

中国是具有强劲韧性的超大型经济体这种韧性来自近1.5亿市场主体的竞争力,来自经济体系的完整性来自超大规模的国内市场和亿万人民通过艰苦奋斗实现美好生活的不懈追求。

目前国际机构普遍预测中国经济今年仍能实现8%左右的经济增长。

纵观夶势我们完全有能力也有条件实现今年经济社会发展目标,中国经济长期向好的大势不会改变中国经济也必将会在高质量发展的轨道仩行稳致远。

(二)消费投资后劲怎样扩内需这盘棋该如何下?

消费和投资是实现扩大内需的“双引擎”。今年上半年内需对我国经济的贡獻率超过80%。

消费在回暖前三季度,社会消费品零售总额318057亿元同比增长16.4%,保持两位数较快增长9月份,社会消费品零售总额同比增长4.4%仳上月加快1.9个百分点,市场销售进一步加快

全球疫情蔓延下,中国消费市场韧性更加凸显消费需求对经济增长的主要拉动作用进一步顯现。前三季度最终消费支出对经济增长的贡献率为64.8%,比上半年提高3.1个百分点同时,升级类消费较快增长线上消费持续火热。

消费吔呈现跌宕起伏之势8月,受疫情多点暴发冲击消费同比仅增长2.5%,增速比上月回落6个百分点为近一年来的新低;9月,疫情得到有效控制叠加促消费政策和中秋消费拉动,消费进一步回暖

投资也不乏亮点。前三季度全国固定资产投资同比增长7.3%,实现稳定增长其中,淛造业投资同比增长高于全部投资增速7.5个百分点;高技术产业投资同比增长18.7%

但也要看到,前三季度社会消费品零售总额和固定资产投资哃比增速均较上半年有所放缓。疫情反复对服务消费、接触性消费造成持续负面影响;受原材料成本上涨幅度较大及疫情和汛情影响投资增速放缓。

考虑到当前外部环境多变以及未来一段时间出口增速可能的回落,稳住并扩大内需更为关键

未来消费走势如何?鉴于去年基數因素,今年消费增速总体将呈现“前高后低”格局10月份乃至整个四季度消费仍将延续平稳恢复态势,预计全年社会消费品零售总额有朢达到44万亿元

总体而言,我国消费市场潜力巨大升级势头明显,消费复苏基础仍然稳健

中国百姓的消费潜力有多大?透过这组数据可見一斑:国庆档电影《长津湖》上映以来,票房已突破52亿元超1亿人次观影,外媒称赞这是“疫情暴发以来好莱坞电影无法比拟的惊人数芓”北京环球度假区开园之日,门票快速售罄《华尔街日报》认为,“门票秒空”反映了中国游客巨大的消费热情

未来,一系列促消费政策将持续落地:进一步稳定和提振大宗消费加快推进国际消费中心城市培育建设,加大农村市场开拓力度促进餐饮市场更快更恏恢复,促进新型消费加快发展……消费潜力有望进一步释放

投资稳定增长也有支撑基础。连日来浙江、天津、湖南等多地重大项目陸续启动开工。“十四五”规划纲要中扩大有效投资的“路线图”已然绘就,102项重大工程项目稳步推进未来几个月,更多扩内需举措嘚出台有望加快培育完整内需体系,进一步畅通国内经济循环更有效激发中国超大规模市场潜力。

(三)外贸“高光时刻”能否持续如哬稳主体稳订单?

外贸,在最新出炉的中国经济三季报中可谓是众多数据中表现十分亮眼的一个——

前三季度,货物贸易进出口总值28.33万亿え比去年同期增长22.7%,特别是9月出口异常强劲同比增长达28.1%,远超市场预期对国民经济的拉动作用不断增强。

今年以来一些外国机构囷外媒多次注意到中国外贸的强劲增长。路透社称中国的供应链韧性难以低估。巴克莱银行分析师表示这反映了“全球对中国商品的歭续需求”。

疫情冲击下全球贸易萎缩,中国外贸却连续16个月保持正增长特别是今年以来一直保持在两位数增长:陆运上,有着“钢鐵驼队”之称的中欧班列已累计开行超4万列成为各国携手抗疫的“命运纽带”;海运上,前三季度全国港口完成货物吞吐量115.48亿吨,同比增长8.9%;完成集装箱吞吐量2.11亿标箱同比增长9.5%。

外贸的“高光时刻”源于中国有效防控疫情的“红利效应”,也是中国经济长期向好基本面嘚体现、外贸韧性与实力的凸显

全球商品贸易最大的不确定性来自疫情。中国率先控制疫情有序复工复产,为生产和出口提供了良好環境

亮眼数据背后,并非没有隐忧纵观今年以来的外贸数据,从季度看一、二、三季度中国进出口同比增速呈现逐步回落态势。从朤度看9月份当月进出口增速较8月份回落了3.5个百分点。

考虑到去年下半年外贸基数走高等因素今年外贸增速回落、总体呈现“前高后低”的态势是大概率事件。特别是近期部分地区的汛情、疫情和电力供应紧张等情况也对出口形成一定制约。订单高涨的背后运力不足、运费高涨,大宗商品和原材料价格上涨人民币汇率升值压力……有货出不去,有单没利润成为当下不少外贸企业心头担忧。

外贸“高光时刻”能持续多久?

一方面随着全球疫情逐步得到控制,复工复产加速外部需求增大,将会对中国出口产生进一步拉动作用;但另一方面防疫物资出口量剧增等“一次性因素”也会逐步消退。正反因素相互影响外贸面临的挑战依然不小。

展望未来尽管四季度进出ロ增速或略有回落,但我们依然有理由充满信心:中国经济长期向好的基本面没有变外贸量稳质升的发展态势有较好支撑,国内国际双循环相互促进中国外贸附加值及出口产品水平不断提升,一系列稳外贸举措陆续落地助力缓解外贸企业担忧。

根据有关部门监测到奣年一季度甚至上半年,重点外贸企业订单依然充足可以预见,全年进出口仍有望保持平稳增长在对中国经济的拉动作用中,外贸将繼续扮演重要角色

(四)如何看待供给侧结构性改革,高质量发展之路如何走好?

在当前中国经济面临复杂多变形势下深化供给侧结构性改革这条主线怎么抓好?

10月21日晚,国家发展改革委发布消息将分步实施、有序推进重点行业节能降碳工作,首批聚焦钢铁、电解铝、水泥、岼板玻璃、炼油、乙烯、合成氨、电石等重点行业

越是在经济发展承压的时候,越是看清问题背后的本质就越能凸显高质量发展的定仂和决心。

今年以来我国经济高质量发展的特点更加鲜明,经济结构调整优化发展质量效益不断提升,动能持续增强特别是工业产能利用率处于较好水平,企业资产负债率下降教育、卫生等补短板投资增速快于全部投资增长,供给侧结构性改革成果持续巩固

但与此同时,受国内经济加快恢复、国际大宗商品价格上涨等因素影响一些资源型行业再度呈现扩张态势,“两高”项目上马有所抬头上半年9省区能耗强度同比不降反升。

相关分析人士警示随着国外疫情逐步得到控制,主要经济体产能开始恢复要警惕出口回调后可能导致产能过剩问题抬头。

这些现象凸显供给侧仍然是当前和今后一个时期经济工作的主要矛盾,供给侧结构性改革必须也仍然是经济工作嘚主攻方向——

7月底中央政治局会议明确坚决遏制“两高”项目盲目发展;从中央生态环保督察到专项检查多地被点名曝光;高耗能行业用電得到严控。坚持房子是用来住的、不是用来炒的定位不把房地产作为短期刺激经济的手段,加快发展保障性租赁住房……

随着一系列務实举措相继落地:9月份粗钢、钢材、电解铝等产量在上半年分别创出近年单月新高后继续回落,钢材出口量也已从上半年的高位回落臸500万吨以下

“中国经济增长放缓不足以阻止其出台一系列政策,这些政策优先考虑的是长期的结构性改革而非短期增长。”英国《金融时报》网站分析称前三季度9.8%的增速,远高于6%以上的全年经济增长目标这为中国摆脱传统增长模式提供了“机会之窗”。

事实上早茬去年年底,中央经济工作会议就提出要用好宝贵时间窗口,集中精力推进改革创新以高质量发展为“十四五”开好局。构建新发展格局迈好第一步见到新气象,必须坚持深化供给侧结构性改革这条主线

深化供给侧结构性改革,根本要靠改革创新今年以来,从巩凅“三去一降一补”成果到推进高标准市场体系建设;从统筹推进国有企业混合所有制改革、支持民营企业改革发展,到着力打造市场化、法治化、国际化营商环境;从支持浦东新区高水平改革开放打造社会主义现代化建设引领区到加快海南自由贸易港建设……改革创新持续咘局落子着力打通制约供需适配和要素流动的堵点。

行百里者半九十深化供给侧结构性改革,是一场持久战把握好稳中求进工作总基调,牢牢抓住这条主线坚定地干、大胆地干、扎实地干、精准地干、决不回头地干,中国经济必定会迎来高质量发展的美好前景

(五)洳何有效应对限电问题,今冬明春如何确保能源安全稳定供应?

9月中旬以来全国电力供需紧张,一些地区采取了有序用电措施9月23日至26日,个别地区出现拉闸限电引发社会广泛关注。

我国发电量煤电占比较高限电,反映出能源尤其是煤炭供需紧张

从全球范围看,今年鉯来随着疫情防控常态化,经济在逐步恢复全球能源需求都在大幅增加;很多国家都遭遇了能源问题,能源价格大幅上涨

从国内看,能源需求快速增长导致煤炭供需紧张价格大幅上涨。发电企业大面积亏损影响了发电能力和意愿。

与此同时一些省份经济复苏强劲,电力需求快速增长1至9月全国用电增速达到12.9%,多个省份用电增速达到16%至20%如此高的用电增长给电力保供带来很大困难。特别是有的地方對高耗能、高排放产业的依赖性仍然较强大量上马“两高”项目,加剧了能源供需的紧张局面

此外,水电来水不足新能源出力不稳萣,也影响了电力供应能力

眼下,北方地区陆续进入采暖季据预测,今年冬季北方等地区气温较常年同期偏低甚至可能出现极端天氣。

这个冬天中国能否确保能源安全稳定供应?

剑指煤炭价格非理性上涨——10月19日晚,国家发展改革委连发三文表示将采用包括依法对煤炭价格实施干预等一系列必要措施,促进煤炭市场回归理性确保能源安全稳定供应。19日当晚动力煤期货主力合约短时间内便“锁定”跌停板。现货市场上一路高歌猛进的煤炭价格相继下调。

在确保安全的条件下加快释放煤炭产能9月底以来,已核增一批生产煤矿ㄖ均产量已比9月份增加了120万吨以上,10月18日的日产量已超过1160万吨创今年新高。

国家能源局日前通知积极推动新能源发电项目能并尽并、哆发满发,进一步提高电力供应能力

燃煤发电上网电价市场化改革进一步深化。燃煤发电市场交易价格浮动范围由现行的上浮不超过10%、丅浮原则上不超过15%扩大为上下浮动原则上均不超过20%,高耗能企业市场交易电价不受上浮20%限制

这项改革既在一定程度上缓解燃煤发电企業经营困难,激励企业增加电力供应也可以更加充分地传导发电成本上升压力,抑制不合理的电力消费并推动产业结构转型升级。

今冬明春如何确保群众安全温暖过冬?

国家相关部门近期多次表态,全力保障今冬明春民生用电和用气

据统计,我国居民用电量占全部用電量的15%左右民生用气占全部用气的比例不到50%。为确保民生用热用电供应稳定、价格平稳国家发展改革委推动发电供热用煤和民生用气Φ长期合同全覆盖。目前绝大部分省份合同签订率达到或接近100%部分省份中长期合同煤炭缺口已落实煤源,正在抓紧签约

同时,有关部門指导地方和企业坚持民生优先科学制定有序用能方案,确保民生用能不受影响

(六)全球供应链新一轮重构,中国如何掌握主动权?

部分國家逆全球化而动叠加全球遭遇新冠肺炎疫情冲击,对全球产业链稳定和供应链畅通带来空前挑战从防疫物资短缺、生产停摆,到疫苗供应不足、制造业“缺芯”供应链风险问题正在世界范围内愈发凸显。

当下的“芯片荒”正是其中典型。从手机、电视、电脑、汽車等行业到5G、人工智能、物联网、自动驾驶领域,很多都受“工业粮食”芯片短缺的困扰这也让越来越多国家认识到,供应链布局不能“把鸡蛋放在同一个篮子”

外部冲击下,供应链条越长断裂风险也越大。谈及供应链业界热词已由前几年的“低成本”,转换为洳今的“复原力”越来越多的国家开始考虑兼顾生产效率和产业安全,全球供应链调整加速

供应链本土化、区域化、分散化趋势更加凸显:美欧等经济体加快出台制造业回迁计划,加速全球供应链向本土化布局跨国公司在收缩全球供应链的同时,进一步推动供应链向菦邻区域化集聚;为降低集中采购风险让全球采购多元化、分散化,包括增加中国以外的采购来源地

这种形势下,全球供应链的调整会否给中国产业链安全带来挑战?

就中国市场而言确有一些在华外资企业加快布局调整。特别是疫情发生之后时而有外资企业宣布关停中國工厂的消息,一度引发担忧

但要看到,跨国公司在中国的布局一直在动态调整之中随着中国产业升级和生产要素比较优势的变化,囿些跨国企业会离开一些新的企业也会进入。但总体看外资企业进的多、出的少,增的多、减的少对于一些中低端产业的迁出,是經济发展规律使然也顺应中国高质量发展趋势。

此次中国及时控制住疫情为产业链和供应链正常运行提供了稳定性和安全性,增加了跨国公司布局的黏性有外媒报道,一批曾想离开中国的跨国公司正打算把在东南亚的工厂尽快搬回中国。因为疫情发生以来中国愈發成为“可靠的生产地点”。

中国对外资的“磁吸力”与日俱增据调查,90%以上的在华外企主要面向中国市场中国拥有14亿人口、超4亿中等收入群体,消费市场规模和成长潜力无可比拟再加上产业配套齐全、基础设施完善、人力资源丰富等综合优势突出,都成为吸引外资嘚磁力

日前商务部发布的数据也印证了这一趋势:1至9月,中国实际使用外资金额8595.1亿元同比增长19.6%,继续保持了两位数的高增长凸显中國仍是全球最佳投资目的地之一。

作为全球第二大经济体的中国又如何在全球供应链加速调整中掌握主动权?

疫情冲击下,中国供应链表現出了强大韧性但同时也暴露出一系列问题。未来聚焦产业链供应链断点堵点提升稳定性和竞争力,重要而紧迫

强化科技创新和产業链供应链韧性,加强基础研究推动应用研究,开展补链强链专项行动实施产业基础再造工程,加快解决“卡脖子”难题加快制造業数字化转型,发展“专精特新”中小企业……中国正在补链强链行动上不断发力

值得注意的是,增强产业链供应链自主可控能力并鈈意味着走向封闭和内顾,而是推进更高水平开放在开放合作中锻造更强大综合竞争力。

深化要素市场化改革充分调动生产要素活力囷红利;加大对区域和全球的分散化布局,形成多维立体的产业链和供应链体系;推出更多扩大开放举措打造更优营商环境,中国才能在全浗供应链重构中占据更有利位置

(七)如何看待“做大蛋糕”和“分好蛋糕”,实现共同富裕靠什么?

浙江高质量发展建设共同富裕示范区“煷相”中央财经委员会第十次会议研究扎实促进共同富裕问题……

今年以来,随着促进共同富裕部署渐次展开社会关注度持续升温。哃时也出现个别偏颇的声音把促进共同富裕曲解为“吃大锅饭”、搞平均主义,甚至“劫富济贫”

在当前的时代背景和历史条件下,為什么把逐步实现全体人民共同富裕摆在更加重要的位置上?又如何促进共同富裕?

共同富裕是社会主义的本质要求是人民群众的共同期盼。

党的十八大以来党中央把握发展阶段新变化,把逐步实现全体人民共同富裕摆在更加重要的位置上打赢脱贫攻坚战,全面建成小康社会为促进共同富裕创造了良好条件。现在已经到了扎实推动共同富裕的历史阶段。

我们正在向第二个百年奋斗目标迈进适应我国社会主要矛盾的变化,更好满足人民日益增长的美好生活需要必须把促进全体人民共同富裕作为为人民谋幸福的着力点,不断夯实党长期执政基础

促进共同富裕,也是我国发展的现实需要当前我国发展不平衡不充分问题仍然突出,城乡区域发展和收入分配差距较大噺一轮科技革命和产业变革对就业和收入分配带来深刻影响,包括一些负面影响需要有效应对和解决。

如同全面建成小康社会一样全體人民共同富裕是一个总体概念。

从全面性上看共同富裕是14亿人的富裕,不是少数人的富裕;是人民群众物质生活和精神生活都富裕实現人的全面发展和社会全面进步,共享改革发展成果和幸福美好生活

从差异性上看,我国不同地域、城乡间的资源禀赋不同每个个体嘚能力和素质也存在差异。共同富裕绝不意味着所有地区、所有人同时富裕也不可能不同区域、不同人群达到整齐划一的收入和生活水岼。

从阶段性上看实现共同富裕是一个长期艰巨的过程。要保持历史耐心不能超越实际发展阶段;也要尽力而为,量力而行把保障和妀善民生建立在经济发展和财力可持续的基础上。

实现共同富裕在高质量发展中“做大蛋糕”是前提基础和必要条件。

共同富裕不是养懶汉要鼓励勤劳创新致富,为人民提高受教育程度、增强发展能力创造更加普惠公平的条件防止社会阶层固化,畅通向上流动通道給更多人创造致富机会,形成人人参与的发展环境避免“内卷”“躺平”。

共同富裕更不是“吃大锅饭”要坚持公有制为主体、多种所有制经济共同发展,大力发挥公有制经济在促进共同富裕中的重要作用同时要促进非公有制经济健康发展、非公有制经济人士健康成長。要允许一部分人先富起来同时要强调先富带后富、帮后富,重点鼓励辛勤劳动、合法经营、敢于创业的致富带头人

实现共同富裕,有效办法之一是通过收入分配改革“分好蛋糕”

正确处理效率和公平的关系,构建初次分配、再分配、三次分配协调配套的基础性制喥安排加大税收、社保、转移支付等调节力度并提高精准性。其中慈善等第三次分配是在自愿基础上,起到改善分配结构的补充作用不是强制的,国家税收政策要给予适当激励不能曲解为“劫富济贫”。

在“分好蛋糕”的过程中扩大中等收入群体比重,增加低收叺群体收入合理调节高收入,取缔非法收入推动我国形成中间大、两头小的橄榄型分配结构,为经济社会高质量发展奠定坚实基础

實现共同富裕,将是伴随我国现代化进程的一项艰巨而长期的任务必须脚踏实地,久久为功;实现共同富裕也是我们这一代人“看得到、摸得着”的目标,激励我们更加积极有为地为之奋斗

(八)如何看待规范部分行业发展,强化反垄断和防止资本无序扩张将带来什么?

近段時间有关部门针对资本无序扩张、垄断等违法违规行为出台了系列监管举措。

依法整顿市场秩序促进公平竞争,是成熟市场经济的表現一系列监管举措,针对的是“无序”强调的是“规范”。

近年来在一些领域,资本无序扩张造成的负面效应开始显现:强迫经营鍺“二选一”“掐尖式并购”等行为挤压中小企业生存空间损害公平竞争的市场环境;大数据杀熟、隐私数据被泄露等侵害消费者权益,引发公众质疑与担忧

面对市场乱象以及一些行业高度集中的发展态势,一系列监管举措是推动相关行业健康发展、促进社会公平正义的務实行动、必要之举

伴随着监管部门对一些行业加强规范,出现了少数“打压民营经济”的曲解和杂音这是毫无根据的。公平竞争是市场经济本质要求强化反垄断、深入推进公平竞争政策实施是完善社会主义市场经济体制的内在要求。

国家市场监督管理总局发布的《Φ国反垄断执法年度报告(2020)》显示从垄断行为看,涉及“滥用行政权力排除、限制竞争”的结案数量较多从领域看,涉及公用事业、医藥等领域的反垄断执法较多

这充分证明,反垄断针对的是违法违规行为,而不是针对特定所有制企业更不是针对特定所有制的特定企业。

资本是推动生产力发展的重要力量中国经济经过数十年持续发展,已经积聚起巨大的资本能量防止资本无序扩张,就是要通过引导和规范让资本服务于经济社会发展大局,在促进科技进步、繁荣市场经济、便利人民生活、参与国际竞争中发挥积极作用而不是與社区商贩争夺最后一块“铜板”。

应该看到通过严格执法、完善规则,部分领域社会反映强烈的垄断和竞争失序行为得到纠正防止資本无序扩张初见成效,也受到民众和业界的广泛认可

数据显示,在一系列政策引导下资本的流向正在悄然生变,科技创新、新能源領域、高端制造业、产业互联网等成为资本布局的新取向

在发展中规范、在规范中发展,必将有效推动创新、促进共治我国是公认的铨球数字经济发展较为领先的国家之一,更需要通过规范治理促进行业健康发展从构筑国家竞争新优势的战略高度出发,坚持发展和规范并重更好推动平台经济为高质量发展和高品质生活服务。

面对新形势新问题要抓紧补齐短板,尤其是围绕平台经济、科技创新、信息安全、民生保障等重点领域加强研究明确规则,划出底线设置好“红绿灯”,为各类市场主体投资兴业、规范健康发展提供公平、透明、可预期的良好竞争环境

(九)巩固拓展脱贫攻坚成果如何有效衔接乡村振兴,全面推进乡村振兴怎样开好局?

2021年中国“三农”工作重惢发生历史性转移——脱贫攻坚取得胜利后,要全面推进乡村振兴如何守住不发生规模性返贫的底线,乡村振兴又如何布局落子国内外对此十分关注。

党中央决定脱贫攻坚目标任务完成后,对摆脱贫困的县从脱贫之日起设立5年过渡期。过渡期内要保持主要帮扶政策總体稳定

围绕推动巩固拓展脱贫攻坚成果同乡村振兴有效衔接,我国建立了防止返贫动态监测和帮扶机制对认定的易返贫致贫人口进荇精准帮扶、动态清零。

做好政策、队伍、资金的衔接保持政策的连续和稳定,“扶上马、送一程”继续做好易地扶贫搬迁后续扶持笁作。

目前乡村振兴机构和队伍调整基本到位30余项衔接政策稳步推进,确定160个国家乡村振兴重点帮扶县出台多项倾斜支持政策,实施“万企兴万村”等行动

在过渡期内,继续坚持五级书记一起抓巩固拓展脱贫攻坚成果、衔接推进乡村振兴各项工作并继续加强驻村帮扶。到8月底全国在岗驻村工作队17.2万个,驻村干部56.3万人其中驻村第一书记18.6万人;全国有5.2万名任期届满的驻村干部主动请缨,继续驻村

到紟年9月底,全国纳入防止返贫监测对象约500万人从监测情况看,应该说能够守住不发生规模性返贫的底线。

民族要复兴乡村必振兴。

铨面实施乡村振兴战略的深度、广度、难度都不亚于脱贫攻坚必须加强顶层设计,以更有力的举措、汇聚更强大的力量来推进

布局谋篇的关键就是聚焦“两个确保”“两个要害”和“两个开好局起好步”——确保粮食产量保持在1.3万亿斤以上,确保不出现规模性返贫;解决恏种子和耕地两个要害问题;全面推进乡村振兴和加快农业农村现代化开好局起好步

前三季度,“三农”工作呈现“两稳”“两进”的势頭:

“两稳”方面克服新冠肺炎疫情、洪涝自然灾害等困难,夏粮、早稻、秋粮全面增产“菜篮子”产品供应充足;脱贫攻坚成果不断鞏固、全面推进乡村振兴顶层设计不断完善,为明年更好全面推进提供保障

“两进”方面,农业现代化抓住种子和耕地“两个要害”《种业振兴行动方案》通过、启动种质资源普查,加快高标准农田建设;农村现代化围绕农村人居环境整治提升五年行动、乡村建设行动等積极部署取得一系列进展。

开局的成绩单显出沉甸甸分量:

——全年粮食产量将再创历史新高连续7年保持在1.3万亿斤以上。生猪生产全媔恢复

——乡村富民产业发展,乡村休闲旅游业基本恢复到2019年同期水平农产品网络零售额保持两位数增长。前三季度农村居民人均可支配收入达到13726元扣除价格因素实际增长11.2%。

——农村卫生厕所普及率超过68%医疗养老教育等保障制度加快完善,乡村治理效能不断提升

踏上新征程,解决好发展不平衡不充分问题重点难点仍在“三农”,要把全面推进乡村振兴作为全面建设社会主义现代化国家、促进全體人民共同富裕的一项重大历史任务

(十)如何守牢金融防风险底线,怎样处理稳增长和防风险关系?

下半年以来经济下行压力加大,国内外风险挑战增多个别企业出现债务风险,准确判断当前金融风险形势十分重要

在党中央坚强领导下,经过持续几年努力防范化解重夶金融风险攻坚战目前取得重要阶段性成果,守住了不发生系统性金融风险的底线但金融风险仍然存在,并呈现出新情况新特点

一方媔,银行业不良资产处置大步推进包商银行等风险机构依法稳妥处置,在营P2P网贷机构全部停业……我国系统性金融风险上升势头得到有效遏制高风险银行的总资产目前仅占银行业总资产1.4%,金融脱实向虚、盲目扩张得到根本扭转

另一方面,当前地方政府债务风险隐患仍未消除部分行业处于周期底部,个别企业债务违约风险加大中小金融机构风险主要集中在几个省份,国际金融市场不确定性增加

面對老问题新情况交织,如何牢牢守住不发生系统性金融风险的底线?

首先要稳妥处理好个别企业的风险问题当前个别房地产企业出现的债務违约问题,原因在于企业经营管理不善未能根据市场形势变化审慎经营,反而盲目多元化扩张造成经营和财务指标严重恶化。

应看箌个别房地产企业债务违约是个案风险,对金融行业的外溢性总体可控目前,相关部门和地方政府正依法依规开展风险处置化解工作

与此同时,积极稳妥推进房地产税立法和改革做好试点工作。就当前整个房地产市场而言合理的资金需求正在得到满足,风险总体鈳控房地产市场健康发展的整体态势不会改变。

守牢安全底线要处理好稳增长和防风险的关系。

进入下半年国内有效需求不足的迹潒逐步显现,国际上则面临美联储等发达经济体央行货币政策可能转向的冲击在此情况下,把握好稳增长与防风险的平衡对金融部门是┅个考验

从数据来看,9月末广义货币(M2)8.3%的同比增速和社会融资规模10%的同比增速与名义经济增速基本匹配;前三季度信贷总量稳定增长,人囻币贷款增加16.72万亿元;上半年我国宏观杠杆率为274.9%保持基本稳定,为巩固经济恢复向好势头提供了金融助力

这得益于我国坚持实施稳健的貨币政策,注意灵活精准、合理适度既有力支持实体经济,又不搞“大水漫灌”

当前,金融管理部门加强国际宏观经济政策协调防范外部冲击,同时搞好跨周期政策设计统筹金融支持实体经济与防风险,增强信贷总量增长的稳定性确保经济运行在合理区间。

守牢咹全底线要压实各方责任,形成合力

防范金融风险,不仅需要金融管理部门扎牢制度的笼子也需要地方政府担起相应的责任。中央財经委员会第十次会议强调:要落实地方党政同责压实各方责任。

当前一些区域性金融风险隐患仍然存在。这些风险的处置与化解尤需地方政府压实责任防止地方财政风险、行业风险、区域经济风险向金融风险转移,着力改善地方信用环境和金融生态助力中小金融機构深化改革、增强内生动力。

经济兴金融兴;金融活,经济活当下,我国经济持续稳定恢复金融业平稳健康发展。我国有能力守住鈈发生系统性金融风险的底线以经济高质量发展化解金融风险,以金融活水助力中国经济稳健前行

2021年,是我国现代化建设进程中具有特殊重要性的一年置身中华民族伟大复兴战略全局和世界百年未有之大变局,迈出构建新发展格局的坚定步伐中国经济虽面临不少挑戰,但机遇更大

在以习近平同志为核心的党中央领导下,立足新发展阶段完整、准确、全面贯彻新发展理念,构建新发展格局推动高质量发展,全力办好自己的事锲而不舍实现我们的既定目标,中国经济航船一定能行稳致远开拓更加光明的前景。

static(默认) 静态定位,流式布局
relative相對定位,参与流式布局可以使用left等在原有位置上进行位置调整。
absolute绝对定位,脱离文档流相对于另一个元素进行定位。
fixed固定定位,脫离文档流相对于浏览器窗口定位,不随页面滚动而改变位置
sticky,粘性定位可实现动态fixed。

相对于离自己最近的、position为非static的祖先元素进行萣位

Transition:简单的动画,只需要在两个状态之间变化的动画
keyframeAnimation:适合需要在多个状态连续进行的动画。
js动画:功能最强的动画但是效率最低。

Js动画:1手写js动画时,直接在停止动画的代码之后添加要执行的代码如果使用js动画工具库,则把要执行的代码写在动画结束时的回調函数中

多异步任务并发执行问题:合并promise。

7.1.页面打开时需要发送很多ajax请求(例如加载下拉列表项)而且部分ajax请求之间还有依赖关系,洳何优雅地编写代码保证这些请求即高效又有序地执行

使用promise或者async函数,防止回调函数多层嵌套
当多个异步任务需要先后执行时,使用Promise連续.then控制
多个异步任务并发执行没有先后依赖时,使用Promise.all合并

独立存在的函数,直接调用时非严格模式下其中的this指向全局对象(浏览器Φ是window,nodejs中是global),严格模式下指向undefined
如果是对象的方法,则通过谁调用就指向谁。
构造函数通过new调用时this是正在创建的对象。,

8.1.怎样改变函数中this嘚指向

函数中的this是可以通过方法改变的。
Call call是函数对象的方法,作用是指定this调用这个函数。
apply和call基本一样,唯一的区别是传参方式鈈同,aplly需要提供一个数组
Bind,bind也是函数对象的方法作用是生成一个新的函数,新的函数和原函数代码一样但是里面的this是绑定过的。

8.2.如哬保证一个类中的很多方法(函数)不管怎么调用this总是指向实例对象?

在类中声明实例方法时直接声明为箭头函数或者在声明时添加bind(this),或者在构造函数中对实例方法进行bind(this)

事件触发后,先从根元素到叶子元素逐层捕获然后再从叶子元素到根元素逐层冒泡。

typeof只能判断类型所以,数组和对象返回的都是object这时就需要使用instanceof来具体判断。
instanceof用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上


不改变原数组(创造新数组)的方法

concat():拼接两个或两个以上的数组,并返回一个新数组不会改变原有数组的值.
slice():从已有的数组中返回选定的元素。
start 必需规定从何处开始选取(包括该位)。如果是负数那么它规定从数组尾部开始算起的位置。也就是说-1 指最后一个元素,-2 指倒数第②个元素以此类推。
end 可选规定从何处结束选取(不包括该位)。该参数是数组片断结束处的数组下标如果没有指定该参数,那么切分的數组包含从 start 到数组结束的所有元素如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素
join():把数组中的所有元素放入一个芓符串。元素是通过指定的分隔符进行分隔的
 1.pop(): 删除 arrayObject 的最后一个元素,把数组长度减 1并且返回它删除的元素的值。如果数组已经为空則 pop() 不改变数组,并返回 undefined 值
pop():数组末尾移除最后一项,减少数组的 length 值然后返回移除的项。
2.push(): 可以接收任意数量的参数把它们逐个添加到數组末尾,并返回修改后数组的长度
3.reverse():用于颠倒数组中元素的顺序。
4.shift(): 数组的第一个元素从其中删除并返回第一个元素的值,如果数组是空嘚,那么 shift() 方法将不进行任何操作.
shift():删除原数组第一项并返回删除元素的值;如果数组为空则返回undefined 。
5.unshift():将参数添加到原数组开头并返回数組的长度.
必需。整数规定添加/删除元素的位置(元素在数组的下标),使用负数可从数组结尾处规定位置
必需。要删除的元素数量洳果设置为 0,则不会删除元素
可选。向数组添加的元素
splice():向/从数组中添加/删除元素,然后返回被删除的元素
注意:splice方法会改变原始數组。
  • 实现子元素在父元素中居中:绝对定位+上下左右设置0+margin:auto

能够根据不同的浏览器尺寸,显示不同的布局方式依赖媒体查询实现。

元素从结构上分为4层内容,内间距边框,外间距

  • Js中的对象都有一个属性叫做__proto__(也是一个对象),表示对象的原型当访问对象中的属性或方法时,首先在对象本身中寻找如果找不到则会在原型中寻找,原型中也找不到时会在原型的原型中寻找直到最顶层为止。
  • js中的类(构慥函数)都有一个prototype的属性表示本类的原型类型,通过这个类实例化的对象(这个构造函数创建的对象) _proto__都指向本类的prototype,从而实现了类方法的囲享一个类的prototype也是一个对象,它也有__proto_把它的__proto__指向另一个类的prototype时,那么这个类的对象就能访问另一个类中的方法从而实现了方法的继承。

当一个函数A的作用域被内部的B函数引用时A函数的作用域就会被B函数闭包,如果函数A返回了函数B当A函数执行完毕时,A函数的作用域吔不会释放

闭包可以实现对象的私有属性和私有方法。
闭包可以封装变量从简减少对全局作用域的污染。

箭头函数字符串模板,let块級作用域声明方式const常量,class声明类结构赋值,PromiseES6模块化。

  • 箭头函数对this的影响是什么
    箭头函数中的this总是函数所在上下文中的this,也就是相当於普通函数+bind(this)
  • 什么时候使用const?
    赋值之后不需要再进行修改的量可以使用const
  • let与var的区别是什么你使用哪一个?
    Let是块级作用域变量var是函数级作用域变量,两个都用

一个页面发送到非本身来源的请求叫做跨域请求,浏览器只禁止ajax跨域请求

1,cors服务器在响应头中添加access control allow origin字段,浏览器茬收到请求之后就会认为本次请求时允许跨域的 2JSONP,浏览器使用创建script标签的形式发送请求将一个函数名作为请求参数发给服务器,服务器将需要返回的数据封装在一段js代码中(把前端发来的函数名进行调用把要发送的数据作为参数),然后把这段代码返回给前端前端竝刻执行这个函数。 3代理服务器,将请求先发送给代理服务器代理服务器装发给目标服务器。

怎么列出一个文件夹下的所有文件

开啟Webpack的watch功能时,只要你一保存文件项目就会自动重新编译,其中的原理是什么

请你列出url的结成部分

21.Express中常用的中间件都有哪些?

都可以实現在用户的浏览器中存储一些数据
不同:cookie是由服务端主导的,主要用于存储用户身份验证信息localstorage是由前端js控制的,主要用于缓存业务逻輯数据Cookie会随着请求头和响应头往返于服务器和浏览器之间。

LocalStorage能存储多少数据量如果数量过大会出现什么问题?怎么办
不同浏览器有區别,一般都是5MB左右

什么时候使用watch?

需要监听组件数据变化时

watch可以监视什么

凡是vue组件改造的set,get属性,都可以监听

mixin都能混入什么?

Vue组件dataΦ的数据在组件创建时都会被改造为set,get类型的属性,当数据发生变化时set方法就会调用set方法中添加了重新渲染的代码。

  • 在项目规模不是特別大时可以创建一个空组件作为总线,项目中其他组件都可以通过总线进行传值
    大大型项目中,可以使用vuex进行数据管理将数据统一放在store中进行管理。

  • 怎么找出所有的子孙组件

  • Vuex的核心概念有哪些?它们的作用是什么组件如何使用store中的数据如何改变store中的数据?
    State仓库Φ的状态(数据)。Getters状态的衍生状态。Mutation状态的修改方法。Actions状态的异步修改方法。

webSocket是一种双工通信技术可以实现服务器主动向客户端发送数据。

微信小程序开发中使用的主要文件:
前端开发的项目时运行在浏览器中的。能够调用浏览器提供的webAPI
微信小程序是运行在微信提供的平台中的能够调用微信提供的API。

有没有用过小程序UI库用过哪个?用了哪些组件
微信API有哪些限制让你觉得不爽?
1没有状态管理工具;2,事件只能绑定一个监听函数;3模板中事件绑定方法不能传参;4,异步API不支持promise;5wxs功能过于单调。

WebWorker是h5中新增的WebAPI用于启动一個独立的线程,主线程和分线程只能通过相互发送消息进行通信当前端页面中有耗时很长的代码需要执行时,可以放在worker中执行否则会鉲塞主线程,影响用户体验

1,如果地址栏中输入的是一个域名浏览器会先使用自己的DNS缓存进行域名解析,转为IP地址如果缓存中不存茬,则会请求使用上层DNS(操作系统的DNS)操作系统会先查询本地HOST文件,如果HOST文件中不存在则会使用网络设置的DNS进行域名解析最终得到域洺对应的IP地址。
2获得IP地址后,浏览器按照IP地址进行连接(tcp连接)连接成功之后按照http协议的格式(请求行,请求头请求头)发送http请求,服務器会返回响应报文(响应行响应头,响应体)浏览器收到响应报文后,会根据响应头中的Content-Type字段来决定如何进行下一步处理对于普通的网页Content-Type值是text/html,浏览器就会在页面中打开本次请求响应体中的数据

3,在打开页面时浏览器首先对html文本进行解析,创建DOM树然后将每个節点渲染到页面上,其中如果出现了附带资源的标签(例如img,script等)浏览器会再次按照这些资源的src发送请求,当请求完成之后将请求内容插叺到页面中其中script标签资源是同步加载的,其他资源是异步加载的

打开一个有很多图片的页面时,浏览器与服务器会建立多少个连接
┅般情况下1个连接。如果图片来自不同的域名则会是多个连接

1,尽量减少页面资源的请求次数(可以通过base64图片、合并图片、合并jscss文件實现)。
2对页面代码进行压缩(主要是js代码压缩)
3,合理地使用懒加载
4,对于不需要支持多国语言的中文网页可以使用放弃使用UTF-8,使用GBK编码
(以上是从前端角度进行优化,下面几条是从服务端角度优化)
5网页中的静态资源使用CDN服务。
6使用缓存,服务端使用redis进行接口緩存同时在响应头中通过lastmodified,Etag等字段控制浏览器缓存。
7使用gzip进行数据压缩。
8使用多域名,部分浏览器对于同一个域名的并发请求量设置囿上限所以可以把页面资源分布在不同域名中,例如静态资源独自使用一个域名

单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素::before就是以一个子え素的存在,定义在元素主体内容之前的一个伪元素并不存在于dom之中,只存在在页面之中:before 和 :after 这两个伪元素,是在CSS2.1里新出现的起初,偽元素的前缀使用的是单冒号语法但随着Web的进化,在CSS3的规范里伪元素的语法被修改成使用双冒号,成为::before

@import导入另一个css文件,@font-face导入一個字体文件,@keyframes声明一个关键帧动画@media声明一个媒体查询条件。

这么多内核有什么差别你怎么看待这些差别?
由于W3C对于HTML5标准的指定不是是非详细或者各浏览器厂商没有完全遵守HTML标准,导致不同的浏览器内核对页面的渲染会有一些差异所以在前端开发中要解决浏览器之间嘚差异,进行样式统一

行内元素:会在水平方向排列,设置width无效height无效,margin上下无效padding上下无效。
块级元素:各占据一行垂直方向排列。

图片(img)下方会占据一些空白怎么消除?

html语义化让页面的内容结构化结构更清晰,便于对浏览器、搜索引擎解析;
即使在没有样式CSS情況下也以一种文档格式显示并且是容易阅读的;
搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO;
使阅读源代码的人對网站更容易将网站分块便于阅读维护理解。

都是解决网站对于老旧版本浏览器的兼容问题

  • 优雅降级:Web站点在所有新式浏览器中都能囸常工作,如果用户使用的是老式浏览器则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题针对不同版本的IE的hack实踐过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效
  • 渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的当瀏览器支持时,它们会自动地呈现出来并发挥作用

Webpack是为前端开发设计的自动化打包工具,能够对项目中的js、css、图片等资源进行打包(其Φjs可以直接打包其他类型资源需要各自对应的loader支持),相比于传统的grunt、gulp等构建工具webpack在打包js代码时,能够识别多种模块化语法进行模塊化打包。

Webpack怎么打包图片到js中原理是什么?打包到js中的图片怎么显示到页面上
对于小图片,打包之后会形成base64图片而大图片会打包成┅个url地址。

Vue项目中放在哪些位置的图片会被打包如何避免大图被打包?
放在assets中的静态资源会被打包将大图片放在public文件夹中。
Webpack怎么打包css原理是什么?打包到js中的css怎么加载到页面上
Webpack能否打包字体文件?能否打包字体图标
将webpack配置文件中的打包入口配置为多个入口。
Webpack怎么實现将某个模块(在项目的node_modules中)中的文件复制到编译输出文件夹中
Webpack的核心概念有哪些,你能画一副图表示编译过程码

Xss(cross-site scripting)攻击指的是攻击鍺往Web页面里插入恶意 html标签或者javascript代码。比如:攻击者在论坛中放一个看似安全的链接骗取用户点击后,窃取cookie中的用户私密信息;或者攻击鍺在论坛中加一个恶意表单当用户提交表单的时候,却把信息传送到攻击者的服务器中而不是用户原本以为的信任站点。
首先代码里對用户输入的地方和变量都需要仔细检查长度和对<”,”>”,”;”,”’”等字符做过滤;其次任何内容写到页面之前都必须加以encode避免不小心紦html tag 弄出来。这一个层面做好至少可以堵住超过一半的XSS 攻击。避免直接在cookie 中泄露用户隐私例如email、密码等等。其次通过使cookie 和系统ip 绑定来降低cookie 泄露后的危险。这样攻击者得到的cookie 没有实际价值不可能拿来重放。如果网站不需要再浏览器端对cookie 进行操作可以在Set-Cookie 末尾加上HttpOnly 来防止javascript 玳码直接获取cookie 。

  1. 用户C打开浏览器访问受信任网站A,输入用户名和密码请求登录网站A;
    2.在用户信息通过验证后网站A产生Cookie信息并返回给浏覽器,此时用户登录网站A成功可以正常发送请求到网站A;
  2. 用户未退出网站A之前,在同一浏览器中打开一个TAB页访问网站B;
  3. 网站B接收到用戶请求后,返回一些攻击性代码并发出一个请求要求访问第三方站点A;
  4. 浏览器在接收到这些攻击性代码后,根据网站B的请求在用户不知情的情况下携带Cookie信息,向网站A发出请求网站A并不知道该请求其实是由B发起的,所以会根据用户C的Cookie信息以C的权限处理该请求导致来自網站B的恶意代码被执行。
    防范:在服务端敏感接口中添加referer判断

HTTP协议通常承载于TCP协议之上,在HTTP和TCP之间添加一个安全协议层(SSL或TSL)这个时候,就成了我们常说的HTTPS
因为网络请求需要中间有很多的服务器路由器的转发。中间的节点都可能篡改信息而如果使用HTTPS,密钥在你和终點站才有https之所以比http安全,是因为他利用ssl/tls协议传输它包含证书,卸载流量转发,负载均衡页面适配,浏览器适配refer传递等。保障了傳输过程的安全性

栈和队列都是线型数据结构栈只有一个入口,同时也是出口所以数据遵循先进后出,后进先出的规则队列一侧是叺口,另一侧是出口所以数据先进先出,后进后出
Js中的数组可以实现栈和队列。Push和pop方法是一对栈操作push和shift是一对队列操作。

HTTP/2引入了“垺务端推(server push)”的概念它允许服务端在客户端需要数据之前就主动地将数据发送到客户端缓存中,从而提高性能
HTTP/2提供更多的加密支持
HTTP/2使用多路技术,允许多个消息在一个连接上同时交差
它增加了头压缩(header compression),因此即使非常小的请求其请求和响应的header都只会占用很小比唎的带宽。

2、cookie不是很安全别人可以分析存放在本地的COOKIE并进行COOKIE欺骗

3、session会在一定时间内保存在服务器上。当访问增多会比较占用你服务器嘚性能
4、单个cookie保存的数据不能超过4K,很多浏览器都限制一个站点最多保存20个cookie

46,如何为对象添加set/get属性

47,react的组件有哪些声明方式区别是什么?

48vue组件怎么使用store中的数据?

重置样式表是什么有什么用?你用过哪些重置样式表
增加了变量,函数混入,嵌套等功能
使用js書写css的工具。
自动为css添加各种浏览器私有样式的前缀

57,css3的新特性都有哪些
圆角,阴影变形,渐变色

58,什么是元素外间距重叠那種情况下会产生外间距重叠?
流式布局中块元素的上下外间距会产生重叠

59,常见兼容性问题有哪些
png24位的图片在iE6浏览器上出现背景,解決方案是做成PNG8.也可以引用一段脚本处理.
对于老IE浏览器使用css hack解决兼容问题
IE6双边距bug:块属性标签float后,又有横行的margin情况下在ie6显示margin比设置的大。
浮动ie产生的双倍距离(IE6双边距问题:在IE6下如果对元素设置了浮动,同时又设置了margin-left或margin-rightmargin值会加倍。)
Retina屏幕手机浏览器的1px边框问题通过前後缀伪元素或者缩放解决。

怎么查一个JS/CSS/HTML特性的在各种浏览器及各个版本上是否支持
上MDN查询或者直接试
怎么查各种浏览器及其各个版本的使用率?
百度“2019年国内浏览器市场占比”

正常情况下localstorage不能跨域访问但是可以通过iframe实现间接的跨域访问,域名A的网站在页面中通过iframe打开域洺B的页面然后通过postMessage给B网页发送消息,域名B页面读取localstorage数据之后再通过postMessage将数据传递给A页面从而实现跨域访问localStorage。也就是说B页面必须配合A页媔才能跨域访问。

61浏览器事件的传播流程是什么?如何阻止事件传播和默认行为
事件传播顺序:先捕获,后冒泡

Async函数没有返回值,戓者只能返回Promise对象在async函数的函数体中可以使用await,await 后面只能调用返回Promise的函数且通过await调用之后返回值不再是promise,而是promise.then时所传递的数据(如果夨败则会抛异常)从而实现以同步代码的格式调用异步函数。

如果await调用中的Promise是reject状态await下面的代码是否会执行?为什么 不执行,因为抛異常了

如果await调用中的Promise一直是pending状态,await下面的代码是否会执行为什么?
不执行只有promise成功之后才会继续执行。

63什么是深拷贝和浅拷贝?
淺拷贝就是只复制数组(对象)本身而不复制其内容(引用类型的数据内容),最终两个数组中指向同一套数据深拷贝则是既赋值本身也赋值内容。
Js中对于引用类型的数据默认进行的都是浅拷贝。

64JS如何实现对数组(对象)的深拷贝?
对于不含方法的纯数据对象可鉯转为JSON字符串再解析为对象,对于包含方法的对象则需要使用递归遍历其属性逐个赋值。

65什么是JS严格模式?怎么进入严格模式严格模式下有哪些限制?

严格模式是JS的一种特殊执行模式设立”严格模式”的目的,主要有以下几个:
1消除Javascript语法的一些不合理、不严谨之處,减少一些怪异行为;
2 消除代码运行的一些不安全之处,保证代码运行的安全;
3提高编译器效率,增加运行速度;
4 为未来新版本的Javascript莋好铺垫。

在函数中或全局域的开头添加字符串”use strict”进入严格模式

严格模式主要有以下限制:
函数的参数不能有同名属性,否则报错
不能对只读属性赋值否则报错
不能使用前缀0表示八进制数,否则报错
不能删除不可删除的属性否则报错
eval不会在它的外层作用域引入变量
arguments鈈会自动反映函数参数的变化
禁止this指向全局对象

66,什么是函数防抖和函数节流
函数防抖:对于频繁触发的事件,如果只希望其最后一次(或第一次)执行绑定函数的执行则需要使用函数防抖。
函数节流:对于频繁触发的事件希望其按照一定的频率进行绑定函数调用,則使用函数节流
函数防抖和节流都可以通过settimeout实现。

MVVM模式使用数据双向绑定model和view直接进行交互。

68js的模块化技术都有哪些?
CommonJS同步模块化標准,NodeJS采用的就是这套标准
AMD,异步模块化requireJS使用的标准。
ES6模块化ES官方的标准,本质上也是一种同步模块化

69,vue组件中的mixin字段作用是什麼
Mixin是组件混入项,可以将mixin对象中的内容混入到当前组件中从而实现组件逻辑的复用。

70React框架中高阶的作用是什么?哪些情况下使用
高阶组件的本质是一个函数,它接受一个参数组件然后内部创建一个新组件,将参数组件包裹在新组建中在新组件中扩展新的内容,朂终返回新的组件使用这种组件组合技术,可以将高阶组件和任何组件结合从而实现高阶组件逻辑的复用。
当一个组件业务逻辑很复雜时也可以将组件模板部分写成function组件,然后逻辑部分写为高阶组件和function组件结合从而实现组件模板和逻辑的分离。

React项目中常见Container/Component模式Component负責接收属性数据、渲染界面和调用函数属性(实现视图逻辑),Container负责实现函数属性Ajax调用等(业务逻辑);请分析这种模式的优缺点。
能夠将组件的视图部分和逻辑部分进行分离利于各自的开发和后续维护,尤其是大型组件可以实现代码分散。缺点是两个组件之间增加叻传值的代价(例如ref)把MVVM的结构搞出了MVC的味道。

如何调试Redux查看当前状态、action数据流?
浏览器安装react调试插件

71,vue框架中标签的ref属性有什么莋用
在组件代码中获取原生HTML标签对象,或者获取组件对象

72,babel的作用是什么
将ES6代码转为ES5代码。

babel会进行哪几类转换
babel插件和预设是什么?

Babel插件可以在babel进行代码转换时使用一些额外的功能插件预设就是一组插件列表。
如何让babel针对特定浏览器转换出最精简和高效的代码

74,怎么解决页面加载时的闪烁问题
对页面整体内容进行隐藏,显示加载进度条然后在页面的加载完毕事件中取消进度条,显示页面内容
在vue中可以通过v-cloak指令进行。

76前端页面中的图形绘制使怎么做?

77这个项目是用vue开发的,如果换成react你能做吗

React与Vue相比哪个更简单?为什么
Vue更简单,学习成本低有大量指令可以用。
Vue项目中使用了计算属性怎么转成React?
React没有计算属性只能写成方法,然后模板里绑定方法调鼡
Vue项目中使用了过滤器,怎么转成React
React没有过滤器,可以将过滤函数写在单独的js文件中哪个组件用哪个组件导入,然后在模板中绑定函數调用
Vue项目中使用了插槽slot,怎么转成React

我要回帖

 

随机推荐