每日总有大量的信息流 有时候对看过的东西没有进行标记,导致容易出现遗忘。特此添加
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 新增性能钩子