[置顶]捣鼓目录

记录平时工作学习的目录条目, 类似 Jsonz-learnJsonz-wheel 的目录。
部分比较大的轮子可能会独立成一个git项目

Doing

NEXT

目录 排名按时间顺序

React Hooks 食用指南

项目接入quicklink,尝试看效果如何

利用AST解决webpack alias泛滥的问题

react源码学习 ContextAPI

正则全局标志注意事项

react源码学习系列

函数式编程

一道赋值面试题引发的思考 —— 对象引用问题

视频转字符画

window.print 浏览器打印扫盲

《http小书》http知识扫盲

《css世界》常用技巧 —— 读书笔记

浏览器恢复滚动行为 —— history.scrollRestoration

create-react-app 源码解析(一)

create-react-app 源码解析(二)

git查漏补缺 非常大好全的文章 慢慢适用一下控制台提交,熟悉之后再切客户端

自动化功能测试流程方案

项目代码规范工作流——editor、prettier、eslint、git-check

自动化测试 puppeteer 与qq空间

react全家桶 + dva 实践整理总结

了解 babel 写个babel 插件 —— 了解编译器原理

react/dva/antd/antd-pro/roadhog 全家桶 项目用ing

postMessage

  • 简单的对系统自带的postMessage进行封装
  • 支持事件类型监听
  • 更多实现参考 arale/messenger/index.js

react-native-dogs

  • 学习react-native 比较全面的一个路径
  • 虽然不完整,但包含了rn 常用的api 库 等
  • 也涉及到 node koa 七牛云等

react-native-countdown ReactNative的倒计时组件

  • 造这个轮子的原因是学习rn的时候,视频推荐额一个组件,但是这个组件已经停止维护 所以只能自己造一个
  • 支持日期与秒数的倒计时
  • 简单粗暴

fixedTop 吸顶效果

  • 一个很小的常用效果
  • 主要细节 在于改变dom为 fixed布局后在该dom后面生成一个占位的,防止兄弟节点的抖动

copyText 复制黏贴板插件

  • 支持h5,PC
  • success, error回调
  • 判断浏览器是否支持该事件接口

heatmap 热力图

  • 老大提的小需求 一两个小时完成
  • 点击页面会间隔(10s)存到sessionLocation。 刷新后会把存在sessionLocation 绘制成热力图展示在页面上

validator 小型表单验证插件

  • 移动端简单的验证插件
  • 支持自己配置验证项 支持多重验证
  • 封装了一些cookie常用的api
  • get set remove clear getAll

ObjectiveC

  • ObjectiveC 基础
  • 为了学 ReactNative 做一点ios基础铺垫

setTimeout && setInterval

Event

  • 最简单的事件系统

handlebars

quickskin

  • 简单的PHP模板, 文档很不全 {value}
  • if
  • for

sass

  • 简单的入门语法,因为用过less 所以基本无障碍

chrome-extension

  • 学习chrome插件开发入门
  • 暂存finish,后面会重新学习 比较感兴趣
  • 目前想法是做一个可以在页面比较方便加载js的插件
  • TODO

animate-text

  • 一个简单的文字 && 数字 动画小插件。
  • demo
  • 文档

backbone

DesignPattern

  • 后面会继续学习
  • 《JavaScript设计模式》张容铭
  • 亚马逊购买

ECMAScript_6_Primer

gulp

imooc

  • 慕课网上的相关学习
  • imooc.com
  • 学习占幅越来越低,看视频的效率没有看书和博客来的快

markdown

require

  • JS模块化加载规范 AMD产物
  • AMD

require+backbone

  • backbone+require 练习

RiotJs

vue

  • vueJs入门部分demo

vue+webpack

  • vue+webpack demo

  • jsonz_old

  • 刚入门的时候写的一个在线简历 停止更新

  • zhangxinxu

  • 腾讯一个大佬,主要重构方面。
  • css与html很多疑难杂症 基础知识等都可以在里面找到
  • http://www.zhangxinxu.com/

Done log: 历史日志,定时把doing更新下来,所以会越来越长…因为不想每次都忘了之前定的是什么,又懒得去找git记录

  • 工作项目重新上验证等 √
  • 工作项目去除日期 √
  • css自定义属性 ×
  • 对象赋值循环引用探讨 √
  • 视频转字符画 √ 后面有时间整理出来
  • 写个webpack插件,处理cookie生成markdown √ 写完发现这些要在运行时抓取才准确就没继续做下去
  • create-react-app √ 第一次尝试开心
  • vue全家桶 √ 过了一遍,等有小项目可以练手
    _ 《CSS世界》_ √ 好书
    — 《http小书》_√ 准能帮你省下不少时间
  • 了解函数式编程 √
  • React源码 √
  • 升级blog版本 √
  • React Context √
  • pc项目的规范与eslint √
  • 《数据结构》 √
  • Dart基础语法 √
  • React Hooks学习 √
  • 《React食用指南》√