每日总有大量的信息流
有时候对看过的东西没有进行标记,导致容易出现遗忘。特此添加
2018/11
6日
- 首页白屏的引发的思考(一)
- React入门教程 - 组件生命周期
- 页面可视化搭建工具前生今世
- 可视化页面编辑器的设计与实践
- react-dnd // react, react拖拽库
- 2018大厂高级前端面试题汇总 // 里面的东西可以来填充我的demo库
7日
- 学习graphql资源
- 深入React和Redux
- 七牛云
- 阻碍你使用GraphQL的十个原因
- [译]GraphQL:你需要知道的一切
- 数据库n+1问题
- 微信网页悬浮窗交互效果的web实现
- swiper 看看通用api设计
- [译] 我经常听到的 GraphQL 到底是什么
8日
2019/02
24日
- render props 的一篇好文章
- 【专栏】都是一些新的web知识
- web worker的API、
- 一个精简的swiper(可以用于参考实现)
- 面试相关(手写代码 面试)
- 补间动画(动画)
- 前端面试押题(面试)
- 京东PLUS会员项目前端性能优化实践
> 基本的架构升级
> polyfill 按需加载(不同的browser)(更优的方案是不同浏览器在不同节点定制polyfill 而不是打包过程中就弄好了,(尽可能少))
> 持久化缓存 service worker
> 请求优化,用node做一层胶水层,在render页面前注入用户信息
> 骨架屏
> 图片格式优化 webp - 不要成为自己讨厌的那种程序员(思考)
- sokra的webpack工作大纲解析(面试)
- javascript知识点解析
- 2019给前端的5个建议(全链路那个图有意思)
- ajaxHook
> getter setter伪proxy 劫持原生xmlhttprequest对象方法 - 前端面试知识整理1
25日
- vue组件精讲(组件)(面试)
> 希望从中学到组件的设计差异 - 组合函数的使用(函数式变成)
- webpack打包黑科技(webpack)(面试)
- letter Effect 针对文本的动画处理(动画)
> 实例效果 - animate.js(动画)
- react animate库
- animate.css(动画)
- react animation
> 几种的区别。animate.js 是基础运动库。react-anime在其上封装,animate.css是纯css的曲线。react animation则是提取变换曲线in js use. - react Compound Components
> 以前的一种组件复用设计思路
> 现在实现这种操作方式不用这么多的cloneElement
> 提倡一个复合组件应该通过组合Ryan Florence
> 3steps: 1. 实际需要的页面结构jsx。 2. 所需要状态从外部父组件处理 3. 各分类子组件负责改变状态。 注意这一层的连接,旧有可以通过clone再传入,现在context api理应可以完成 - jquery ui
> jquery ui 的api设计可以说是经受了时间的考验 - webpack的一个新手教程
- debounce的实现
> 与之前自己做的区别其实主要在控制是否执行过后再进行debounce。 - react-wait
> 开始要了解react-hook 的知识了
> 这个组件的对应文章 对应文章
2019/03
3/2日
- vue hook
> 简单看了一下实现 mixin进组件声明周期,然后再手动创建hook钩子的方法。
> https://github.com/yyx990803/vue-hooks - css面试题汇总(面试)
> 有些点归纳得太复杂了,为了归纳而归纳 - webpack+bable打包优化
> 升级带来的优化性能还是很明显的 - 你所听到的技术原理、技术本质到底是什么?
- GPU.JS(git库)
> 关注 - 一个js编译器(git库)
3/4日
3/5日
- 复习一下compound Component 模式
- 复习一下compound Component 模式
- 从零开始编写一个babel插件(babel)
- ast 可视化查看
- mdn Event Loop(面试)
- 一个EventEmitter实现(git库)
- 在淘宝前端的第二年
> 技术要与业务做结合,同时也要兼顾沟通各方 - 原型基礎物件導向(面试)
> 基本的知识图谱 - 2018大厂高级前端面试题汇总(面试)
- 前端面试之路二(javaScript基础整理)
3/6日
- javascript in sexy
> 16点js核心内容
> 这网站域名真666 - react-simple-animate(git库)
- csstransitiongroup用法
- react-transition-group react官方的一个animate库
- animate-css-styled-components(git库)
> styled-components的animate库 - 文章: react常见动画实现方式
- animated-styled-components(gitku)
> 以上都是一些react animate知识 - babel-plugin-add-module-exports babel插件
> 了解babel-plugin-add-module-exports插件的写法 - taobao fe babel插件
- baidu fe babel插件(从零开始写Babel插件)
3/7日
- 关于 try/catch 的一些细节(主要还是说了finally的作用)
> 错误相关 - 使用video优化gif
> 我对GIF的理解,GIF不可暂停,优化算法可以使其帧复用尽可能小的占用空间。 - preload/prefetch in webpack
- react-motion(git库)
- PureComponent的陷阱
> PureComponent是浅比较,所以当对象属性发生改变时不会触发rerender - 一个好用的"web构建"(git库)
- 于江水淘宝第三年
> 满篇也是迷茫呀。 - React State Management In a GraphQL Era - Kitze
- React Today and Tomorrow and 90% Cleaner React With Hooks
> hook很好~以前生命周期的逻辑,不用mixin也可以进行复用。
> react模式很多 render props render children HOC Compound Component...等等等等
> 思考不同点,思考模式着力点。
3/9日
- draft-js 富文本
> 比对的caneditable true对比,在浏览器的表现上更为一致。
> convert state tp JSON | Restore the state from JSON
> BlockRenderMap | BlockRenderFn | BlockStyleFn | decorators | customStyleMap - 分类表
- 在postinstall 之前把hook钩子拿出来用
3/12日
- 用于监控页面中的所有API请求的状态和结果
> 劫持方法在声明周期注入函数 - 重排与重绘
- 高性能JavaScript 重排与重绘
- reflows-repaints-css-performance-making-your-javascript-slow
- opear开发手册
> 也是重绘重排知识 - 浏览器呈现过程
- 深度解析原型中的各个难点
- JS深入之从原型到原型链
- 强大的原型和原型链
> 你不知道的js一个章节原型 - 重新认识构造函数、原型和原型链
- node 新增性能钩子