本文主要介绍如何使用原生js，通过面向对象的方式实现一个文件上传预览的组件，该组件利用FileReader来实现文件在前端的解析，预览，读取进度等功能，并对外暴露相应api来实现用户自定义的需求，比如文件上传，进度监听，自定义样式，读取成功回调等。组件设计架构如下：(https://imghelloworld.osscnbeijing.

前言本文是笔者写组件设计的第八篇文章,今天带大家用5分钟实现一个极具创意的加载(loading)组件.涉及的核心知识点主要是css3相关特性,如果大家非常熟悉,可直接跳过介绍直接看正文.时刻问自己：是否具备创造力?笔记前端组件的一般分类:通用型组件:比如Button,Icon等.布局型组件:比如Grid,Layout布

最近前几个月开始，新项目都开始完全使用typescripthooks，先不说typescript吧，hooks是真的香🤣1.更好的分离页面和逻辑，重用逻辑的方法现在前端项目的组件化，一般都是基于最基础的UI组件库（里面也有组件的功能逻辑），加上业务逻辑，封装一个个component，container。组件是UI逻辑的复用，

JFinal专题之分页解决方案【课程介绍】 详细介绍数据库分页原理，自己动手封装前端分页组件，然后介绍第三方的js分页组件，集成laypage插件，了解各种分页模式，不管是跳转分页，数据库分页、前端分页、滚动加载分页、ajax数据分页、APP移动端分页、微信小程序分页等【课程目标】 掌握数据库分页原理，熟练使用JFinal操作数据库分页查