若依单体版前端封装方法的例子

以下是单体版前端封装方法的一些例子：

1. 模块化封装

// user.js
export function login(username, password) {
  // 登录操作
}

// index.js
import { login } from './user.js';
login('user', 'password');

2. 组件化封装

// button.js
import React from 'react';
const Button = ({ text, onClick }) => (
  <button onClick={onClick}>{text}</button>
);
export default Button;

// app.js
import React from 'react';
import Button from './button.js';
const App = () => (
  <div>
    <Button text="Click me" onClick={() => alert('Clicked!')} />
  </div>
);

3. 插件化封装

// jquery-plugin.js
(function($) {
  $.fn.myPlugin = function() {
    // 插件逻辑
  };
})(jQuery);

// index.html
<script src="jquery.min.js"></script>
<script src="jquery-plugin.js"></script>
<script>
  $('body').myPlugin();
</script>

4. 工具化封装

// utils.js
export function formatDate(date) {
  // 格式化日期
}

// index.js
import { formatDate } from './utils.js';
const now = new Date();
console.log(formatDate(now));

这些例子只是单体版前端封装方法的一部分，实际上还有很多其他的封装方法和应用场景。在实际开发中，可以根据具体需求选择适合的封装方法。