chenfengyanyu / Source

个人博客：Jartto's blog

最遗憾的不是把梦想丢在路上，而是梦想从未上路！

前端架构：F2E-Awesome

学习前端，你需要用尽全力。

2020

七、凉月

• [ ] 微前端实践总结一
• [x] 一文了解 Kubernetes 基础概念
• [x] Docker 边学边用

六、旦月

• [ ] Nginx 实用指南
• [ ] Nodejs 性能分析如何做？
• [ ] Node 限流操作

五、皋月

• [ ] Web 安全之 CC 攻击防护
• [ ] CDN 自动化预热方案

四、清和月

• [x] WebP 方案分析与实践
• [x] Web「性能测试」知多少？
• [ ] 关于 CDN，看这些就够了！

三、寐月

• [x] 聚焦 Web 性能指标 TTI
• [x] 网站性能指标 - FMP

二、如月

• [x] 四款酷炫「数字滚动」插件
• [x] 破局：技术视野与规划
• [ ] 大话 requestAnimationFrame

一、华月

• [x] 极简弹幕方案
• [x] 人工智能时代，Web 前端能做什么？
• [ ] 一文了解混合应用 Hybrid App 方案

2019

十、良月

• [x] 最重要的事只有一件！
• [x] 系统负载看不懂？
• [x] GitBook 和它有趣的插件

九、玄月

• [x] 成为优秀技术型领导的 16 条黄金法则
• [x] 网站优化，这些工具你一定用得着
• [x] 程序员如何减少开发中的 Bug？

七、凉月

• [x] Web 前端不可错过的 6 个网站
• [x] 使用 Electron5.0 构建你的 React 项目
• [x] Git 代码统计

五、皋月

• [x] HTML5 之跨域通讯（postMessage）
• [x] 进阶 PM2

四、清和月

• [x] Nuxtjs 2.0 升级爬坑
• [x] 酷炫的 HTML5 网页 PPT
• [x] 如何成为合格的技术面试官？

二、如月

• [x] 网站优化实战
• [x] 聊一聊浏览器缓存机制
• [x] 算法学习思路

一、华月

• [x] 酷炫的 JS 音频插件 Howlerjs
• [x] JS 基础｜搞懂 typeof 和 instanceof
• [x] 网站地图方案汇总，教你玩转可视化

2018

十二、涂月

• [x] 用 Python 爬取 2018 前端热点
• [x] HTML5 之多线程（Web Worker）
• [x] 不会管理的程序员，永远只是一个大兵
• [x] 这一次彻底搞懂 Git Rebase
• [x] 究竟什么是位图？
• [x] Git 版本控制之 Git-Flow
• [x] 算法图解7 - 动态规划
• [x] 算法图解6 - 狄克斯特拉算法与贪婪算法
• [x] 算法图解5 - 图和广度优先搜索
• [x] 算法图解4 - 散列表
• [x] 算法图解3 - 递归，快排
• [x] 算法图解2 - 数组和链表
• [x] 算法图解1 - 二分查找和大O表示法
• [x] 浏览器存储之争

十一、葭月

• [x] AST 抽象语法树
• [x] 如何优雅处理前端异常？
• [x] CSP 概要
• [x] H5 移动调试全攻略

十、良月

• [x] 快速上手 Kafka
• [x] Puppeteer 异常处理

九、玄月

• [x] 抓取网页生成 PDF
• [x] DevOps 简介

八、桂月

• [x] 了解 Kafka
• [x] 打造你的专属 Chrome 插件（一）
• [x] HTML5 之多线程（Web Worker）
• [x] HTML5 之地理定位（Geolocation）
• [x] HTML5 之消息通知（Web Notification）
• [x] HTML5 之音频合成（SpeechSynthesis）

七、凉月

• [x] 完美渲染之数学公式
• [x] 你可能会忽略的 Git 提交规范
• [x] 简话开源协议

六、旦月

• [x] Next.js 使用指南3 ～ 高级配置
• [x] Next.js 使用指南2 ～ 路由与加载
• [x] Next.js 使用指南1 ～ 基本规则

五、皋月

• [ ] Python 笔记14 - 总结
• [ ] Python 笔记13 - Web 应用
• [ ] Python 笔记12 - 生成标签云
• [ ] Python 笔记11 - 图片识别
• [ ] Python 笔记10 - 使用爬虫
• [ ] Python 笔记 9 - 小试分词
• [ ] Python 笔记 8 - 图像处理 PIL
• [ ] Python 笔记 7 - 掌握 Requests 模块
• [ ] Python 笔记 6 - 掌握 RE 模块
• [ ] Python 笔记 5 - 文件读写操作
• [ ] Python 笔记 4 - OS 与 Sys 模块
• [x] Python 笔记 3 - Open 文件操作
• [x] Python 笔记 2 - 常用操作
• [x] Python 笔记 1 - 简单语法
• [x] UmiJs 尝鲜
• [x] 构建你的 Dva2

四、清和月

• [x] 前端反思录（三）－谈谈个人规划
• [x] 前端反思录（二）－不要让软实力成为短板
• [x] 前端反思录（一）－技术就是核心竞争力
• [x] 重写 Audio 样式
• [x] 强大的富文本编辑器 CKEditor
• [x] API 与 SDK

三、寐月

• [x] 掌握 HTTP2.0
• [x] 小程序开发 Tips
• [x] CSS 概要

二、如月

• [x] Web 优化之 Request
• [x] 细数小程序的坑
• [x] 剖析 Angularjs 语法

一、华月

• [x] 快速上手小程序
• [x] 玩转图片流
• [x] 浅谈区块链
• [x] 初探 Electron - 实践篇2
• [x] 初探 Electron - 实践篇1
• [x] 初探 Electron - 升华篇
• [x] 初探 Electron - 理论篇

2017

十二、涂月

• [x] 如何解决 Git 仓库嵌套问题
• [x] 如何配置 Git 对应多个 Repository
• [x] 反思闭包
• [x] Web 安全之 XSS 和 CSRF
• [x] 聊聊 Parcel
• [x] 掌握 JS Stack Trace
• [x] 初探加密算法
• [x] Git 常规操作

十一、葭月

• [x] HTML5 之摄像头调用（User Media API）
• [x] 探究 CSS 解析原理
• [x] CSS 实用 Tips
• [x] 何谓 JS 挖矿
• [x] 你了解软件测试吗？
• [x] jQuery 插件 range.slider

十、良月

• [ ] 掌握 CSS Grid 布局
• [x] JS 反混淆
• [x] HTML5 拖放实现
• [x] JS 花式编程
• [x] 掌握 Async/Await

九、玄月

• [x] 详谈层合成（Composite）
• [ ] JS 字符串操作汇总
• [ ] 熟练掌握 Lodash

八、桂月

• [x] 如何优化高德地图（AMap）Marker 动画

七、凉月

• [ ] ESlint 与 JSHint
• [x] ES6 边学边用二

六、旦月

• [x] HTML5 之全屏（Fullscreen API）
• [x] ES6 边学边用一

五、皋月

• [x] 在 React 中接入 Google Map
• [x] Howler 音频播放插件

四、清和月

• [x] 探路 Roadhog
• [x] Nginx 使用与异常处理
• [x] 有趣的动态天气图标插件

三、寐月

• [x] JS 数组操作汇总
• [ ] Chrome 插件 Postman
• [ ] Flex 布局技巧
• [x] 好看的 UI Kits

二、如月

• [x] 在 React 中接入高德地图（AMap）
• [x] 掌握 React 组件 Component
• [x] CSS 三大特性

一、华月

• [x] 使用 JS 巧妙处理金额数字
• [x] XHR or Fetch API ?
• [x] 细说 Mockjs

2016

十二、涂月

• [x] 一起来学习 Ant Design
• [x] yslow 优化之 add expires headers
• [x] 再谈 IE 浏览器兼容问题

十一、葭月

• [x] Linux 实用命令

十、良月

• [x] JS 能够保证 Object 属性的输出顺序吗？
• [x] 掌握 Linux 命令 Grep
• [x] 关于 HTML 中的 Base 标签

九、玄月

• [x] Mac 下查看端口占用情况
• [x] 掌握 JS 模板引擎
• [x] 走进 SVG
• [x] 安装 Homebrew 异常处理
• [x] Web Font 终极解决方案

八、桂月

• [x] js 动画库推荐
• [x] 如何检测页面滚动并执行动画
• [x] 将 html 转化成 markdown 文档
• [x] bootstrap 之 affix 附加导航
• [x] 探索 js 性能优化
• [x] HTTP 协议入门

七、凉月

• [x] 微信支付大坑
• [x] 浅谈 auth 认证
• [x] HTML5 API 大盘点
• [x] 掌握排序算法
• [x] js 之声明提升
• [x] 有趣的 border-image
• [x] js 之强大的正则表达式
• [x] jquery 之 cookie 详解

六、旦月

• [x] 如何让搜索引擎抓取 ajax 内容？
• [x] 我所理解的 call 和 apply
• [x] CORS 解决方案
• [x] PM2 初体验
• [x] 微信 js-api 的使用
• [x] linux 常用操作
• [x] hexo 搭建博客系列一
• [x] git or svn , make a choice!
• [x] 关于 shell 脚本

三、寐月

• [x] javascript 之浅拷贝和深拷贝

2015

十、良月

• [x] javascript 中双叹号(!!)作用
• [x] Mac 下如何删除 .DS_Store 文件
• [x] 熟练使用 vim 编辑器
• [x] 浅谈 AJAX 的优缺点

九、玄月

• [x] git 错误汇总（下）
• [x] git 错误汇总（上）
• [x] git 实践系列十：常用技巧
• [x] git 实践系列九：撤销操作
• [x] git 实践系列八：合并与冲突
• [x] git 实践系列七：迁出和回退
• [x] git 实践系列六：分支
• [x] git 实践系列五：日志和标签
• [x] git 实践系列四：添加，提交以及推送
• [x] git 实践系列三：移动，移除与提交
• [x] git 学习资源汇总
• [x] git 实践系列二：创建新仓库
• [x] git 实践系列一：初探
• [x] ajax 杂谈

八、桂月

• [x] trigger 和 bind

七、凉月

• [x] Markdown 语法浅析

六、旦月

• [x] Angularjs 知识分享
• [x] 移动端 touchend 事件不触发解决方案

五、皋月

• [x] 趣谈 document.write

四、清和月

• [x] js 中 Math 之 random,round,ceil,floor 用法总结

三、寐月

• [x] 细说 typeof 与 instanceof

二、如月

• [x] 关于 Hbuilder

2014

八、桂月

• [x] js 之如何访问函数内部变量

五、皋月

• [x] Angularjs 学习笔记16~总结
• [x] Angularjs 学习笔记15~项目演示（二）
• [x] Angularjs 学习笔记14~项目演示（一）
• [x] Angularjs 学习笔记13~路由 Route
• [x] Angularjs 学习笔记12~服务 Service（二）创建服务
• [x] Angularjs 学习笔记11~服务 Service（一）内建服务
• [x] Angularjs 学习笔记10~指令 Directive（三）自定义验证实例

四、清和月

• [x] Angularjs 学习笔记09~指令 Directive（二）参数定义
• [x] Angularjs 学习笔记08~指令 Directive（一）初探
• [x] Angularjs 学习笔记07~表单验证
• [x] Angularjs 学习笔记06~依赖注入 DI
• [x] Angularjs 学习笔记05~模板 Template
• [x] Angularjs 学习笔记04~过滤器 Filter
• [x] Angularjs 学习笔记03~数据绑定 Data-Binding

三、寐月

• [x] Angularjs 学习笔记02~控制器 Controller
• [x] Angularjs 学习笔记01~作用域 Scope
• [x] Angularjs 学习笔记～目录

有些路，走下去，会很苦很累，但是不走，会后悔。