在掘金微信交流群里的小伙伴们,你们每天都还在坚持读小报吗?如果你的回答是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」)邀请你进群哟
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/8786.html