前端面经笔记 2021.8.28


下面哪些执行结果为true()

A.'foo' == new function(){ return String('foo'); };
B.'foo' == new function(){ return new String('foo'); };
C.[] == 0
D.![]
E.!0

正确答案: B C E
你的答案: B C D E

关于D:错误,对象总等于真。

关于A、B:

function Human(name) {this.name = name;return {};
}let one = new Human('c1er');
console.log(one); //输出空对象 Object { }

以上述代码为例:
使用new运算符调用函数时,会返回一个对象。
如果构造函数没有return语句时,则默认返回原型为Human.prototype的、设置了属性name的对象。
然而就像Classconstructor一样,return语句返回一个对象时,该对象将被作为new操作符的结果返回。
因此:
A:String()作为普通函数使用时,将值转为字符串,不是对象,默认返回是一个空对象,原型为匿名函数的prototype

String(new function(){ return String('foo'); })
"[object Object]"

B:String()作为构造函数来用时,返回了一个字符串包装对象。

String(new function(){ return new String('foo'); })
"foo"

以下结果里,返回 false 的是?

A.[] == true
B.!![]
C.NaN == NaN
D.null == undefined

正确答案: A C
你的答案: C

A中,两边都进行了隐式转换。true 会转为1 ,[ ] 会转为 0 ,最后是比较的是 0 == 1,所以结果是false。
注意:[]转换成字符串为“”
[]转换成boolean为true;
[]转换成数字为0;
这样B中的[]即隐式转换为true


以下输出结果为object的是( )

A.typeof null
B.typeof undefined
C.typeof []
D.typeof 5

正确答案: A C
你的答案: A


指令中哪种作用域可以继承父scope

A. scope:true
B. scope:{}
C. scope:parent
D. 默认就继承了父作用域

正确答案: A

Angular scope的继承
以下指令汇创建新的scope,并且在原型上继承父scope
ng-repeatng-switchng-viewng-controller
带有scope: true的指令,带有transclude:true的指令

值得注意的是以下指令不会继承父scope
scope: {}的指令,这会创建一个隔离作用域
scope: false ,这会共享作用域


分析下面javascript代码:

<script>function out(x){var temp = 2;function inside(y){document.write( x + y + (temp--));}inside(5);}out(3);</script>

输出结果为:

A. 8
B. 9
C. 10
D. 11

正确答案: C

temp先计算再自减

--运算符前置和后置的区别:
如果该运算符作为后置操作符,则返回它递减之前的值。
如果该运算符作为前置操作符,则返回它递减之后的值。

后置:

var i = 5;
var a = i--;
console.log(i);//输出4
console.log(a);//输出5

前置:

var j = 5;
var b = --j;
console.log(j);//输出4
console.log(b);//输出4

以下描述错误的是

A. cookie以及loaclStorage都会伴随着http请求发送到服务器
B. get提交的url会有长度的限制,而post提交的数据则可以比较大
C. 在javascript中可以操作cookie
D. javascript在浏览器的执行是单线程的
E. html5中的新增存储方式包括localStorage/sessionStorage

正确答案: A


关于CSS,以下说法正确的有:

A. currentcolor取值为当前元素CSS样式color属性的值
B. calc( )函数允许使用加法和减法,不允许使用乘法和除法
C. attr( )函数只能在content属性中使用
D. color: currentcolor 和 color: inherit 是等价的

正确答案: A D

  • calc()使用通用的数学运算规则,但是也提供更智能的功能:
    使用+-*/四则运算;
    可以使用百分比、px、em、rem等单位;
    可以混合使用各种单位进行计算;
    表达式中有“+”和“-”时,其前后必须要有空格,如widht: calc(12%+5em)这种没有空格的写法是错误的;
    表达式中有*/时,其前后可以没有空格,但建议留有空格。
  • 在CSS3中扩展了颜色值包含 currentColor 关键字,并用于所有接受颜色的属性上。
    currentColor是 color 属性的值,具体意思是指:currentColor关键字的使用值是 color 属性值的计算值。如果currentColor关键字。
    被应用在 color 属性自身,则相当于是 color: inherit。

CSS3新增特性有()

A. font-size
B. @media
C. @keyframes
D. flexbox

正确答案: B C D
你的答案: B C

css3新增特性

  1. CSS3选择器
  2. CSS3边框(Borders)
  3. CSS3背景
  4. CSS3渐变
  5. CSS3文本效果
  6. CSS3字体(@font-face规则)
  7. CSS3转换和变形
  • 1)2D转换方法
  • 2)3D转换属性
  1. CSS3过度(transition属性)
  2. CSS3动画(@keyframes规则 animation属性)
  3. CSS3多列
  4. CSS3盒模型
  5. CSS3伸缩布局盒模型(弹性盒子)(flexbox)
  6. CSS3多媒体查询(@media)

css设置链接样式下列说法正确的是()

A.a:hover可以在a:visited 之前生效
B.a:hover可以在a:link之前生效
C.a:active 必须位于 a:hover 之后
D.a:active - 链接被点击后的样式

正确答案: C 你的答案: A

解析:a:link,a:visited,a:hover,a:active 分别是什么意思?

  1. link:连接平常的状态
  2. visited:连接被访问过之后
  3. hover:鼠标放到连接上的时候
  4. active:连接被按下的时候

正确顺序:“爱恨原则”(LoVe/HAte),即四种伪类的首字母:LVHA。再重复一遍正确的顺序:a:link、a:visited、a:hover、a:active .

因为当鼠标经过未访问的链接,会同时拥有a:link、a:hover两种属性,a:link离它最近,所以它优先满足a:link,而放弃a:hover的重复定义。当鼠标经过已经访问过的链接,会同时拥有a:visited、a:hover两种属性,a:visited离它最近,所以它优先满足a:visited,而放弃a:hover的重复定义。究其原因,是css的就近原则“惹的祸”。

前端面经笔记 2021.8.28相关推荐

  1. 前端面试题笔记 2021.8.26

    2021.8.26学习笔记 如果需要匹配包含文本的元素,用下面哪种方法来实现? A. text() B. contains() C. input() D. attr(name) 正确答案: B tex ...

  2. 字节跳动校招前端面经(2021.03.16)

    字节跳动校招前端面经 一面 二面 一面 自我介绍 项目相关 webpack的工作原理 loader和plugins的区别 http头中关于缓存的字段 expires和Cache-Control的关系和 ...

  3. 【前端面试题】2021秋招+金九银十,看完这些就够了 最新前端面试总结 68道前端面试题,助你进大厂

    文章目录 1.MVC 是什么 2.MVVM 是什么 3.vue 双向绑定原理 4.angular 双向绑定原理 5.单向绑定 与 双向绑定的好处和劣势 6.Vuex 是什么 7.Vuex 原理 8.V ...

  4. 刷前端面经笔记(二)

    1.实现三栏布局(左右两边固定宽度,中间自适应) 1)浮动布局 左右两边固定宽度,并分别设置float:left和float:right.(但这会带来高度塌陷的问题,所以要清除浮动.清除浮动的方式有: ...

  5. 【前端面试题】2021/3/15面试题

    最近在boss直聘上投了很多简历,记录一下今天的面试题,这个好几个都是电话直接打过来问时间方便?我一回答方便就直接开始丢题目,我也不知道哪个公司的.感觉公司不是很正规的感觉,感觉那边有个问题题库,面试 ...

  6. 刷前端面经笔记(七)

    1.描述一下渐进增强和优雅降级 优雅降级(graceful degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复. 渐进增强(progressive enhancement) ...

  7. 刷前端面经笔记(十一)

    1.栈的压入和弹出 输入两个整数序列,第一个序列表示栈的压入顺序,请判断第二个序列是否可能为该栈的弹出顺序.假设压入栈的所有数字均不相等.例如序列1,2,3,4,5是某栈的压入顺序,序列5,4,3,2 ...

  8. 刷前端面经笔记(十二)

    1.以下递归函数存在栈溢出的风险,请问如何优化? function factorial(n){return n*factorial(n-1) } 解答: function factorial(n){r ...

  9. 【前端面试题】2021/3/12挺经典的面试题,这个经历很深刻。

    今天面试去啦,填了职业性格测试,人格测试及招聘的基本经历信息,面试官是技术头头,柔中带钢,问题润物细无声的感觉,很考验基本功. 上午10:30面试了一个达达的前端,采用的是线上腾讯会议的方式,面试官是 ...

最新文章

  1. java中finally与return的测试方法
  2. IPC RFC call in Service Order scenario
  3. 基于matlab的语音信号,科学网—[转载]【信息技术】【2014.06】【含源码】基于MATLAB的语音信号处理与分析 - 刘春静的博文...
  4. 企业网站 源码 服务邮箱:_公司企业邮箱购买,外贸企业邮箱用哪家服务好?
  5. 科学家用计算机模拟后确认 60个n原子,科学家用计算机模拟后确认,60个N原子可结合成N60分子。下列关于N60的叙述中正确的是A.N60是一种新型的化合物...
  6. 内推 | 无人驾驶~小马智行Pony.ai 2020
  7. django 1.8 官方文档翻译: 2-5-10 数据库函数
  8. 利用python分析电商_Python实现爬取并分析电商评论
  9. BUG缺陷管理工具--测试用例执行
  10. Linux 在 soft lockup 时,可以远程调试吗?
  11. 【转】MapReduce读取lzo文件
  12. HTTP有哪些特点?
  13. 卸载JLink驱动弹出“could not open INSTALL.LOG file”的解决方法
  14. 德清租房软件测试,门头沟实习生出租房
  15. 计算机网络(5.13)运输层- TCP的拥塞控制方法
  16. python 双冒号_python双冒号
  17. The size of tensor a (4) must match the size of tensor b (3) at non-singleton dimension 0 维度不匹配
  18. wcf教程-传递数据过大怎么配置?读取 XML 数据时,超出最大字符串内容长度配额 (8192)
  19. 如何 重构网络 SDN架构实现
  20. 十、惯性导航误差传播规律

热门文章

  1. System.FormatException:“输入字符串的格式不正确。”
  2. LeetCode简单题之棒球比赛
  3. Relay IR表示
  4. 华为+长安研发芯片?长安蔚来更名“阿维塔科技”
  5. TensorFlow分布式详解
  6. TensorFlow简单线性回归
  7. 模拟内存计算如何解决边缘人工智能推理的功耗挑战
  8. AI芯片结构目标图形处理
  9. 2021年大数据Spark(五十三):Structured Streaming Deduplication
  10. python >> 和 <<