20181124 前端开发周报

2018年,最经典的26个JavaScript面试题和答案;Vue.js 3.0 新特性预览;GitHub上最热门的十大Vue.js项目;《css世界》- 详细重点笔记与技巧;为什么我要放弃javaScript数据结构与算法(第十章)—— 排序和搜索算法;程序员练级攻略(2018):前端基础和底层原理;H5新人福音~零配置搭建现代化的前端工程;2019年前端面试都聊啥?一起来看看

  1. 2018年,最经典的26个JavaScript面试题和答案根据 Stack Overflow 的 2018 年度调查,JavaScript 连续六年成为最常用的编程语言。所以我们必须面对这样的现实,JavaScript 已经成为全栈开发技能的基石,在全栈开发面试中都会不可避免地涉及到与 JavaScript …
  2. Vue.js 3.0 新特性预览 Evan You(尤雨溪)今天(2018年11月16日)早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能,Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。我们做了一些笔记并将其与下面的幻灯片结合起来分享给大家。 总结起来,Vue 3 以下方面值得我们期待 : 更快 …
  3. GitHub上最热门的十大Vue.js项目在过去的一个月里,Mybridge从将近150个Vue.js开源项目中精选出十个热门项目,旨在帮助开发者找到自己需要的Vue.js开源项目
  4. 《css世界》- 详细重点笔记与技巧在《css世界》这本书中有一些“黑魔法”给列举出来,在结合自己的理解。篇幅有点长,希望大家能够坚持看完,一定会有收获!!!以下是摘自每章内一些重要的概念与技巧。其中有解决图片间隙的问题、小图标与文字居中…
  5. 为什么我要放弃javaScript数据结构与算法(第十章)—— 排序和搜索算法 为什么我要放弃javaScript数据结构与算法(第十章)—— 排序和搜索算法 本章将会学习最常见的排序和搜索算法,如冒泡排序、选择排序、插入排序、归并排…
  6. 程序员练级攻略(2018):前端基础和底层原理这个是我订阅 陈皓老师在极客上的专栏《左耳听风》,我整理出来是为了自己方便学习,同时也分享给你们一起学习,当然如果有兴趣,可以去订阅,为了避免广告嫌疑,我这就不多说了!以下第一人称是指陈皓老师。
  7. H5新人福音~零配置搭建现代化的前端工程X-BUILD一套基于Webpack(v4.21.0)快速搭建H5场景开发环境的脚手架,只需要几分钟的时间就可以运行起来。X-BUILD是针对H5开发的一套自动化构建工具,致力于提升开发效率,减小开发难度。它可以让你在没有任何构建…
  8. 2019年前端面试都聊啥?一起来看看 原文作者:Harshal PatilFollow 译者:UC 国际研发 Jothy 写在最前:欢迎你来到“UC国际技术”公众号,我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章,不限于原创与翻译。 JavaScript ES2015 规范出现后,一切都大变样啦。 该规范很大——随着对modules(模块)原生支持以及不断发…
  9. 聊聊前端工程化 我对工程化的理解 工程师是个古老的职称了。耳熟能详的有建筑工程师,电器工程师等,往往他们在人们脑海中的印象是刻板,严谨,可靠。 随着互联网的发展,软件工程师出现了!他们不用一砖一瓦,也不用尺子电钻,计算机是他们的施工现场,代码是他们的工程部件,键盘之上的指尖跃动是他们的工程活动,在你看…
  10. ES6之数组的扩展扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。该运算符主要用于函数调用。
  11. 10 个有趣的 JSCSS 库(2018.11) Tutorialzine每月都会给我们精心挑选优秀的web开发资源,这些资源可以帮助我们解锁最新和最炫酷的网络开发姿势。前端er,让我们一起先睹为快吧! Omi 鹅厂出品,下一代 Web 框架,去万物糟粕,合精华为一。让 JSX, Web Components, Proxy, Store, Path Updating 在一起。响应式数据绑定,提供TypeScript…
  12. 总结:前端开发中让元素水平垂直居中的方法这个是没有浮动的情况下,我们可以先将要居中的块级元素设为inline/inline-block,然后在其父元素上加上属性text-align:center;即可。如果要居中的块级元素直接是内联元素(span、img、a等),直接在其父级元素上…
  13. Vue数据通信详解组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。组件间如何传递数据就显得至关重要。本文尽可能罗列出一些常见的数据传递方式,如props、$emit/$on…
  14. WebSocket爬虫之爬取龙珠弹幕 这是崔斯特的第七十二篇原创文章 弹幕爬虫 (๑• . •๑) 我是一个直播爱好者,喜欢看很多人直播,以前可以看一天直播不出门。现在主要看这么些主播,虎牙的韦神、Dopa,斗鱼的狗贼嘘嘘。 对于其中的弹幕文化,非常感兴趣,就研究下,发现弹幕是用WebSocket实现的,那首先来说说什么是WebSocket。 WebSocket是…
  15. 谈起音视频,前端能做些什么音视频随着互联网的发展,对音视频的需求越来越多,然而音视频无乱是播放还是编解码,封装对性能要求都比较高,那现阶段的前端再音视频领域都能做些什么呢。
  16. 从购买牛奶谈到Web缓存(译) 此文章为中文译文,有不足或者错误之处,敬请指正。原文传送门:点击这里 如果你曾在商场买过牛奶,那么你将会很好地理解服务端及浏览器端的缓存机制。 如果你是一个忠实的因特网用户,你时时刻刻都在享受缓存所带来的好处。但是,你可能并不清楚它是在何时,以何种方式施展它
  17. 脑阔疼的webpack按需加载 随着单页应用发展的越来越庞大,拆分js就是第一要务,拆分后的js,就可以根据我们需求来有选择性的加载了。 所以第一个问题,就是js怎么拆? Q2:js怎么拆? 1,未拆分前是什么样子? 来个demo,先看一下未拆分之前是什么样子: a.js: import b from ‘./b.js’; console.log("this is a.js") const b…
  18. # NodeJs 实战——原生 NodeJS 轻仿 Express 框架从需求到实现(一) 这篇文章是一个系列的文章的第一篇,主要是自己实现一个express的简易版框架,加深对nodejs的理解。 确认需求 我们从一个经典的 Hello World 开始,这是 Express 官方文档的第一个实例, 代码如下 const express = require(‘express’); const app = express(); app.get(‘/’, (req, res) => res.send(‘Hello …
  19. 面试官问:能否模拟实现JS的bind方法附上之前写文章写过的一段话:已经有很多模拟实现bind的文章,为什么自己还要写一遍呢。学习就好比是座大山,人们沿着不同的路登山,分享着自己看到的风景。你不一定能看到别人看到的风景,体会到别人的心情。只…
  20. 百度、有赞、阿里前端面试总结 前言 人家都说,前端需要每年定期出来面面试,衡量一下自己当前的技术水平以及价值,本人17年7月份,毕业到现在都没出来试过,也没很想换工作,就出来试试,看看自己水平咋样。 以下为我现场面试时候的一些回答,部分因人而异的问题我就不回答了,回答的都为参考答案,也有部分错误的地方或者不好的地…
  21. JavaScript 如日中天,2018趋势报告来啦 写在最前:欢迎你来到“UC国际技术”公众号,我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章,不限于原创与翻译。 以下内容根据 StateOfJS 这个项目整理而来。 一年一度的 JavaScript 趋势报告来啦,这个报告从 2016 年开始,今年已经是第三年啦! 这个项目叫 StateOfJS,是由 Ra…
  22. Web安全开发规范手册V1.0团队最近频繁遭受网络攻击,引起了技术负责人的重视,笔者在团队中相对来说更懂安全,因此花了点时间编辑了一份安全开发自检清单,觉得应该也有不少读者有需要,所以将其分享出来。
  23. 浏览器输入url到发起http请求所经历的过程当用户输入url,操作系统会将输入事件传递到浏览器中,在这过程中,浏览器可能会做一些预处理,比如 Chrome 会根据历史统计来预估所输入字符对应的网站,例如输入goog,根据之前的历史发现 90% 的概率会访问「www…
  24. promise与setTimeout的执行顺序问题有一次在面试题中有做到promise与setTimeout的执行顺序,当时有点懵,执行顺序还是弄错了一点点,这里记录下
  25. Github上 Star 数相加超过 7w+ 的三个面试相关的仓库推荐关注我公众号的大部分人应该知道我开源的 JavaGuide ,今天再来给大家安利另外两个做的很好的开源文档。从 Star 数最少的我的那个来,哈哈!文末分享了我精选的几个面试相关的资源,都是我看过的,而且好评比较多…
  26. 前端每日实战:162# 视频演示如何用原生 JS 编写一个查询 github 用户的应用效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 第 1 部…
  27. 「伪全栈」Vue+Node搭建一个商城应用 一个入门级的前后端分离项目,包括前端、后端两个子项目。前端为基于Vue全家桶的多页面应用,后端基于Koa2+Sequelize,主要提供API接口。(网站备案中,线上预览地址暂为非标准端口) 线上预览 前端源码 后端源码 项目展示 项目特点 前端 Vue-cli3搭建多页面应…
  28. react + node + express + ant + mongodb 的简洁兼时尚的博客网站此项目是基于 react + node + express + ant + mongodb 的,项目已经开源,项目地址在 github 上,喜欢的,欢迎给个 star 。
  29. 2. React-Router的基本使用 《react-router-dom源码揭秘》系列 1. Context – React跨组件访问数据的利器 3. react-router-dom源码揭秘 – BrowserRouter 今天再给大家带来一篇翻译文章。原文来自react-router-dom官
  30. css实现盒尺寸重置、均匀分布的子元素、截断文本重置盒子模型,以便width s和height s并没有受到border 还是padding他们的影响 。
  31. 动手做个聊天室,前端工程师百无聊赖的人生本项目服务端基于node.js技术,使用了koa框架,所有数据存储在mongodb中。客户端使用react框架,使用redux和immutable.js管理状态,APP端基于react-native和expo开发。本文需要对JavaScript较为熟悉,讲解核心功…
  32. Vue-CLI路由懒加载预渲染项目实战常见的<font color=red>Vue单页SPA</font>构建之后的index.html只是一个包含根节点的空白页面,当所有需要的js加载完毕之后,才会开始解析并创建<font color=red>vnode</font>,然后再渲…
  33. 巧用 TypeScript(三) 数组与元组 创建一个数组很简单: const arr = ; 复制代码此时 TypeScript 将会推断 arr 类型为 number[]: arr.push('1'); // Error 复制代码当数组元素具有其它类型时,可以通过类型注解的方式:
  34. node.js中常用的fs文件系统模块中的方法均有异步和同步版本,例如读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。
  35. 来实现一个缩水版Vuex对 Vuex 源码进行浓缩,DIY 一个小型 Vuex 功能如下 通过 $store.commit 改变 $store.state 实现 strict model 源码约70行左右比较好理解,下面讲解一下两个比较重要的点。 install Vue.use(Vuex)实际上调用的是 …
  36. 从 1 到完美,写一个 js 库、node 库、前端组件库js 模块化的发展大致有这样一个过程 iife => commonjs/amd => es6,而在这几个规范中:
  37. 5分钟掌握 webpack 多页应用配置 webpack 多页应用配置的基本思路是采用多入口配置,然后多次调用 html-webpack-plugin 来生成 html 文件。 假设项目的目录结构为: src |-pages |-home |-home.html |-home.js |-about |-about.html |-about.js 复制代码 webpack.config.js: const HTMLWebpack…
  38. 浅探css3渐变css3的渐变属性已经在各种网页设计中被广泛使用,在没有css3的渐变属性之前,要实现一些多种颜色切换的效果图,你可能别无他法,只能用一个图片来显示,虽然你知道使用图片需要网络请求,既耗带宽又耗时间,下面…
  39. http协议概览这里我只是对一些知识进行简单的整理,方便自己理解记忆,还有很多不完善的地方,更多细节,需要查看书籍或者其他文章

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流