19.3.24前端周报——HTTP面试了解多少？

长按二维码即可识别“进入网页”查看哟~

欢迎发表评论说说你 正在阅读 的文章~

1、一个HTTP打趴80%面试者

面试一年多，每当我问起面试者对HTTP的了解时，个个回答令我瞠目结舌，这些开发者都有3-5年的经验。请不要让我叫你野生程序员，是时候了解HTTP了，让我们当个正规军。

https://segmentfault.com/a/1190000018584779

2、Vue实现电商网站项目

shopping vue + vue-router + vuex 实现电商网站 效果展示 install git clone https://github.com/chenchangyuan/shopping.git npm install npm run dev 运行环境: node v9.11.1 npm 5.6.0 需求分析 登录页面、商品列表页（网站首页）、购物车页（实现结算）、商品详情页 可按颜色、品...

https://segmentfault.com/a/1190000018562933

3、【HTML/CSS】CSS实现垂直水平居中

相信在工作中经常会遇到需要某某元素垂直水平居中的需求，下面总结一下实现方法 元素已知宽度 绝对定位 + margin反向偏移 html {代码...} 元素未知宽度 绝对定位 + margin auto + 流体特性 html {代码...} Tips {...

https://segmentfault.com/a/1190000018535420

4、deno 如何偿还 node.js 的十大技术债

“Node现在太难用了！”。Node.js之父 Ryan Dahl 去年初要开发一款 JavaScript 互动式数据分析工具时，忍不住抱怨起自己十年前一手创造的技术。

https://segmentfault.com/a/1190000018562442

5、从零开始的Webpack4教程

在Webpack看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理

https://segmentfault.com/a/1190000018534625

6、JS面试之数组的几个不low操作(3)

本文主要从应用来讲数组api的一些骚操作;如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等；上面这些应用场景你可以用一行代码实现？

https://segmentfault.com/a/1190000018549643

7、Go、Nginx、Php、Nodejs谁能胜出紫禁之巅

声明：这里的测试框架都是很常用的框架，不去跟一些奇葩但是所谓性能极高的框架进行对比 由于我们在项目中大量使用Iris和nginx这两个Web框架(纯Go语言实现，零内存拷贝)，同时也听过很多人问Go的Http性能对比nginx、对比nodejs到底如何，有鉴于此，今天我们就来做一个Web框架性能真实比拼。 测试环境图： 下面...

https://studygolang.com/articles/18996

8、浅谈前端技术选型(一)

现在前端，都往大前端方向发展，pc, wapApp, 小程序，混合开发，桌面开发，node 后台。不光发展方向多，同一个方向的技术选型也同样多，比如wapApp的 vue,react,angular。那么问题来了，在项目中，我们到底应该如...

https://segmentfault.com/a/1190000018559038

9、金三银四，前端同学快来补补React原理吧

深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。

https://segmentfault.com/a/1190000018581908

10、11 个最好的 JavaScript 动态效果库

当我想要在网上找一个简洁的 Javascript 动效库时，总是发现很多“推荐”的库都是缺乏持续维护的。

https://segmentfault.com/a/1190000018577143

11、JS框架对比，Angular还是Vue适宜才最好

曾几何时，人人都在写前端框架，从网上搞点js脚本自己封装一下就可以搞成一个框架，然而除了用来吹牛外并没有什么egg用。后来有了Jqury出现了几乎一统江湖，但是也仅仅是昙花一现，没持续多久。最近这些年伴随着移动互联网的发展，Ajax技术，V8引擎和Node.js出现和流行催生了JS和前端(全栈)开发的火热。前端框架又爆发了...

http://developer.51cto.com/art/201903/593664.htm

12、Ajax技术的一些总结

ajax全称叫 Asynchronous JavaScript and XML ,意思是异步的 JavaScript 和 XML。 ajax是现有标准的一种新方法，不是编程语言，可以在不刷新网页的情况下，和服务器交换数据并且更新部分页面内容，不需要任何插件，只需要游览器允许运行JavaScript就可以。 而传统的网页（不使用ajax的）如果需要更新页面内容，...

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

13、 一文看懂 JS 继承

最近回顾 js 继承的时候，发现还是对一些概念不是很清晰。这里再梳理一下 JS 中继承的几种主要的方式，构造函数继承、原型链继承、组合继承以及原型式继承、寄生式继承、寄生组合式继承和 ES6 的 Class：

https://segmentfault.com/a/1190000018536665

14、如何学习 Git 是一门学问

最近一直在回忆学习git的一些过程，觉得很有意义，延伸出来就是如何学习计算机知识的一些思路，如果一个人从来没有接触过git或github，那么如何下手呢？ 不管我们懂不懂git或github，首先要明白它们不是一回事，git可以认为是一个协议或者一个工具，主要工作是版本控制，git蕴含了很多优秀和灵活的工作流。 ...

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

15、Vue 的小奇技（第十篇）：监听第三方组件的生命周期钩子

今天要讲的技巧是我以前从我朋友Damian Dulisz 那里学来的。他是 Vue.js 核心团队的成员，就是那个官方新闻站点Vue newsletter 的建设者，也还是vue-multiselect 库的作者。 在一些场景中，我需要在父组件上知道子组件什么时候被创建、挂载或者是更新，特别是当为原生 js 库创建组件时。 你可能知道有一些方法可以...

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

16、前端构建秘籍

随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，通常它的默认配置并不适用于业务开发...

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

17、Web 性能优化：21种优化CSS和加快网站速度的方法

这是 Web 性能优化的第 4 篇，上一篇在下面看点击查看： Web 性能优化：使用 Webpack 分离数据的正确方法 Web 性能优化：图片优化让网站大小减少 62% Web 性能优化：缓存 React 事件来提高性能 CSS 必须通过一个...

https://segmentfault.com/a/1190000018533393

18、容易遗忘的前端基础：Javascript 内存详解

某些语言，比如C有低级的原生内存管理原语，像malloc()和free()。开发人员使用这些原语可以显式分配和释放操作系统的内存。 相对地，JavaScript会在创建变量（对象、字符串）时自动分配内存，并在这些变量不被使用时自动释放内存，这个过程被称为 垃圾回收 。这个“自动”释放资源的特性带来了很多困惑，让JavaScript（...

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

19、用Class写一个记住用户离开位置的js插件

前言 常见的js插件都很少使用ES6的 class ，一般都是通过构造函数，而且常常是手写 CMD 、 AMD 规范来封装一个库，比如这样： // 引用自：https://www.jianshu.com/p/e65c246beac1 ;(function(undefined) { "use strict" var _global; var plugin = { // ... } _gl...

https://segmentfault.com/a/1190000018569836

20、在Node.js中编写内存高效的软件应用程序

在Node.js中编写内存高效的软件应用程序 Naren Yellavula 封锁 UnblockFollow 继2018年11月14日之后 一个旨在避免气流的建筑物（ https://pixelz.cc ） 软件应用程序在计算机的主存储器中运行，我们称之为随机存取存储器（RAM）。 JavaScript尤其是Node.js（服务器端js）允许我们为最终用户编写...

http://www.apexyun.com/zai-node-jszhong-bian-xie-nei-cun-gao-xiao-de-ruan-jian-ying-yong-cheng-xu/

21、F4Lab：Flutter 实现的 GitLab 客户端

F4Lab A glitlab client made by flutter. Support Android & IOS. Download Release Apk light nav dark nav project merge requert pipeline ...

https://github.com/stefanJi/Flutter4GitLab/blob/master/README.md

22、【前端词典】实现 Canvas 下雪背景引发的性能思考

去年圣诞节产品提了一个活动需求，其中有一个下雪的背景动画。在做这个动画的过程中加深了对 canvas 动画的一些了解，在这里我仅是抛砖引玉的分享一下，欢迎各位大佬批评。 代码已上传至 github ，感兴趣的可以 clone 代码到本地运行。望给个 star 支持一下。 入题 需求给出的 UI 样式如下： UI 的需求是雪...

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

23、深入理解JavaScript执行上下文和执行栈

如果你是一名 JavaScript 开发者，或者想要成为一名 JavaScript 开发者，那么你必须知道 JavaScript 程序内部的执行机制。执行上下文和执行栈是JavaScript中关键概念之一，是JavaScript难点之一。 理解执行上下文...

https://segmentfault.com/a/1190000018550118

24、Vue.js-状态管理与Vuex

非父子组件（跨级组件和兄弟组件）通信时，使用了bus（中央事件总线）的一个方法，用来触发和接收事件，进一步起到通信的作用。

https://segmentfault.com/a/1190000018559465

25、Vue.js-Render函数

学习笔记：Render函数 Render函数 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区...

https://segmentfault.com/a/1190000018559170

26、使用 Pixi.js 构建一个视差滚动器（第一篇）

翻译对照 原文： PART 1 ・ PART 2 ・ PART 3 ・ PART 4 译文：第一篇・第二篇・ 第三篇・ 第四篇 关注 @chriscaleb 这个系列的教程已经更新到了 PixiJS v4 版本。 曾经玩过 Canabalt 和  Monster Dash ，好奇他们是如何构建一个滚动游戏地图的？在这个教程中我们将向「构建一个视差滚动器」迈...

https://keelii.com/2019/03/16/building-a-parallax-scroller-with-pixijs-cn-1/

27、我在珍爱网这半年（前端）

“半年”，在职场中是一个很短暂的词，现在我已经去了另外一家公司了，很想和一些想加入珍爱网的前端分享一下我的经历。 我是一名前端工程师，在珍爱网的级别是I2+，对应的是普通前端的title。对于珍爱网的这段工作经历，我是带着期望到来，带着遗憾离开。为什么说带着期望来，因为我放弃了几个年薪35W+的offer选择...

https://zhuanlan.zhihu.com/p/58863395

28、前端面试题 — JavaScript (一)

https://segmentfault.com/a/1190000018536392

29、JavaScript 为什么要有 Symbol 类型

Symbols 是 ES6 引入了一个新的数据类型 ，它为 JS 带来了一些好处，尤其是对象属性时。 但是，它们能为我们做些字符串不能做的事情呢?

https://segmentfault.com/a/1190000018522663

30、加快你的网站响应速度-Vue懒加载

关于懒加载 众所周知，对于页面内容比较丰富的网站，dom的解析会很复杂，这样就会导致首屏加载过慢，对于图片很丰富的网站，我们知道可以使用图片懒加载来提高网站的响应速度，我在我的另外一篇文章中写过，有兴趣的点击这里。像淘宝、京东等等的首页都是经过懒加载处理的，他们会先渲染出骨架，然后懒加载的区域出现...

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

喜欢这篇文章的朋友
欢迎分享到朋友圈 或者技术交流群
你的支持，是我每日更新的动力！

每日更新 ???? 关注不迷路！

欢迎点击“阅读原文”，学习往期精华文章～

走过路过【在看】不要错过