在掘金微信交流群里的小伙伴们，大家天天都还在坚持读小报吗？若是你的回答是yes，那真的要给你点一万个赞了👍能坚持这么久，真的很优秀噢！（嗯，天天坚持给你们收集文章的小饼也很优秀😝）2018不知不觉已通过了一半了，这里是上半年的小报优质文章合集，作了一些简单分类，但愿对你们有用！javascript

编程语言相关

JavaScript

如何在疲劳的JS世界中持续学习 css

从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 html

几道JS代码手写题以及JavaScript数据结构与算法资源分享前端

JavaScript：面试频繁出现的几个易错点vue

JavaScript 运行原理解析java

TypeScript 实践分享 node

理解Underscore中的去抖函数 react

html2image原理简述 webpack

深刻JavaScript继承原理 ios

Promise原理讲解 && 实现一个Promise对象 (遵循Promise/A+规范)

咱们须要注意的 immutable 操做

身份证号码的正则表达式及验证详解(JavaScript，Regex)

前端模块化：CommonJS,AMD,CMD,ES6

简单快速理解js中的this、call和apply

ES6 的几个小技巧

面试官:请你实现一个深克隆

ES6会这些就够了

入门babel--实现一个es6的class转换器

低门槛完全理解JavaScript中的深拷贝和浅拷贝

六种排序算法的JavaScript实现以及总结

逐步学习什么是递归？经过使用场景来深刻认识递归。

Node.js

《Node.js设计模式》使用流进行编码

Node.js：上传文件，服务端如何获取文件上传进度

零基础实现node+express个性化聊天室

基于 Node.js 先后端分离的一点思考

【译】关于 Promise 的 9 个提示

一份为 Node.js 应用准备的 Dockerfile 指南

关于实现一个Node.js静态服务器你所须要知道的ALL

搭建Node.js应用部署平台（一）—— 综述

Node.js框架之express与koa对比分析

Express中间件原理详解

小马的大前端之路——Node.js初探

春风十里不如Node中的一股清流

Node.js+Mysql+Vue+ElementUI 实现登陆注册注销功能

NodeJS 微信公共号开发 - 实现微信网页受权获取用户信息

打造跳跃音波播音乐放器(Electron+Nodejs+React)

前端自动化：Node 命令行前端自动构建发布系统

Nodejs安全清单

[译] Node.js 能进行 HTTP/2 推送啦！

浅度理解NodeJS的HTTP模块

node基金爬虫，自导自演了解一下？

node.js 命令行工具(cli)

如何构建「大型 Node.js 项目」的项目结构？

Node 在有赞的实践

页面布局

CSS / CSS3

难以想象的纯CSS导航栏下划线跟随效果

编写本身的代码库(css3经常使用动画的实现)

“破碎-重组-破碎” CSS3实现Lowpoly风格变形动画终极篇

【基础】这15种CSS居中的方式，你都用过哪几种？

每一个前端工程师都应该了解的HTML5.2

基于 HTML5 Canvas 的交互式地铁线路图

探究 canvas 绘图中撤销（undo）功能的实现方式

canvas实现漂亮的下雨效果

移动端H5多页开发拍门砖经验

前端框架

React

《React源码解析》系列完结！

怎样学习React？固然是本身动手实现一个React啦

React v16.3 版本新生命周期函数浅析及升级方案

React应用架构设计指南

[译] 如何写出更好的 React 代码？

谈谈 react 中的 key

React全家桶构建一款Web音乐App实战（五）：歌曲状态管理及播放功能实现

使 React Native App 更具原生质感

如何写一个拖拽日历组件（附源码）

面试官:既然React/Vue能够用Event Bus进行组件通讯,你能够实现下吗?

Redux的前世-此生-来世

基于react/vue的移动端终极适配方案（更新css-modules配置）

浅入浅出图解domDIff

React Suite v3.0 正式版发布

Immutable 操做在 React 中的实践

探索Virtual DOM的前世此生

React 深刻系列１：React 中的元素、组件、实例和节点

React Native面试知识点

一幅图明白React-Redux的原理

组件复用那些事儿 - React 实现按需加载轮子

ReactNative干货分享——视频播放器App

React&Redux实战

[译] 如何写出更好的 React 代码？

一个基于 React 开发的PC端音乐App

一份传男也传女的 React Native 学习笔记

基于Webpack搭建React开发环境

React Fiber架构

Redux + Immutable.js 性能优化

React + Koa 实现服务端渲染(SSR)

TypeScript 2.8下的终极React组件模式

精读《用160行js代码实现一个React》

Vue.js

当面试官问你Vue响应式原理，你能够这么回答他

Vue学习看这篇就够

Vue前端开发规范

2018 我所了解的 Vue 知识大全（一）

vue常见面试题

【大型干货】手拉手带你过一遍vue部分源码

面试题：你能写一个Vue的双向数据绑定吗？

vue多页面开发和打包的正确姿式

vue中须要注意的问题总结(上)

Vue项目自动转换 px 为 rem，高保真还原设计图

手摸手，带你用vue撸后台系列四(vueAdmin 一个极简的后台基础模板)

Vue+ElementUI实现表单动态渲染、可视化配置

你应该要知道的Vue.js

聊聊 cube-ui 的技术内幕

Web 端实现 app “输入验证码 ”的效果

Vue 使用中的小技巧

致敬 React: 为 Vue 引入容器组件和展现组件

vue+canvas如何实现b站萌系登陆界面

更酷的Console，更简单的输出方式，Enjoy it in Vue

手把手带你撸一个vue组件库！

Vue全家桶打造自适应 web 音乐播放器

Vue页面骨架屏

Event Loop是个什么玩意：从 Vue 的 nextTick 提及

Vue 页面切换效果之 BubbleTransition

从零开始：一个正式的vue+webpack项目的目录结构是怎么造成的

全面解析Vue.nextTick实现原理

VUE从零开始系列（安装脚手架），呆萌小白上手VUE

如何解释vue的生命周期才能令面试官满意？

Mand Mobile - 基于金融场景的Vuejs组件库

论如何用Vue实现一个弹窗-一个简单的组件实现

复习Vue中的方法,计算和侦听者

[译]vue技术分享-你可能不知道的7个秘密

Vue SPA项目 + Sentry 实现前端错误监控

vue不止双向绑定，来看看EventEmitter是怎么实现的

Vue项目全局配置微信分享实践

Vue 常见业务场景以及细节心得

Vue.js中 watch 的高级用法

当vue遇到pwa--vue+pwa移动端适配解决方案模板案例

Vue页面骨架屏注入实践

mpvue: vuejs和小程序碰撞出来的火花

Vue单页及多页应用全局配置404页面实践

记一次vue+element+echarts项目的优化（如何轻松将项目性能提高70%）

详解vue的diff算法

Angular.js

[译] Angular: 使用 RxJS Observables 来实现简易版的无限滚动加载指令

[译] Angular 安全 —— 使用 JSON 网络令牌（JWT）的身份认证

所谓的 Virtual DOM 究竟是什么？

[译] 全部你须要知道的关于Angular的变动检测（Change Detection）

[译]Angular自动取消订阅

源码分析 @angular/cdk 之 Portal

计算机网络相关

Http / Https / Websocket

HTTP2基本概念学习笔记

小哥哥,小姐姐,我有一份tcp、http面试指南你要吗？

WebSocket 是什么原理？为何能够实现持久链接？

你应该知道的前端——缓存

分分钟让你理解HTTPS

前端工程师系列，TCP复习及浓缩总结

如何实现一个HTTP请求库——axios源码阅读与分析

TCP入门与实例讲解

看图学HTTPS

浏览器相关

浏览器的回流与重绘 (Reflow & Repaint)

如何解决 touchstart 事件与 click 事件的冲突

前端必需要懂的浏览器缓存机制

如何判断用户浏览器以及一些前端经常使用的正则表单验证

完全理解浏览器的缓存机制

性能优化相关

2018 前端性能优化清单

重构 - 改善代码的各方面问题

前端项目重构的些许收获

[翻译] Async/Await 使你的代码更简洁

前端性能优化之路——图片篇。

网页性能 CaseStudy：以 PressOne 首页为例

前端优化系列 - JS混淆引入性能天坑

提升 10 倍性能：优化静态网站

F2 3.1 发布，开箱即用的移动端可视化解决方案

前端性能优化之浏览器渲染优化 —— 打造60FPS页面

CSS animation和transition的性能探究

移动端常见bug汇总001

优化页面的打开速度，要不要了解一下~

[译] JavaScript 是如何工做的：深刻网络层 + 如何优化性能和安全

用Flow提高前端健壮性

Redux + Immutable.js 性能优化

React 16 加载性能优化指南

安全

面试／我的成长

一年前端面试打怪升级之路（一）

记录面试中一些回答不够好的题（Vue 居多）

分享收集的一大波前端面试题和答案

有意思的前端函数面试题

ajax常见面试题

几个Js代码手写题以及JavaScript数据结构与算法资源分享

面试：你知道为何会有 Generator 吗

小程序

如何解决目前微信小游戏没法进行网络请求的问题

【开源】微信小程序、小游戏以及 Web 通用 Canvas 渲染引擎-Cax

米8抢到没？不急，撸个小程序先😎

PWA

什么是 PWA

Google I/O 2018 : 应用于 PC 端的 PWA

工具资源

前端开发大杀器hey-cli，全局支持vue react es6开发部署

手把手教你如何编写一个前端图片压缩、方向纠正、预览、上传插件

不可错过的javascript迷你库

从只会git add .的菜鸟到掌握git基本功能

git 经常使用命令收集与git-flow 简介

使用 YApi 管理 API 文档，测试， mock

面向前端的 Lottie & AE 动画手把手入门教学

实战笔记：Jenkins打造强大的前端自动化工做流

能让你开发效率翻倍的 VSCode 插件配置（中）

moment过重? 那就试试miment--一个超轻量级的js时间库

⏰Day.js 2kB超轻量时间库和Moment.js同样的API

免费，一键发布web页面

MongoDB的基本用法

为何个人经纬度坐标放在百度地图上会偏移几百米？

如何优雅地使用 Git

推荐2个前端工具：Charles和Postman

优雅的提交你的 Git Commit Message

如何阅读大型前端开源项目的源码

论如何实现一个完美的Select组件

v-charts | 饿了么团队开源的基于 Vue 和 ECharts 的图表工具

推荐一款基于Vue的Markdown编辑器插件——mavonEditor

强大的 VS Code

Webpack

webpack详解

webpack4-用之初体验，一块儿敲它十一遍

组件库webpack构建速度优化经验总结

webpack打包以后的文件过大的解决方法

Webpack + Vue，部署时减小包体积的几种方法

带你走进webpack世界，成为webpack头号玩家

优化 WEBPACK 以更快地构建 REACT

Webpack中publicPath详解

Webpack4+ 多入口程序构建

其余

很差意思！耽误你的十分钟，让MVVM原理还给你

前端人工智能？TensorFlow.js 学会游戏通关

最后：

今年的文章量比去年又多了好多，看来你们在掘金愈来愈活跃啦！能够Mark起来慢慢看～不过呢小饼仍是建议你们到微信群里看每日小报，毕竟天天消化一两篇会更加有用，日积月累就会有很大的收益。反而积攒到一块儿的话要么就是「债多了不愁。。」不再会打开（好比我TAT）；要么就是看得很累，要花不少时间来补。

欢迎加入掘金前端交流群，找对属于你的技术圈子

扫下方二维码加小编（回复「fe」）邀请你进群哟

2018上半年掘金微信群日报优质文章合集：前端篇

编程语言相关

JavaScript

Node.js

页面布局

CSS / CSS3

前端框架

React

Vue.js

Angular.js

计算机网络相关

Http / Https / Websocket

浏览器相关

性能优化相关

安全

面试／我的成长

小程序

PWA

工具资源

Webpack

其余

最后：

欢迎加入掘金前端交流群，找对属于你的技术圈子