2018-04-02 前端开发周报

腾讯一面（2019前端实习岗）；不可思议的纯CSS导航栏下划线跟随效果；从八道面试题看JavaScript DOM事件机制；新人必看的短小而精悍的javascript function；BAT 要的是什么样的前端实习生？；记金山wps2019届前端笔试题 | 掘金技术征文；HTML5中37个最重要的技术点；2018三月个人前端社招面试经验总结

1、腾讯一面（2019前端实习岗）

前言之前投递了腾讯的实习生前端岗，一直没有电话，查了下状态说不合适，以为凉凉了，今天却收到了电话，出乎意料... 然后就开始了一面，一开始面试官说时间不会太久，大概30分钟吧，结果整个过程也就持续了30分钟吧。下面是面试的过程：自我介绍简单介绍了自
2、不可思议的纯CSS导航栏下划线跟随效果

先上张图，如何使用纯 CSS 制作如下效果？在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javas
3、从八道面试题看JavaScript DOM事件机制

As we all know,事件机制其实很简单，无非冒泡和捕获这两点，笔者不再赘述，网上相关文章一大堆，下面让我们直接看面试题题目一到七，统一设置css .test2 { height: 50px; } 题目一

...
4、新人必看的短小而精悍的javascript function

最近github上看到30-seconds-of-code关于js,css都是值得看的，今天分享10个fnc. 1.回到顶部，优点使用浏览器刷新频率的requestAnimationFrame，很顺滑 const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationF...
5、BAT 要的是什么样的前端实习生？

面试季又到了，各位小鲜肉也在着手准备基本的面试、实习。但是，有小鲜肉的思想我确实有点不敢苟同。面试无非就是问一些问题，你能答出来就行，答不出来就 pass。那如果我知道你要问哪些问题，这不就行了吗？感觉这不就是做一场考试吗？一个学期的课程，我用 7 天学完，题目我都会做，考试分数还比那些学了一个学期的...
6、记金山wps2019届前端笔试题 | 掘金技术征文

第一题 console.log(a) // undefined var a = 1; var getNum = function() { a = 2; } function get
7、HTML5中37个最重要的技术点

目录 SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？为什么HTML5里面我们不需要DTD（Document Type Definition文档类型定义）？如果我不放入标签，HTML5还会工作么？哪些浏览器支持HTML5？ HTML5的页面结构同...
8、2018三月个人前端社招面试经验总结

社招面试相比校招面试，我个人觉得是并不太那么的看重基础知识了(基础知识还是非常重要的)。社招一般没笔试，更多的是聊你之前做过的项目。基本上问问几个问题就知道你是什么水平了。第一家：应聘公司：拉勾网上发来的面试邀请，坐落于上海陆家嘴某金融大夏，环境非常高大上，面试官也还不错。面试的岗位是react-n...
9、3月web前端面试小结 | 掘金技术征文

说一下box-sizing的应用场景 box-sizing的属性值分为两个，border-box和content-box，其中， border-box：width=content+padding+border content-box： width=conte
10、JS灵巧判断7种类型的方式

空值 (null) 未定义 (undefined) 布尔值 (boolean) 数字 (number) 字符串 (string) 对象 (object) 符号 (symbol，ES6中新增) 在 JS 中呢，有很多坑，本文章将结合 undersoce.js源码和我所总结的方法准确判断这七种类型；先来一个小测试：首先，大家都熟悉的一种判断方式 typeof，这是...

11、前端到底要不要算法？

1+1=2的问题，我们都知道。但是市场上面依然能看到一句缪论“前端不需要算法”，这个不可否认，是不需要太多的算法，因为一个合理的产品，对于展示层的表现，应该注重的是视觉的还原和细节，但是！算法在某些情况下，对于性能的优化，有着很显著的提升。举个例子，假设后端没有给你提供排序好的数据，这些数据...

12、三分钟快速理解javascript内存管理

javascript 中具有垃圾自动回收机制（Garbage Collection） ,也就是执行环境会负责管理代码执行过程中使用的内存,在开发过程中就可以不考虑内存的分配,以及无用内存释放的问题.但是触发立即回收机制会中断代码的执行,停止其他操作,遍历所有的对象,回收所有不可访问的对象,因此垃圾回收的工作机制是周期性的. 因...

13、秀几种 CSS 背景渐变图片 transtion 过渡效果技巧

background-image 不支持 CSS3 transition，当 CSS3 gradient 渐变作为背景图片存在的时候，直接设置 transition 是不会有过渡效果的，那该怎么办呢？

14、JS中的九个console命令以及用法

一、显示信息的命令根据信息的不同，console对象有四种显示信息的方法，分别是 console.log('text'); 日志的输出 console.info('信息'); 信息提示 console.error('错误'); 错误信息 console.wa

15、Vue.js最佳实践（五招让你成为Vue.js大师）

本文面向对象是有一定Vue.js编程经验的开发者。如果有人需要Vue.js入门系列的文章可以在评论区告诉我，有空就给你们写。对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更...

16、JavaScript 优雅模式 Ice Factory

简评:JavaScript 中 Class 的行为和我们预期的不太一样,为了达到预期的效果作者使用 Ice Factory 模式来处理这个问题。 JavaScript class 并不优雅将相关的方法组织...

之前我分享了文章《大厂前端面试考什么》,你们一定很想看答案吧？说实话，答案我是有，在准备面试的时候会时不时翻看，但内容比较多，比较凌乱，也不能指望我在一篇文章中写完。我打算写一系列文章来进行解答面试中碰到的问题。目前只有目录，赶时间的同学可以根据关键词自行搜

18、vue2 + koa2 + webpack4 的SSR之旅

因为自己的博客完全的前后端分离写的，在 seo 这一块也没考虑过，于是乎，便开始了本次的 SSR 之旅技术栈 vue2 + koa2 + webpack4 + mongodb 因为webpack也已经到了 4.1 的版本了，所以顺带把 webpack3 迁移到了 webpack4 。服务端渲染（SSR）大概意思就是在服务端生成 html 片段...

19、精美的 Node.js 框架

编辑推荐: 本文来自于segmentfault.com ,我们从理论上讨论了NestJS并做了一个实际的例子。欲了解更多信息，请参阅框架的官方文档，其中包含大量随时可用的指导和代码片段。 NestJS 是一个精心制作的服务器端（后端）应用程序框架，以支持开发人员的生产力并让他们的生活更加快乐。那...

20、Nerv：京东高性能前端框架

Nerv 是一款由京东凹凸实验室打造的类 React 前端框架。目前已广泛运用在京东商城（JD.COM）核心业务及TOPLIFE全站。Nerv 基于React标准，使用 Virtual Dom 技术，拥有和 React 一致的 API 与生命周期，如果你已经对 React 使用非常熟悉，那么使用 Nerv 开发对你来说绝对是零学习成本。与此同时，相比于 React 以...

喜欢这篇文章的朋友，欢迎收藏、分享、评论，帮我上热门，你的支持，是我每日更新的动力！

喜欢前端的朋友可以点击关注一下我微博，每日分享精彩的前端文章！

weixin.png

2018-04-02 前端开发周报

你可能感兴趣的:(2018-04-02 前端开发周报)