20180328 前端开发日报-前端开发博客

腾讯一面（2019前端实习岗）；20180327 前端开发日报；三分钟快速理解javascript内存管理；如何手动启动 Angular 程序；gitlab-tree：GitLab 代码查看必备神器；Javascript 正则匹配实现字符串渲染；BAT 要的是什么样的前端实习生？；关于 HTML 语义和前端架构

腾讯一面（2019前端实习岗）前言之前投递了腾讯的实习生前端岗，一直没有电话，查了下状态说不合适，以为凉凉了，今天却收到了电话，出乎意料… 然后就开始了一面，一开始面试官说时间不会太久，大概30分钟吧，结果整个过程也就持续了30分钟吧。下面是面试的过程：自我介绍简单介绍了自
【20180327 前端开发日报】9小时搞定微信小程序开发；前端微服务化方案对比：路由懒加载 vs 子应用模式；【基础】这15种CSS居中的方式，你都用过哪几种？；鲜为人知的 HTTP 协议头字段详解大全；使用Vue构建可重用的分页组件；PostCSS 6.0.21 发…详情→
三分钟快速理解javascript内存管理 javascript 中具有垃圾自动回收机制（Garbage Collection） ,也就是执行环境会负责管理代码执行过程中使用的内存,在开发过程中就可以不考虑内存的分配,以及无用内存释放的问题.但是触发立即回收机制会中断代码的执行,停止其他操作,遍历所有的对象,回收所有不可访问的对象,因此垃圾回收的工作机制是周期性的. 因…
如何手动启动 Angular 程序原文链接： How to manually bootstrap an Angular application Angular 官方文档写到，为了启动 Angular 程序，必须在 main.ts 文件里写上如下代码： platformBrowserDynamic().bootstrapModule(AppModule); 这行代码 platformBrowserDynamic() 是为了构造一个 p…
gitlab-tree：GitLab 代码查看必备神器废话不说，先上下载链接：Gitlab-Tree 缘起 Gitlab作为现在互联网企业的标配，是一款非常优秀的代码源代码管理工具。在日常工作中常常需要查看其他系统的代码，有时候仅仅需要查看某个项目的某个文件，如果把整个代码库（repository）克隆（clone）到本地再查看并不是一个省时省力、高效率的办法。 …
Javascript 正则匹配实现字符串渲染起始同许多初学 Javascript 的菜鸟一样，起初，我也是采用拼接字符串的形式，将 JSON 数据嵌入 HTML 中。开始时代码量较少，暂时还可以接受。但当页面结构复杂起来后，其弱点开始变得无法忍受起来：书写不连贯。每
BAT 要的是什么样的前端实习生？面试季又到了，各位小鲜肉也在着手准备基本的面试、实习。但是，有小鲜肉的思想我确实有点不敢苟同。面试无非就是问一些问题，你能答出来就行，答不出来就 pass。那如果我知道你要问哪些问题，这不就行了吗？感觉这不就是做一场考试吗？一个学期的课程，我用 7 天学完，题目我都会做，考试分数还比那些学了一个学期的…
关于 HTML 语义和前端架构语义化，不止在于HTML标签的使用，还在更多的细节上：还会单纯的写写页面吗？
性感的Promise，拥抱ta然后扒光ta Promise，js异步编程的流行解决方案，相比于古老的回调函数等方式，它更科学，更优雅。它来自民间，后被官方招安。本文将从介绍用法开始，一步步了解Promise，探究源码，最终根据官方规范手写一个Promise。让我们先拥抱ta，再扒光ta！我想在你
优雅的 JavaScript 排序算法（ES6）面试官：小伙子排序算法了解吗？回答：我能写出来四种冒泡排序，两种选择排序，两种插入排序，两种哈希排序，两种归并排序，两种堆排序，三种快速排序。用我自己的方式。前言文中所有代码位于位于此仓库中，可以下载代码进行练习、推敲。 P.S. 原文显示效…
深入浅出Websocket（一）Websocket协议本文主要介绍Websocket是什么以及其协议内容。 WebSocket 协议实现在受控环境中运行不受信任代码的一个客户端到一个从该代码已经选择加入通信的远程主机之间的全双工通信。该协议包括一个打开阶段握手规定以及通信时基本消息帧的定义。其基于TCP之上。此技术的目标是为基于浏览器的应用程序提供一种机制，这些应用…
HTML5-语义化距HTML5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对HTML5语义化得理解。但是在实际运用时，真正使用HTML5标签来开发的似乎不是很多（ps：查看了几个巨头公司网站推论），可能一部分原因是仍有部分用户使用在使用低版本浏览器。但是就我个人而言，因选取一些标签时会比较纠结，所以仍使用了div。…
你真的知道 Angular 单向数据流吗原文链接： Do you really know what unidirectional data flow means in Angular 大多数架构模式是很难理解的，尤其是在相关资料很少时那就更加头疼，比如 Angular 的单向数据流（unidirectional data flow）文档资料就很少，即使官方文档上，也仅仅在表达式指南和模板表达式两小块中略有提及…
Pastate: 响应式 react state 管理框架简介 pastate 是什么 Pastate 是一个响应式 react state 管理框架，实现了对 state 的异步响应式管理。Pastate 是一个精益框架，它对很多高级概念进行了友好封装，这意味着你不必学习一些难以理解的概念，就可以在一个简单的应用中
小技巧:使用Array.reduce创建Promise回调链前端的同学们肯定会遇到多个异步组合的场景，比如需要等待多个请求一同返回后处理或是发出多个请求只取第一个返回结果，这里我们可以使用Promise强大的api:Promise.all、Promise.race来处理。但当我们需要将多个异步处理顺序执行时，应该怎么办呢？假设一个需求：我们需要发送一堆请求，但是需要在每个请求返回后再…
RxJS速成 (下)
Js 中小数相加小数点后面很多位数字核算线下活动经费的时候，使用控制台输出总金额发现小数点后面很多位数字。搜索了一下：原来是 JavaScript 的bug，浮点计算出了问题。解决方案是： (113.85 + 3496.49).toFixed(2) 关于 toFixed() 具体可以参考： Number.prototype.toFixed() 语法 numObj.toFixed(digits) 参…
js中的new()到底做了些什么？要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4个步骤：(1) 创建一个新对象；(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象）；(3) 执行构造函数中的代码（为这个新对象添加属性
[翻译]你点的ES6小技巧，请查收原文地址：https://medium.freecodecamp.org/check-out-these-useful-ecmascript-2015-es6-tips-and-tricks-6db105590377 作者：rajaraodv 摘要：总结ES6新特性：默认参数、reduce、解构赋值和Set在使用时的一些…
浅谈Vue内置component组件的应用场景官方的说明渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。 <!– 动态组件由 vm 实例的属性值 `componentId` 控制 –> <component :is="componentId"></c
编写灵活、稳定、高质量的HTML代码的规范一、唯一定律无论有多少人共同参与同一项目，一定要确保每一行代码都像是唯一个人编写的。二、HTML 2.1 语法（1）用两个空格来代替制表符（tab） — 这是唯一能保证在所有环境下获得一致展现的方法。（2）嵌…
JavaScript：面试频繁出现的几个易错点1.前言这段时间，金三银四，很多人面试，很多人分享面试题。在前段时间，我也临时担任面试官，为了大概了解面试者的水平，我也写了一份题目，面试了几个前端开发者。在这段时间里面，我在学，在写设计模式的一些…
谈谈前端异常捕获与上报关于微信公众号：前端呼啦圈（Love-FED）我的博客：劳卜的博客知乎专栏：前端呼啦圈前言 Hello，大家好，又与大家见面了，这次给大家分享下前端异常监控中需要了解的异常捕获与上报机制的一些要点，同时包含…
理解浏览器和node.js中的Event loop事件循环大家都知道，javascript是一门单线程语言，因此为了实现主线程的不阻塞，Event Loop这样的方案应运而生。浏览器和node中Event loop并不一样，浏览器的Event loop是在HTML5中定义的规范，而node中则由libuv库实现。浏览
如何用Angular5创建一个PWA项目什么是PWA PWA（Progressive Web App）利用TLS，webapp manifests和service workers使应用程序能够安装并离线使用。换句话说，PWA就像手机上的原生应用程序，但它是使用诸如HTML
捕获页面中全局Javascript异常一个流量巨大的前端页面面临的浏览器环境是非常复杂的，尤其是移动端页面(Android的碎片化所致)。面对如此多样的浏览器环境，常规的测试是无法完全覆盖的，我们需要一种页面脚本异常监控机制作为补充，保证能够发现前端页面脚本异常的原因。有很多种情况会导致Javas
从零开始实现React（二）：实现组件功能前言在上一篇文章JSX和虚拟DOM中，我们实现了基础的JSX渲染功能，但是React的意义在于组件化。在这篇文章中，我们就要实现React的组件功能。 React定义组件的方式可以分为两种：函数和类，我们姑且将两种不同方式定义的组件称之为函数定义组件和类定义
一步一步实现一个符合PromiseA+规范的Promise库（1）今天我们来自己手写一个符合PromiseA+规范的Promise库。大家是不是很激动呢？？才没有。。     我们都知道。在现在的前端开发中，Promise这个东西基本上所有的开发中都会用到。
一步一步实现一个符合PromiseA+规范的Promise库（3）日常先打个招呼。。  今天我们就来完整的实现之前还留有一些小的方法没实现的Promise。。回顾：一步一步实现一个符合PromiseA+规范的Promise库（1）           &nbs
一步一步实现一个符合PromiseA+规范的Promise库（2） Hello everybody。我又来啦，还记得我们上一张实现的内容吗？     上一张我们实现了一个简单的Promise。我们实现了Promise内部的简单流程和then方法，并且实现了Promise的异步调用。但