阅读 33657

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

在掘金微信交流群里的小伙伴们,你们每天都还在坚持读小报吗?如果你的回答是yes,那真的要给你点一万个赞了👍能坚持这么久,真的很优秀噢!(嗯,每天坚持给大家收集文章的小饼也很优秀😝)2018不知不觉已经过了一半了,这里是上半年的小报优质文章合集,做了一些简单分类,希望对大家有用!

编程语言相关

JavaScript

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

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

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

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

JavaScript 运行原理解析

TypeScript 实践分享

理解Underscore中的去抖函数

html2image原理简述

深入JavaScript继承原理

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

我们需要注意的 immutable 操作

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

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

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

ES6 的几个小技巧

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

ES6会这些就够了

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

JavaScript 装饰器极速指南

学会了ES6,就不会写出那样的代码

ES6的Set和Map数据结构,由你制造

ES6之---读懂let才能少踩坑

低门槛彻底理解JavaScript中的深拷贝和浅拷贝

深入深入再深入 js 深拷贝对象

高阶函数,你怎么那么漂亮呢!

这可能是你学习ES7遗漏的知识点

如何定义一个高逼格的原生JS插件

JavaScript正则表达式进阶指南

ES6核心特性(一)

六种排序算法的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常用动画的实现)

CSS知识总结

你以为 CSS 只是个简单的布局?

巧用 CSS 动画实现动态气泡背景

前端布局基础概述

Grid 布局发车啦

基于REM的移动端自适应布局方案

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

简单说一下 [清除 & 闭合]浮动

50道 CSS 基础面试题(附答案)

用CSS Houdini画一片星空

CSS动画之旋转魔方轮播

利用 CSS 变量实现令人震惊的悬浮效果

CSS网格布局(Grid)完全教程

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

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

用 preload 预加载页面资源

你需要知道的单页面路由实现原理

自动化生成 H5 骨架页面

HTML5中手势原理分析与数学知识的实践

用Canvas画一只会跟着鼠标走的小狗

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

H5与APP混合开发遇到的问题总结

H5 分层屏幕适配

H5手机端开发问题汇总及解决方案

对HTML语义化的一些理解和记录

探究 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 深入系列1: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封装Swiper实现图片轮播

Vue 仿QQ左滑删除组件

Vue nextTick 机制

哔哩哔哩(B站)的前端之路

如何在vue中使用ts

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

基于Vue2.0实现后台系统权限控制

关于 Vue 的路由权限管理

Vue 服务端渲染(SSR)

Vue组件开发姿势总结

如何用vue制作一个探探滑动组件

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, 工程之美

Angular 6 正式发布,新功能详解

[译] Angular DOM 更新机制

Angular5 服务端渲染实战

从零到一编写MVVM

[译] 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页面

前端性能相关:防抖、节流

图片懒加载踩坑

重构 - 设计API的扩展机制

7种方法实现数组去重

使用nginx缓存服务器上的静态文件

CSS animation和transition的性能探究

移动端常见bug汇总001

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

[译] JavaScript 是如何工作的:深入网络层 + 如何优化性能和安全

用Flow提升前端健壮性

Redux + Immutable.js 性能优化

React 16 加载性能优化指南

安全

谈谈前端异常捕获与上报

关注程序异常流

前端常见问题整理

如何加密传输和存储用户密码

Cookie防篡改机制

面试/个人成长

一年前端面试打怪升级之路(一)

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

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

有意思的前端函数面试题

ajax常见面试题

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

面试题之正则表达式解析一个完整的url

前端面试考点多?看这几篇文章就够了

面试分享:2018阿里巴巴前端面试总结

腾讯一面(2019前端实习岗)

React Native面试知识点

如何写一个高逼格 README

记高级前端工程师面试题,看看你会几道?

面试小结--前端面试的几个雷点

面试官: 你了解前端路由吗?

面试:你知道为什么会有 Generator 吗

几道高级前端面试题解析

面试:页面加载海量数据

社招中级前端笔试面试题总结

浅谈前端/软件工程师的代码素养

前端工程师的技术进阶点在哪里?

前端基础面试题@JS篇

面试精选之Promise

小程序

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

微信小程序开发必备神器-Grace

手把手教会你小程序登录鉴权

微信小程序实现多折叠展开酷炫菜单

微信小游戏开发总结

微信小程序之-NBA在线直播小程序开发

浅谈微信小程序登陆与Oauth

两小时快速构建微信小程序

【开源】微信小程序、小游戏以及 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原理还给你

Mvvm 前端数据流框架精讲

SVG入门—如何手写SVG

[译] 深入浅出 SVG

从ajax到fetch、axios

你需要知道的单页面路由实现原理

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

最后:

今年的文章量比去年又多了好多,看来大家在掘金越来越活跃啦!可以Mark起来慢慢看~不过呢小饼还是建议大家到微信群里看每日小报,毕竟每天消化一两篇会更加有用,日积月累就会有很大的收益。反而积攒到一起的话要么就是「债多了不愁。。」再也不会打开(比如我TAT);要么就是看得很累,要花很多时间来补。

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

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

关注下面的标签,发现更多相似文章
评论

查看更多 >