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

      最近一直在准备找工作，看了很多公司的招聘介绍，有相当一部分直接写：熟悉HybridApp开发加分！正好，我司开发的就有这种HybridApp——使用WebViewJavascriptBridge通信，前端封装一些常用方法调用。      现在的app开发，已经不在是以前一样所以页面都是有原生开发，基于应用的更新上线繁琐，由于

明白JavaScript语言，你就会用Node.js了。最常见的运行JavaScript语言的地方就是用户的浏览器，几乎所有的浏览器上都有个JavaScript引擎，这个引擎负责运行在页面中嵌入的JavaScript代码。代码是在用户的浏览器上运行的，用户那头叫前端（Frontend），服务器这头叫后端（Backend）。Node.js

本篇文章中，我会使用maven构建一个基于SpringMVC的入门例子，前端标签库使用的是jstl。在开始之前，请确保你已经安装maven、eclipse以及tomcat。1.创建maven工程在eclipse的工作区中使用maven命令行创建一个空白工程，当然你也可以用eclipse的m2eclipse插件来创建。mvnarch

在开发前端数据统计时，使用MongoDB作为数据库，收集相关数据，在后期展示时，使用到Mongodb的Mapreduce做数据会中处理，现在将相关问题记录下来，方便以后查找，也方便相关同学MongoDBMapreduce使用说明背景MapReduce是个非常灵活和强大的数据聚合工具。它的好处是可以把一个聚合任

我们知道JavaScript是世界上最流行的语言之一，React和Vue是JS最流行的两个框架。所以要想前端的开发那么必须掌握好这两个框架。那么这两个框架有什么不同呢？React和Vue相同之处，它们都有：使用VirtualDOM提供了响应式(Reactive)和组件化(Composable)的视图组件

关注 Vue中文社区，回复“加群”加入我们一起学习，天天进步!(https://oscimg.oschina.net/oscnet/87ae53dd75f05eea5d7292d2d939b53bbb3.jpg)作者：Tusi上午好，今天为大家分享下个人对于前端API层架构的一点经验和看法。架构设计是一条永

1\.本节说明本节以及后面的内容我们将会通过搭建一个简单的博客程序来对angular进行介绍，项目使用前端框架是bootstrap.版本v3.3.7，另外需要安装jquery.关于bootstrap,jquery的安装方法第一篇中有讲解，不再赘述。本节内容由于搭建页面框架的关系，主要是bootstrap的内容，与angular关系不太

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

本文作者：CODING廖红坤前言随着微前端、微服务等技术理念和架构的蓬勃发展，我们已经没必要去讨论为什么要前后端分离这种话题，前后端分离已成为互联网项目开发的标准模式。前后端在各自的领域发展越来越纵深。!1(https://static.oschina.net/uploads/img/202011/03155102_VGNk.