Giter Club home page Giter Club logo

researching's Introduction

前端课题研究项目

这是一个实验性专题学习项目,旨在帮助团队成员一起学习和成长,建立良好的团队技术氛围。 鼓励团队成员定期进行专题学习和研究,编写技术博客, 并将学习的成果分享给其他成员.

已发布专题


预选专题

不分优先级

  • (gq) Web UI for CLI
  • (gq) codesandbox基本原理
  • (gq) 长列表的性能优化
  • (gq) Electron 进程间基本方式
  • (gq) React Fiber
  • (zj) React 组件优化

使用方式:

文档格式

  • 技术文章或文档在sources目录进行归档. 每篇文章放在单独目录, 图片和素材都在该目录下
  • 使用markdown格式

流程

  • ① 首先发起一个预选专题issue 请求(使用预选label标识)

    • 为什么要发起这个专题?
    • 主要包含哪些内容,专题计划和大纲
    • 成员进行讨论,确定是否有必要进行研究,是否可以扩展更多内容
    • 确定专题后更新README预选专题
  • ② 开始撰写和研究,前提是不要影响业务进度

  • ③ 专题发布. 将专题原来预选的issue的label修改为已发布. 这是一个review的机会,其他成员可以进行审校.

  • ④ 专题分享. 开展团队内的线下分享会; 成员可以选择发布到自己的博客上, 分享给更多人


流程管理

通过Github Project看板进行管理


专题怎么来?

  • 专题请求. 可以请求其他成员完成专题,比如比较深的知识,可以要求团队比较有经验的进行学习分享
  • 学习总结.
  • 项目回顾
  • 难点攻克
  • 项目规范
  • 工具使用

其他工具

  • Codesandbox 代码演示
  • draw.io 画图工具, 注意要保存图表文档,方便后续修改

researching's People

Contributors

ivan-94 avatar jerrywen1994 avatar

Stargazers

Jin Yao avatar  avatar  avatar

Watchers

James Cloos avatar  avatar  avatar

Forkers

jerrywen1994

researching's Issues

再谈React的事件机制

为什么要构建一套事件系统?

基本概念

事件分类与优先级

基本架构

事件是如何绑定的?

事件是如何分发的?

SVG动画

svg动画专题分享

文章目录简介:

  • 什么是SVG
  • gif动画、css动画、SVG动画的区别
  • SVG动画的属性
  • SVG动画实例

专题池

未来可以尝试研究的专题

  • 前端性能监控,埋点
  • CSS grid
  • 前端可视化测试
  • 接口Mock
  • css BFC
  • svg动画
  • 深入ES6的某些语言特性

动态表单存储及拓展

消防项目中使用的动态表单技术沉淀及拓展

  • 如何实现动态表单
  • 动态表单的验证过程
  • 表单项之间的互动
  • 表单验证失败后focus到对应的表单项

Web UI for CLI

为jm-cli 添加Web UI

  • 讨论Vue CLI UI的设计
  • 如何在网页端执行命令
  • 网页端和服务端怎么通信
  • 如果展示日志

前端性能监控,埋点

接下来的专题研究是前端性能监控,埋点

  • 什么是前端性能监控与埋点
  • 为什么需要进行埋点
  • 如何做到前端埋点

CSS BFC

CSS BFC实践:

  • CSS BFC布局规则

  • 触发BFC的条件

  • BFC在CSS中的用处

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.