本周热门前端开发文章推荐

本周热门前端开发文章推荐
2018年07月23日 19:42 发慌夕颜留

本文链接为外部链接,没法点击直达,建议手机收藏,在电脑上看。共有30篇文章,或者你也打开微头条链接直达:https://www.toutiao.com/a1596643611824132

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

1、腾讯一面(2019前端实习岗)

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

https://juejin.im/post/5ab8d9e06fb9a028c22ac36c

2、不可思议的纯CSS导航栏下划线跟随效果

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

https://juejin.im/post/5ab9e9056fb9a028be360292

3、从八道面试题看JavaScript DOM事件机制

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

...

http://www.tuicool.com/articles/I7Vv2i

4、腾讯一面(2019前端实习岗)| 掘金技术征文

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

https://juejin.im/post/5ab8d9e06fb9a028c22ac36c

5、新人必看的短小而精悍的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...

http://www.tuicool.com/articles/mQ7R7z7

6、BAT 要的是什么样的前端实习生?

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

http://www.tuicool.com/articles/bInqieZ

7、记金山wps2019届前端笔试题 | 掘金技术征文

第一题 console.log(a) // undefined var a = 1; var getNum = function() { a = 2; } function get

https://juejin.im/post/5abaeecef265da237a4d0e20

8、HTML5中37个最重要的技术点

目录 SGML(标准通用标记语言)和HTML(超文本标记语言),XML(可扩展标记语言)和HTML的之间有什么关系? 为什么HTML5里面我们不需要DTD(Document Type Definition文档类型定义)? 如果我不放入 标签,HTML5还会工作么? 哪些浏览器支持HTML5? HTML5的页面结构同...

http://www.tuicool.com/articles/v2aeMbn

9、2018三月个人前端社招面试经验总结

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

http://www.tuicool.com/articles/MvA3yqm

10、3月web前端面试小结 | 掘金技术征文

说一下box-sizing的应用场景 box-sizing的属性值分为两个,border-box和content-box,其中, border-box:width=content+padding+border content-box: width=conte

https://juejin.im/post/5abb44c06fb9a028df22ab37

11、JS灵巧判断7种类型的方式

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

http://www.tuicool.com/articles/riABvmV

12、前端到底要不要算法?

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

https://mp.weixin.qq.com/s/KrGgtITKAIUKxs06ljUS7g

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

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

http://www.zhangxinxu.com/wordpress/2018/03/background-gradient-transtion/

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

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

http://www.tuicool.com/articles/n22MNrA

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

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

https://juejin.im/post/5aba6bfc5188255c4c104da1

16、Vue.js最佳实践(五招让你成为Vue.js大师)

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

https://segmentfault.com/a/1190000014085613

17、JavaScript 优雅模式 Ice Factory

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

http://www.tuicool.com/articles/EvYvUfy

18、前端进阶系列-目录

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

https://juejin.im/entry/5abf04546fb9a028d5673a32

19、vue2 + koa2 + webpack4 的SSR之旅

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

http://www.tuicool.com/articles/bqmIJrQ

20、精美的 Node.js 框架

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

http://www.tuicool.com/articles/RFb6JnQ

21、Nerv:京东高性能前端框架

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

https://aotu.io/notes/2018/03/22/nerv/

22、webpack4之基础篇

WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 2. webpack核心概念 Entry:入口,Webpack 执行构建的第一步将从 Entry 开始,可抽象成输入。 Module:模块...

http://www.tuicool.com/articles/BZfm6fN

23、webpack4之高级篇

css Tree Shaking yarn add purify-css purifycss-webpack -D const glob = require('glob') const PurifyCSSPlugin = require('purifycss-webpack') // 去除无用的css plugins: [ new PurifyCSSPlugin({ // 路劲扫描 nodejs内置 路劲检查 paths: glob.sync(path.join(__dirname, 'pages/*/*.html'...

http://www.tuicool.com/articles/vymEzun

24、《css世界》的那些实用技巧

下面所有的内容都来至张鑫旭所著的《css世界》。 《css世界》这是一本专门写css的书,书中并没有涉及css3的知识,但是它所展现的东西很多都是我从未知道或以前未重视的。这是一本能够开阔视野的书,我把这本书推荐所有从事前端的人。 下面都是我在看这本书所记录的

https://juejin.im/post/5ab9dd31f265da238b7e0749

25、【Python3网络爬虫开发实战】6-Ajax数据爬取-4-分析Ajax爬取今日头条街拍美图

本节中,我们以今日头条为例来尝试通过分析Ajax请求来抓取网页数据的方法。这次要抓取的目标是今日头条的街拍美图,抓取完成之后,将每组图片分文件夹下载到本地并保存下来。 1. 准备工作 在本节开始之前,请确保已经安装好requests库。如果没有安装,可以参考第1章。 2. 抓取分析 在抓取之前,首先要分析抓取...

http://www.tuicool.com/articles/MRBvQfe

26、一步一步实现一个符合PromiseA+规范的Promise库(1)

今天我们来自己手写一个符合PromiseA+规范的Promise库。大家是不是很激动呢?? 才没有。。 我们都知道。在现在的前端开发中,Promise这个东西基本上所有的开发中都会用到。

https://juejin.im/entry/5ab8f82d6fb9a028dd4e3a21

27、浅谈Vue内置component组件的应用场景

官方的说明 渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染。

https://juejin.im/post/5ab8b04b6fb9a028e11ff1f1

28、教你用 css 写一个拟物化图标

拟物化(Skeuomorphism)风格的图标在iOS7发布之前广为流行。相当长一段时间,无论系统、网页还是第三方应用都争相使用拟物化的设计风格。那时候的dribbble网,各色优秀的拟物化设计作品也争奇斗艳、层出不穷。 下面先展示几张优秀的拟物化设计作品,让

https://juejin.im/post/5abb5822518825557b4ccd93

29、优雅的 JavaScript 排序算法(ES6)

面试官:小伙子排序算法了解吗? 回答:我能写出来 四种冒泡排序 , 两种选择排序 , 两种插入排序 , 两种哈希排序 , 两种归并排序 , 两种堆排序 , 三种快速排序 。 用我自己的方式。 前言 文中所有代码位于位于 此仓库 中,可以下载代码进行练习、推敲。 P.S. 原文显示效...

http://www.tuicool.com/articles/zANVnqM

30、彻底捋一捋JS事件:捕获与冒泡、事件处理程序、事件对象、跨浏览器、事件委托

一、捕获与冒泡 事件流描述的是从页面中接收事件的顺序 IE 的事件流是事件冒泡流 而 Netscape Communicator 的事件流是事件捕获流 DOM2级事件规定的事件流包括三个阶段: 事件捕获阶段 处于目标阶段 事件冒泡阶段

https://juejin.im/entry/5abb103cf265da239d495a83

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

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

今日更多精彩文章:http://caibaojian.com/fe-daily-20180402.html

综合网络,如有侵权联系删除。

作者文章

新浪首页 语音播报 相关新闻 返回顶部