20180409 前端开发周报-前端开发博客

WEB前端工程师到底要学什么？；（干货）记前端工程师面试题，一起带大家理一理；在 JavaScript 中如何实现深拷贝？；Google JavaScript 样式指南中13个值得注意的地方；更优雅的方式： JavaScript 中顺序执行异步函数；网页响应超简单：有CSS变量我怕谁；Javascript 装饰器极速指南；JavaScript this 绑定规则

1、WEB前端工程师到底要学什么？

前段时间逛知乎，发现这个问题，下面有一个回答，很全面的概括了前端所要学习的知识：一步一步来。 CSS不能编程？用Less、Sass、Stylus、甚至直接用，框架除了Bootstrap还有很多。JS写多了很麻烦？jQuery.移动开发？Zepto.js.结构不好？找框架，Backbone.js是MVC,AngularJS和Ember.js是MVVM,Twitter还…
2、（干货）记前端工程师面试题，一起带大家理一理

此文是上篇如何拿到大厂offer面试题|技术征文下，更新下剩下题目及答题思路1.请简单描述http协议的请求报文和响应报文的组成格式？HTTP请求报文一个HTTP请求报文由请求行（request line）、请求头部（header）、空行和请求数据4个部分
3、在 JavaScript 中如何实现深拷贝？

As we know，在 JavaScript 中，对象是以引用的形式存储在一个变量中的，我们使用这样的变量进行赋值实际上复制的只是这个对象的引用，如果我们想真正完全地复制一个对象，这种操作就叫深拷贝。 For Example 对于 number, string, boolean, null, undefined, symbol 这种东西来说，我们称之为原始值（这…
4、Google JavaScript 样式指南中13个值得注意的地方

20180407 前端开发日报 Google JavaScript 样式指南中13个值得注意的地方;更优雅的方式: JavaScript 中顺序执行异步函数;
5、更优雅的方式： JavaScript 中顺序执行异步函数

火于异步 1995年，当时最流行的浏览器——网景中开始运行 JavaScript （最初称为 LiveScript）。 1996年，微软发布了 JScript 兼容 JavaScript。随着网景、微软竞争而不断的技术更新，在 2000年前后，JavaScript 相关的技术基础准备就绪。随后到 2005 年前后，以 Google 为首开始重视使用 AJAX（即 Asynchronous JavaSc…
6、网页响应超简单：有CSS变量我怕谁

原文出处 How to make responsiveness super simple with CSS Variables 学习如何用CSS变量创建下列响应在创新的2018年，看看如何简单做成响应性的网站如果你未曾听说过CSS
7、Javascript 装饰器极速指南

Decorators 是ES7中添加的JavaScript新特性。熟悉Typescript的同学应该更早的接触到这个特性，TypeScript早些时候已经支持Decorators的使用，而且提供了ES5的支持。本文会对Decorators做详细的讲解，
8、JavaScript this 绑定规则

在 JavaScript 中，this 的绑定规则有4种，规则间存在着不同的优先级。默认绑定在非严格模式下，默认绑定会将 this 指向全局对象。 function foo() { console.log(this.a); } var a = 2;
9、前端错误监控与收集探究

编写代码只是做好项目的一小部分，写代码难免会碰到错误没。因此，在项目上线后，我们还需要主动对项目的错误进行收集，不能等用户发现错误，再联系我们，我们再去处理。这样很容易造成大的损失，提前做好错误收集和处理，可以减少损失。本人并没有做过相关的工作，下面
10、2018 前端性能检查表

原文地址：http://www.smashed.by/perf-checklist 作者 | Vitaly Friedman 译者 | OpenWeb开发者三三众所周知，性能十分重要。然而，我们真的知道性能瓶颈具体在哪儿吗？是执行复杂的 JavaScri
11、为什么在一些情况下 WebAssembly 比 JavaScript 更具有优势

作者:Alexander Zlatkov | 译：南柯一梦原文地址：译者注：链接序号对应最下面扩展阅读，另外可以点击阅读原文查看详细链接文章本文是探究 J…
12、JavaScript中的“多继承”

首先 JavaScript 中不存在多继承，并且也不推荐使用继承。如果你也这么认为的话，那笔者的观点也就写完啦 233333…. 如果还想回顾下 JavaScript 中“继承”的前世今生，以及对“多继承”的讨论，不妨慢慢看下去。 1. 苦苦追求的语法
13、使用 Web3 和 Vue.js 来创建你的第一个以太坊去中心化应用程序（第三部分）

大家好，欢迎来到本系列的最后一部分。如果你还没进入状况，那么我告诉你，我们将为以太坊区块链创建一个简单的去中心化应用程序。您可以随时查看第 1 和第 2 部分！使用 Web3 和 Vue.js 来创建你的第一个以太坊中心化应用程序（第一部分）使用 Web3 和 Vue.js 来创建你的第一个以太坊中心化应用程序（第…
14、TensorFlow.js：面向 JavaScript 开发者的机器学习框架

TensorFlow 团队表示基于网页的 JavaScript 库 TensorFlow.js 现在已经能训练并部署机器学习模型。我们可以使用神经网络的层级 API 构建模型，并在浏览器中使用 WebGL 创建复杂的数据可视化应用。此外 Node.js 很快就会发布，它能为网站模型提供 GPU、TPU 等快速训练与推断的方法。
15、简单易懂的Vue数据绑定源码解读

从去年开始学习vue到今天有半年多的时间了，大部分功能也已经用的很熟练，所以是时候开始学习源码修炼修炼内功了，我会把自己学到看到的内容用最容易理解方式与大家分享，一起进步，如果文章有哪些不对的地方也欢迎大家指正。老规矩，先放一张自己整理的图：vue版本:2.5
16、Vue实现内部组件轮播切换效果

对于那些不需要路由的内部组件，在切换的时候希望增加一个轮播过渡的效果，效果如下：我们可以引入一个轮播组件，但是有个问题，通常轮播组件都会把所有的slide都渲染出来再进行切换，这样就导致所有的资源都会触发加载，这可能不是我们所期待的，毕竟如果slide比较多的
17、2018年3月份GitHub上最热门的开源项目

本篇文章为大家盘点了3月份GitHub最热门的开源项目。详见
18、JavaScript中的数组对象

JavaScript中的数组对象 1.创建数组的三种方式: 1.1 var 数组名= ; 例如: var arr1= ; 1.2 var 数组名=new Array(元素1,元素2,元素3…) 例如: var arr2=new Array(5,6,7,8); 1.3 通过下标的方式为数组赋值，下标从0开始 var 数组名=new Array(数组…
19、学习用JavaScript实现的5个常见函数

在学习JavaScript，或者前端面试中，有人会问你节流函数、防抖函数、递归函数等，本文分享了5个常见函数，希望对你有所帮助。 #前端开发博客#
20、移动 Web 入门前奏

从最早的IE6时代到现在的HTML5时代，前端的主战场也从PC端转移到了移动端。几年前前端工程师还在为固定布局和流动布局打伤脑筋，而在如今的移动Web上我们可以使用弹性布局轻易实现以前在Pc端的复杂布局，甚至更强大的网格布局也在Css下一版本的规范。移动web在将来的一段时间仍然是前端工程师的主战场，本文将阐述一些移…
21、提升Web性能的8个技巧总结

在互联网盛行的今天，越来越多的在线用户希望得到安全可靠并且快速的访问体验。针对Web网页过于膨胀以及第三脚本蚕食流量等问题，Radware向网站运营人员提出以下改进建议，帮助他们为用户提供最快最优质的访问体验。 1. 管理“页面膨胀” 页面大小与性能有着密切的关系。Radware最新电商性能“行业现状”报告显示，100强电…
22、Vue 拖拽组件开发实例

vue是一套用于构建用户界面的渐进式框架。可以用他来封装单文件组件来开发更为复杂的单页应用。本文主要是通过封装一个拖拽组件的例子，来分析Vue组件化相关知识。为什么选择Vue? 主要原因：对于前端开发来说，兼容性是我们必须要考虑的问题之一。我们的项目不需要兼容低版本浏览器。项目本身也是…
23、2018 浅谈前端面试那些事

虽然今年没有换工作的打算，但为了跟上时代的脚步，还是忍不住整理了一份最新前端知识点。详见（来自：江文艺）
24、狼叔：如何正确的学习 Node.js

狼叔知乎 Live 文字版。
25、如何用 CSS + HTML + JS 创建桌面应用

最近研究了一下基于 Chromium 定制浏览器的方案，查阅了大量资料，具体方案也有了大概的蓝图详情，可查阅我的博客 lishaoy.net 在阐述方案之前，先要了解几个名词：简介 Chromium Chromium是一个由Google主导开发的网
26、Vue 页面切换效果之 BubbleTransition

前端使用 SPA 之后，能获得更多的控制权，比如页面切换动画，使用后端页面我们可能做不了上面的效果，或者做出来会出现明显的闪屏。因为所有资源都需要重新加载。今天使用 vue，vue-router，animejs 来讲解如何上面的效果是如何实现的。点击菜单，
27、Node.js核心入门（一）

前言：因为以前学习Node.js并没有真正意义上的去学习它，而是粗略的学习了npm的常用命令和Node.js一些模块化的语法，因此昨天花了一天的时间看了《Node.js开发指南》一书。通过这本书倒是让我对Node.js的认识更为全面，但由于这本书出版时间过早
28、从源码角度分析Vue父子组件间传值

文章可能会再更新，具体查看github 子组件向父组件传值：一、ref、$refs的方式：首先，假设我们有两个组件，父组件叫HelloAnother.vue，子组件叫childProps.vue。父组件里面有一个router路由，父组件的结构如下所示。 &
29、Node.js 框架 Egg 2.6 发布，支持 TypeScript

简介 Egg 是阿里 Node.js 的核心基础框架，面向『企业级的 Web 基础框架』这个领域，提供了「微内核 + 插件机制 + 框架定制能力」，完美达成生态共建和差异化定制的平衡点。既适合个人小项目快速开发，也适合团队架构师基于自身的技术架构在 Egg 基础上扩展出适合特定团队业务场景的框架。它沉淀自阿里…
30、600字读懂 Git

译注：来自 Hacker School 的 Mary Rose Cook 实现了一个纯 JavaScript 写就的 Git：Gitlet，包含了最主要的一些命令。这个项目一是为了了解 Git 内部原理，二是希望写一篇深入浅出解释 Git 核心概念的短文。学习一件东西的原理最好的方法就是去亲自实现它，而设计精巧的 Git 核心功能代码也不过 300 行。这就是这篇精巧…
31、Mvvm 前端数据流框架精讲

原文链接, 如果感兴趣可以加QQ群: 157937068, 一起交流。本次分享是带大家了解什么是 mvvm，mvvm 的原理，以及近几年产生了哪些演变。同时借 mvvm 这个话题拓展到对各类前端数据流方案的思考，形成对前端数据流…
32、浅析nodejs中的stream(流)

hello everybody 这篇文章我们来聊一下nodejs中的stream，也就是nodejs中的流。什么是流呢？从字面上来看我们应该可以想到水流，对吧。那我们不妨想一下水流有什么特点呢？比如我们日常生活中的水龙头，流出来的水是有序且有方向的。 nodejs中的流也是一样，是有序且有方向的。 nodejs中有许多的对象或者方法…
33、vue-cli 3.0 入门介绍

vue-cli 3.0 入门介绍环境安装全新版本的脚手架、逼格非常高、记住这个名字 @vue/cli ，对就是这个你npm 或者yarn 安装就行了，先保证全局环境有它。 npm install -g @vue/cli
34、ES6展开运算符（扩展运算符）

原文链接在ES6中，我们有了一个新的运算符–展开运算符，它可以使我们的代码的数量有一定的减少，有时候甚至有很有用的作用，我们来举几个常用的例子，同时通过例子来了解展开运算符的使用。 1.apply中的使用当我们的函数有多个变量的时候（特别是当我们不知道
35、如何在Vue项目中引入腾讯验证码服务

什么是腾讯验证码？它长这个样子……最近公司项目要求引入腾讯云验证，要求是这样的：为了防止别人恶意刷短信验证码，当用户短时间内多次获取验证码的时候，需要调用腾讯验证码，验证成功后会继续自动发送验证码，刚开始的我听的一脸蒙蔽，网上搜索也没有多少相关的文章，然而
36、前端防止用户重复提交-js

前端在向后端进行数据提交的时候，通常会需要在第一次提交返回前，阻止用户在快速点击发送二次请求，即防止重复提交，最简单的方法是使用标志参数或者 class 元素控制，但缺点是，每个控制重复提交的地方都需要加上这个逻辑，重复性太强，且控制逻辑不统一。目前前端使用的是http协议，所以提交方式为两种异…
37、从一行等式理解JS当中的call, apply和bind

关于JS当中的call，apply和bind，相信大家和我一样，已经看过了无数篇相关的文章，都有自己的理解。所以这篇文章并非什么科普类的文章，仅仅是把我自己的理解记录下来。我的学习习惯，是喜欢把各种看似孤立的知识点串联起来，综合理解并运用，通过最简单
38、深入理解Vue中的slots/scoped slots

一直对Vue中的slot插槽比较感兴趣，下面是自己的一些简单理解，希望可以帮助大家更好的理解slot插槽下面结合一个例子，简单说明slots的工作原理 dx-li子组件的template如下： <li class="dx-li">
39、每个 JavaScript 工程师都应当知道的 10 个面试题

原文链接：10 Interview Questions Every JavaScript Developer Should Know 对大部分公司来说，招聘技术人员这种事情，管理层就应该放手交给技术团队，只有他们才能够准确地判断应聘者的技术实力。如果你恰巧是…
40、Javascript高性能动画与页面渲染

No setTimeout, No setInterval 如果你不得不使用setTimeout或者setInterval来实现动画，那么原因只能是你需要精确的控制动画。但我认为至少在现在这个时间点，高级浏览器、甚至手机浏览器的普及程度足够让你有理由有条件在实现动画时使用更高效的方式。什么是高效页面是每一帧变化都是系统绘制出来的(GPU或者CPU)。但…