dont-track-me-google
Firefox and Chrome extensions to prevent Google from making links ugly.
JavaScript★ 587
FrankKai.github.io
FE blog
FrankKaiHTML★ 373⑂ 38 forksupdated 1 year ago
visit the demo
git clone https://github.com/FrankKai/FrankKai.github.io.gitFrankKai/FrankKai.github.ioREADME.mdfork it — it’s yours
趁你还年轻的博客
趁你还年轻的前端博客，包括HTML系列，CSS系列，JavaScript系列，TypeScript系列，前端存储系列，前端通信系列，前端安全系列，React系列，Vue系列，前端面试系列，前端性能系列，前端工程化系列，前端多媒体系列，数据结构和算法系列，nodejs系列，程序员通识系列
期待和大家交流，共同进步，努力成为优秀的前端工程师！
微信公众号：大大大前端
知乎专栏：https://zhuanlan.zhihu.com/wyasy
HTML系列
- 深入理解inline元素，block-level元素和display属性
- 一些低调的HTML标签
- 一些低调的HTML属性
- 一些低调的HTML事件
- 如何理解语义(semantic)化？
- DOM那些事儿
- 如何为DOM创建自定义事件？
- DOM进阶之EventTarget
- DOM进阶之Node
- DOM进阶之Element和NodeList
- DOM进阶之querySelector和querySelectorAll
- 一次简单的Virtual DOM实验
- 富文本编辑器复制拖拽图片
- 深入理解slot算法和shadow DOM
- 一些好用的模板引擎库
- 如何理解Range和Selection对象？
- 关于WAI-ARIA那些事儿
CSS系列
- 你真的理解浏览器盒模型吗？
- 我不知道的CSS，你知道吗？
- 简单理解CSS layout和Flex布局
- CSS进阶之Grid布局
- Scoped CSS是什么？
- 如何理解用于组件样式覆盖的:global?
- Sass的父选择器&
- CSS动画之timing functions
- CSS动画之transition
- CSS进阶之CSS变量
- CSS进阶之getComputedStyle()
- CSS函数之计算函数calc()
JavaScript系列
- 如何实现一个缓存函数？
- 如何理解WeakMap?
- JavaScript实际使用中的细节记录
- Rxjs那些事儿
- 你真的理解==和===的区别吗？
- 深度剖析0.1 +0.2===0.30000000000000004的原因
- 如何解决0.1 +0.2===0.30000000000000004类问题
- 从规范去看Function.prototype.apply到底是怎么工作的？
- 从规范去看Function.prototype.call到底是怎么工作的？
- Javascript对象的深浅拷贝
- 为什么typeof null→"object" ?
- IIFE(立即执行函数)那些事儿
- es6+ 常用语法
- es6必会之let && const
- es2015引入的元编程是什么
- 前端String那些事儿
- JavaScript之typed arrays那些事儿
- ResizeObserver是什么？
- IntersectionObserver是什么?
- MutationObserver是什么？
- es6之rest parameters和spread syntax
- Javascript中的Map类
- es6必会之arrow functions
- js中的of和in那些事儿
- es6 class 之 static
- es6 class 之 super
- 深入理解JSON.stringify()
- js数组高级函数之reduce()
- 如何理解Object.defineProperty()
- 浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务
- 深入理解Array.prototype.sort()
TypeScript系列
前端存储系列
前端通信系列
- HTTP之强缓存和协商缓存
- 物联网宠儿mqtt.js那些事儿
- 如何理解mqtt用到的101交换协议
- 前端通信那些事儿
- 请求串行控制和并行控制
- 前端URL那些事儿
- 什么是resquest／response拦截器？
- 什么是Web Workers?
- 一次失败的用web worker提升速度的实践
- 如何处理浏览器的断网情况?
- ServiceWorkers那些事儿
- 如何理解same-origin policy？
- 协议小册
- HTTP小册
- 如何理解HTTP请求方法POST？
- 如何理解HTTP方法的安全性，幂等性和缓存性？
- HTTP缓存之Cache-Control
- HTTP缓存之ETag
前端安全系列
React系列
Vue系列
- 如何理解vue中的key？
- 如何理解vue中的v-model？
- 如何理解vue中的v-bind？
- 如何理解vue的computed？
- Vue踩坑记录
- Vuex那些事儿
- vue的重中之重之h(createElement)函数
- 异步优先队列$nextTick的踩坑
- AngularJS踩坑记录
前端面试系列
前端性能系列
- CSS3动画卡顿性能优化解决方案
- 如何理解前端BEM？
- 前端性能优化之Performance神器
- 简单前端性能优化之Waterfall
- 前端性能优化之imagebase64
- 如何理解debounce和throttle
- 前端内存泄露浅析
- javascript内存分配
前端工程化系列
- WebComponents框架direflow实现原理
- WebComponents那些事儿
- 如何打一个既支持cjs，又支持esm的npm包？
- 一次webpack3升级为webpack4的实践
- 前端webpack构建优化
- ES6之使用import()做按需引入
- webpack插件开发
- 实用webpack插件之DefinePlugin
- 实用webpack插件之ProvidePlugin
- 实用webpack插件之webpack-chain
- Webpack那些事儿
- webhook到底是个啥
- PostCSS真的太好用了！
- 如何优雅地使用webpack的devtool进行debug？
- 前端开发神器之ngrok
- 前端工程师必会之ssh命令
- nginx入门
- create-react-app如何使用less/sass和react-css-modules?
- chrome控制台常用高级console指令
- 如何使用Chrome DevTools花式打断点
- 如何引入阿里云ARMS前端监控？
- Jenkins前端项目持续部署
- 记一次简单的vue组件单元测试
前端多媒体系列
数据结构和算法系列
- leetcode js题解
- 发现数据结构之美-栈
- 发现算法之美-时间复杂度
- 发现算法之美-暴力遍历
- 发现算法之美-双指针之对撞指针
- 发现算法之美-排序(冒泡排序、选择排序、插入排序、归并排序、快速排序)
- 手写Array/Map/Set
nodejs系列
- VSCode插件开发踩坑
- 强大的异步专家process.nextTick()
- 关于npm那些事儿
- yarn那些事儿
- 如何理解package.json中的proxy字段？
- 饿了么大前端题目解析：JS基础问题
- node 标准库常用语法
- module.exports和exports shortcut
- nodejs创建进程的4种方式
- Node框架那些事儿
- API网关express-gateway初体验
- koa2如何设置和清除cookie
- GraphQL入门
- express中间件原理connect
- 关于MongoDB那些事儿
程序员通识系列
- 如何用mermaid绘制时序图
- 关于Git那些事儿
- Git与ssh秘钥之间的那些事儿
- 如何理解git rebase？
- 如何理解git cherry pick？
- 环境变量那些事儿
- 常用shell命令集
- shell终端快捷键
- vim 编辑器必知必会
- 原来命令行也是门艺术
- 一些Linux知识点
- centos入门
- 常用pm2、docker、k8s命令
- docker入门
- 持续集成工具Jenkins初体验
- 正则表达式
- markdown那些事儿
- 字符串base64编解码的多种语言实现
- Something more important than code、
- 注释那些事儿
- UML那些事儿
- 一直被忽略的zen-coding
- 如何参与开源项目？
- 如何理解scrum？
- Chrome Devtool小技巧
- 一些有趣的浏览器装逼神器
随想
AI
more like this